menu

Appleのロゴにも活かされているデザインの「黄金比」とは?

ディレクター心得

WordPressや各種フレームワークが普及し、ぐっと身近になったWebサイト制作。WordPressなどを利用すればデザインやコーディングにそれほど深い知識がなくてもトレンドから大きく外れることはなく、一定以上の機能を備えたWebサイトを制作できるようになりました。

ただ、やはりプロのWebディレクターならデザインやマーケティングに対する最低限の知識は持っていたいもの。クライアントに対するプレゼンテーションや打ち合わせの際も、その場限りの提案をしたり、ニュアンスで伝えたりするよりは、具体的な理論やメソッドに基づいてロジカルに説明した方がより説得力が増すでしょう。

・Appleのロゴにも取り入れられている「黄金比」
モノの外観をバランスよく表現し、見る人に素直に美しいと思わせるのがデザインの「黄金比」です。具体的な比率は、横:縦=1:1.618(大まかには5:8)。「モナ・リザ」や「ミロのヴィーナス」といった美術品に黄金比が取り入れられているのは有名な話ですが、それ以外にも、はがきや名刺、Appleの企業ロゴ、デジタルカメラやiPhone自体も黄金比に基づいて設計されています。

Webサイトを制作する際は、トップページのファーストビューを黄金比に基づいてレイアウトすると、よりユーザーに情報が伝わりやすく、アクションを導きやすくなると言われています。もちろん黄金比にこだわるあまりコンテンツの内容を減らしたりするのは本末転倒なので、あくまで目的と照らし合わせて活用するようにしましょう。

黄金比はWebサイトのレイアウトだけではなく、画像やフォント、ボタンにも活かすことができます。例えば、500px×1000pxの画像をWebサイトで使う場合、黄金比に基づいて横幅が809px(500px×1.618)になるようにトリミングすると、より画像の特徴が際立ち、バランスよく見せることができます。

フォントの場合、記事本文のフォントが9ptなら、小見出しにはそれに1.618を掛けた14.562pt、中見出しにはさらに1.618を掛けた23.561ptというように、黄金比を意識することで全体の印象をスマートに整えることが可能です。

購入・予約ステップへ遷移するリンクボタンの場合は、横:縦のバランスだけでなく、文字部分の横幅とボタン全体の横幅を大まかに5:8に設定すると、違和感なく情報が伝えられ、スムーズにアクションを導くことができるでしょう。

小野 良勝

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

野球観戦をより楽しく、快適に。スポーツ界に先駆けたMLBのBeacon活用事例

マルチタスクを効率的に管理。スムーズなプロジェクト進行に活かせるツール3選

関連記事

  1. Webディレクターなら知っておきたいWordPressのデメリッ…

    ソフトウェア使用料が0円で、デザインのテンプレートやプラグインも豊富に提供されているWordPres…

  2. コンテンツ制作に集中できる、SEO対策済みWordPressテン…

    ユーザーの役に立つ情報を発信することによって検索上位獲得を狙うコンテンツSEO対策が主力となった今で…

  3. ランディングページに特化したギャラリーサイト4選

    Webデザインを見る目を養い、日々変化するトレンドへの理解を深めるのに非常に役立つギャラリーサイト。…

  4. 1000円以下でハイクオリティな素材を入手可能。優良ストックフォ…

    Webサイトの制作でイメージ・目的に合った画像を手に入れるのはなかなか難しいものです。プロのフォトグ…

  5. 外注やデザイナーに頼らずサクッとロゴを制作。ロゴジェネレーター3…

    LineやInstagramといったSNSの台頭にともない、コミュニケーションツールとしてあっという…

  6. なぜ今「Web接客」なのか?さまざまなツールが普及する2つの理由…

    「毎日の業務に忙殺されて、提案力が身につかない」、「Webディレクターとしての価値を磨きたいけど、具…

  7. 即戦力のコーディングチェックツール3選

    デザイナーへの発注やクライアントとの連絡・調整に加えて、Webページのコーディングをチェックするのも…

  8. 「まだ東京で消耗してるの?」に学ぶ、オウンドメディア成功の秘訣

    オウンドメディアの重要性が指摘されるなか、注目を集めているのが管理人・イケダハヤト氏によるWebサイ…

PICKUP

PAGE TOP