読者です 読者をやめる 読者になる 読者になる

ツヅリサイクル

にゃるらコト岡村 直樹の公開ノート

自分がいつも Web のスタイリングで気を付けていること

Development Knowledge

概要

  • 僕 (@nyarla) が、自分の Web サイトなどを作る際に気を付けている事の一覧
  • どちらかというと、デザインとかスタイリングとかそっちの話
  • とりあえず、僕はこうしているよ、って話です。はい

Web のスタイリングで気を使っていること一覧

1. 背景色

  • 基本的に、真っ白とか真っ黒は使っていない
  • 白基調にする時は、 #FFFFFF ではなく、少し明度を落した #F8F8F6 を良く使っている
  • なんでかっていうと、基本的には目潰しの防止。というか眩しいと読み辛い

2. 文字周り

  • 基本的に文字は大きめ。大体 font-size: 20px ; ぐらい
  • 後、行間は line-height: 1.8em ; ぐらいにしている
  • 大体、僕としてはそれがぐらいが読み易い

3. 余白

  • 余白はゆったりと取る。あんまり要素間をぎゅうぎゅう詰めにしない
  • というのも、ぎゅうぎゅう詰めだと、目で文字とかを追う時にストレス
  • なので、余白はゆったりと取る。あと、余白は余分ではない。

4. 広告

  • 基本的にケバい広告の類いは付けない
  • あと、広告は必要最小限にしている。というのも、あんまり広告が多いと鬱陶しいため
  • が、収益を上げるためには、広告を付けざるを得ないため、色々悩ましい

5. カラーパレット

  • 基本的には Tango Desktop Project のプロジェクトのカラーパレットを使っている
  • が、2016年 5月現在、Tango Desktop Project の Web Site が消滅している
  • Archive.org で掘り起こした所、 Palette のライセンスは Public domain

ちなみに、Tango Desktop Project の Color Palette はこれです:

f:id:nyarla-net:20160514123030p:plain

※ なお、この画像は、archive.org から発掘した Tango Desktop Project のカラーパレットの画像を転載した物です。