マジカルリミックスエンジニアブログ

Webデザインで黄金比と白銀比を使うために

個人的には黄金比より白銀比のほうが美しいと思います。
黄金比だとちょっと広すぎる気がするんですよね〜。
自然界のものより人工物を見慣れているからなんでしょうかね。

黄金比と白銀比

黄金比黄金比
自然界でもっとも安定し、美しい比率とされています。
簡単に言っちゃうと、約5:8。
詳しくは黄金比 – Wikipedia
名刺など様々なカード類のサイズ。
Webサイトで左側メニューのレイアウトをした場合、右図のような分け方になります。

白銀比白銀比
日本古来からある木割を基にしており大和比ともいわれ、人工物や建造物での安定した美しさとされています。
簡単に言っちゃうと、約5:7。
詳しくは白銀比 – Wikipedia
いわゆるコピー用紙サイズ(A3、A4)。
Webサイトで左側メニューのレイアウトをした場合、左図のような分け方になります。

計算ツール

こちらのサイトから簡単に黄金比と白銀比を割り出せるツールが出てます。とても便利です。

上2つがブラウザ上で数値入力型で、下がアプリケーションとしてデスクトップで黄金比と白銀比を割り出せます。
Webデザインで黄金比と白銀比を使う場合にご活用ください。

WordPress でコピーライトの年号を自動更新する

以前コピーライトの正しい表記についてという記事を書いていました。
記事内容を大雑把にまとめると、コピーライトは「(c)マーク」、「著作権者名」、「年号表記」があれば良し。
しかして年号表記を手作業更新はめんどうくさい。
というわけで、WordPressくんにコピーライトの年号を自動更新してもらいます。

最新の年号に自動更新

WordPressをちょちょいと使いやすくする15のスニペット|コリス より
年号表記を手作業で更新するのではなく、最新の年号をサーバーから取得します。

(C) 2007-<? echo date('Y'); ?> igarashi of MagicalRemix&Co.

デザインの基本 視線の流れ

友人から借りた本に書いてあったことを忘れないようにまとめてみます。
参考になったしおもしろかったので、もしよろしければどうぞ。
『デザインを科学する』 ポーポープロダクション

視線の流れは「左上から右下へ」

『横書きの文章の場合、視点は最初に左上にいき、その後本文を読みながら最終的に右下に到達する。視線は重力があるかのごとく、左上から右下へと流れていく。』
この法則は「グーテンベルクの法則」と呼ばれているらしいです。
左上にロゴが配置されるはこの法則に沿っているんですねきっと。
続きを読む»