福地のデザイン　その1

普段やっているWEBデザイン、多少のグラフィックデザインの仕方の紹介です。

１.見易さ

自分の中で一番重視していますがなかなか難しいのです…。

- 色

左の中で見易いと思うのは何色？
私は#333333がギラギラとしていなくて記事などに使う場合、一番見易いと思いますが、デザインとして#CCCなども使う事があります。
このときの良い点は“その色よりも濃い色が強調される”,“デザインの邪魔になりにくい”
悪い点ももちろんありますが、“発色が良いディスプレイでは無いと真っ白に見えてしまう”,“見難い”などがあげられると思います。
私の場合出来るだけサイトでも重要な部分ではないところ以外#333又は#666でベース文字色を指定しています。
ユーザーがみて最後まで苦労せずに文章を見てもらえる様に気をつけています。

- サイズ

右の中で見易いと思うのは何px？
この画像だと周りに何もないので、15pxが見易く思えます。
ブログやサイトなどの画像や背景などと併用されている場合は、15px?大きすぎない？
なんて思ったりします。
実際にブログなどのデザイン組んでいるときは大体12pxぐらいでいつも文字指定をしています。
そうするとH1などの見出しが良い具合に強調されて強弱がはっきりするからです。

- italic

右の画像の様にWindowsの標準フォントMSゴシックでイタリックを表示すると凄い見難くなります。
アンチエイリアスが掛かっているOsakaフォントだとがさがさせずに表示されているので見易いと思います。
最近は自分でも見難い！と思うので使用していませんが、偶に見ます。
強調としては良いと思うのですが色や太字などを要素につけるほうが分かり易い・見易い文字となると思います。

となんだかんだ書いてみましたがやっぱり難しいです。

関連記事

1. コーディングがはやくなる！？「zen-coding」 (2杯目)
2. Wordなどのクリップアートの”デザイン”が素敵！
3. UIデザインのモックアップ用のPDF.
4. Webサイトを作る時に役に立ちそうな事を紹介
5. Webデザインに使えそうなフォント