ホームページ作成ビギナーズガイド：レイアウト・デザイン

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

レイアウトやデザインの注意点など。

パソコンの画面の色はRGB(Red、Green、Blue)をそれぞれ0～255の256段階で組み合わせて表現します。
フルカラーでは256×256×256＝16,777,216色となります。

WebセーフカラーとはRGBの各値を、0(0％)、51(20％)、102(40％)、153(60％)、204(80％)、255(100％)、の6段階にしたものです。
その6×6×6＝216色がWebセーフカラーと呼ばれます。

WindowsやMacintoshなどのプラットフォーム(OS)で設定されている256色のシステムカラーパレットの内、共通しているのが216色のWebセーフカラーです。
Webセーフカラーを使うことによって、異なる環境でも同じ色で表示される確率が高くなります。

Webセーフカラーの見本 → WEBカラーリファレンス

どの文字サイズが読みやすいかというのは、結論は無いと思います。小さい文字が好きな人もいれば、大きい文字が好きな人もいます。

「文庫本や新聞のフォントサイズが昔から変わらないのは一つの最適解の証明だ」ということで、モニター上でそれくらいの文字サイズに見える大きさがいいという意見もあります。

しかし、新聞から目を離して読む人もいれば近づける人もいますし、ルーペで拡大する人もいますので、やはり全ユーザーに好まれる固定フォントサイズは無いと思います。

文字サイズの単位をパーセントなど相対的な単位で指定し、ユーザーがブラウザの設定で文字サイズを変えやすくしておくほうが、訪問者に優しいサイトになります。

フォントサイズの単位をpx(ピクセル)やpt(ポイント)で指定してしまうと、Internet Explorer6.0では「表示→文字のサイズ」で文字サイズを変更しようとしても変更できません。