POPデザイナー.net

POP広告作成やPOPライターなるための教室スクール比較、資格検定、通信教育、通信講座の評判口コミ人気ランキング

メニュー
  • pop

    諒設計アーキテクトラーニング評判口コミ

    諒設計アーキテクトラーニングスクールって?諒設計アーキテクトラーニングスクールは、1985年に建築分野の教育をメインにスタートした通信教育分野では実績と長い歴史を持つ団体です。現在では、建築分野はもとより、インテリアや暮らし、アロマテラピーといった、より生活に密着した多くのジャンルを抱え、通信教[...]

    続きを読む
  • pop

    日本アロマメディカル心理セラピー協会評判口コミ

    中心は「心のケア」!日本アロマメディカル心理セラピー協会ってどんなところ?日本アロマメディカル心理セラピー協会は、心のケアを中心とした技術の各スキルが一定以上の水準であることを認定する民間資格団体です。「アロマヒーリングセラピスト」「カラーセラピー」「メディカルハーブカウンセラー」「ストレスケア[...]

    続きを読む
  • pop

    日本デザインプランナー協会評判口コミ

    【デザイン→ビジネスの時代に注目の機関】日本デザインプランナー協会って?みなさんは昨今、一番売れているトースターがどんなものだかご存知ですか?いろいろなメーカーが似たような性能の製品をそろえていれば、後は価格だけが判断基準なのでしょうか?イエイエ、実は今一番売れているトースターは「バルミューダデ[...]

    続きを読む
  • pop

    日本安全食料料理協会評判口コミ

    【食にかかわるスペシャリストを育てる】日本安全食料料理協会って?みなさんは毎日コーヒーを飲みますか?街を見渡してみれば、、チェーン店やインディペンデント、とにかくお店が増えていることに気がつきますよね。コーヒーは今「サードウェーブ(第3の波)コーヒー」と呼ばれるブームの真っ只中。清澄白河に出店し[...]

    続きを読む
  • pop

    日本インストラクター協会評判口コミ

    副業・開業に強い味方。日本インストラクター協会って?日本インストラクター協会と聞いて、皆さんはどんなイメージを思い浮かべますか?インストラクター=「教える人」。スキーやゴルフのインストラクターなら、誰でも聞いたことがある「教える人」のイメージに合致するかもしれませんね。そう、日本インストラクター[...]

    続きを読む

ウェブデザインに黄金比を組み込む

13 黄金比とは・・・

縦と横の比率が1:1.618のものが黄金比と呼ばれ、その比率で作られた長方形を「黄金長方形」といいます。

金長方形から短辺を一辺とする正方形を取り除くと、残る部分はまた黄金長方形となる。これを繰り返すと、黄金長方形は無限個の正方形で埋め尽くされます。

この正方形の軌跡から生まれる螺旋を「黄金螺旋」といいます。

古代ギリシャの時代から、ミロのヴィーナスやパルテノン神殿、ピラミッドにまで黄金比を用いた設計が使われています。
かの有名なモナリザにも使われているそうです。

 

ウェブデザインに黄金比を組み込むための5つのチェック

27 トップ画面のファーストビューは黄金比になっているかどうか

27 画面サイズは黄金比になっているかどうか

27 フォントのサイズは黄金比になっているかどうか

27 サイドカラムとメインカラムの割合は黄金比になっているかどうか

27 ダブやリンクボタンのサイズは黄金比になっているかどうか

 

33 トップ画面のファーストビューは黄金比になっているかどうか

サイト全体を黄金比の割合で区切ることができれば理想ですが、黄金比に収めるためにコンテンツ量を増減して調整していると本末転倒です。
大枠を黄金比で区切ります。トップページの黄金比サイズを基準として、スクロール後のページや、画像やリンクボタンのサイズなどを設定していきます。

 

33 画像サイズは黄金比になっているかどうか

サイトに掲載する画像も、黄金比で作るのが理想的です。

縦横の比率が1:1.618のサイズのものを用意します。例を挙げると、元々の画像のサイズが縦500px横900pxの場合、横幅を縦幅の500pxに1.618をかけた809px、になるようにトリミングすると黄金比になります。

 

33 フォントのサイズは黄金比になっているかどうか

フォントサイズも、黄金比でサイズを決めていくと美しく仕上がります。

 

33 サイドカラムとメインカラムの割合は黄金比になっているかどうか

カラムの割合が2つの場合は、黄金比で構成することができます。しかし、2カラムで黄金比を適用すると、横幅が960pxの場合、メニュー部分が366.7px、本体部分が593.3pxとなりメニュー部分が大きすぎて使いづらくなります。

 

33 リンクボタンのサイズは黄金比になっているかどうか

リンクボタンにも黄金比を当てはめます。ボタンそのもののサイズと、外枠とボタン内の文字サイズと配置に気を使います。

ボタンを目立たせたい時に使う、グラデーションの割合にも黄金比を当てはめむときれいになります。黄金比をパーセント表記に直すと61.8%と38.2%となります。

 

関連記事

  1. pop
  2. pop
  3. pop
  4. pop
  5. pop
  6. pop