黄金比
自然界でもっとも安定し、美しい比率とされています。
簡単に言っちゃうと、約5:8。
詳しくは黄金比 – Wikipedia
名刺など様々なカード類のサイズ。
Webサイトで左側メニューのレイアウトをした場合、右図のような分け方になります。
白銀比
日本古来からある木割を基にしており大和比ともいわれ、人工物や建造物での安定した美しさとされています。
簡単に言っちゃうと、約5:7。
詳しくは白銀比 – Wikipedia
いわゆるコピー用紙サイズ（A3、A4）。
Webサイトで左側メニューのレイアウトをした場合、左図のような分け方になります。
個人的には黄金比より白銀比のほうが美しいと思います。
黄金比だとちょっと広すぎる気がします。
自然界のものより人工物を見慣れているからなんでしょうかね。
こちらのサイトから簡単に黄金比と白銀比を割り出せるツールが出てます。とても便利です。
上2つがブラウザ上で数値入力型で、下がアプリケーションとしてデスクトップで黄金比と白銀比を割り出せます。
Webデザインで黄金比と白銀比を使う場合にご活用ください。
友人から借りた本に書いてあったことを忘れないようにまとめてみます。
参考になったしおもしろかったので、もしよろしければどうぞ。
『デザインを科学する』 ポーポープロダクション
『横書きの文章の場合、視点は最初に左上にいき、その後本文を読みながら最終的に右下に到達する。視線は重力があるかのごとく、左上から右下へと流れていく。』
この法則は「グーテンベルクの法則」と呼ばれているらしいです。
左上にロゴが配置されるはこの法則に沿っているんですねきっと。
続きを読む »
「サイトのデキを診断する５つの質問」より。備忘録としてメモしておき、いつか使う日に備えておきます。
サイトを制作する前に
ちゃんと設計できているか？（コンセプト、情報設計共に）
設計をちゃんとビジュアルデザインに転換できているか？
を簡単に診断する方法。
診断したいウェブサイトのトップページのファーストビュー（スクロールしないで最初に表示されるところ）を、前提知識のない数人に見せながら、以下の質問をしてみる。
- このサイトはどんな人のためのどんなサイトだと思いますか？
- このサイトでできること（訪問者がアクションを起こせること）は何ですか？
- このサイトで販売している商品、サービスと、同業他社との違いはなんですか？
- このサイトには、どうすれば辿りつけると思いますか？
- このサイトをパッと見た時の印象は？
ファーストビューに限ってるのは、やっぱりパッと見の印象が大切なんだよ、ということでしょうか。第一印象というやつですね。
パッと見て即座に何のサイトなのか分かるようなデザインが大切なんですねぇ。気をつけよう。