黄金比の使い方
可能性のある複製：
黄金比はなぜ機能するのか？それとも機能するのか？
黄金比をグラフィカルインターフェイスの設計に使用する方法はどのようなものですか。
いつ使うべきか？
androidでのビデオゲームのインターフェースの設計、使用例
黄金比は印刷に最適です。しかし、印刷用のデザインとWeb用のデザインは、まったく異なる課題です。全体に金色の比率で印刷物のページをレイアウトでき、すべての読者にとって見栄えがよくなります。ウェブサイトでも同じようにレイアウトできますが、ユーザーはいつでもブラウザの形状を変更します。
レスポンシブWebデザインがその日を迎えているので（そして、次の日にも何か他の日が来ると確信しています）、厳密ではなく柔軟であることは重要ではありませんか？
Jason Santa Maria が What's Golden と呼ばれる記事を書いた。関連するコメントをいくつか引用します。
3分の1の規則と黄金分割などの比率は、まとまりのあるデザインを実現するための素晴らしい方法です。問題は、これらの原則が実際にはウェブデザインに適用されないことです。
...
これらの原則の使用が行き止まりであると言っているわけではありません。私が言っているのは、それらの有用性がWebデザインにとって疑わしいということです。私の設計オタクは問題を無視し、とにかく「私はそれがそこにあることをまだ知っている」という陰険な言葉で前進したいと考えています。そして、それで十分かもしれません。ただし、コンテンツをスクロールボックスに制限したり、コンテンツ、ページ、ブラウザウィンドウのサイズを調整するためにフープを飛び越えたりすることは好みません。これらの方法は、ビューアに問題をプッシュします。
私は何年もの間、このようなことについて自分自身を打ち負かしてきました。私はもともと比率が統一されたデザインへの素晴らしい出発点である印刷の背景から来ました。ウェブの流動的な性質を受け入れ、そのような制御を手放すのに長い時間がかかりました。あなたが本当に期待できる最高のものは、視聴者に全体の大きな印象を残すことです。
...
長い間、私たちは印刷デザインのレンズを通してウェブデザインを検討してきました。従来のデザインプラクティスのいくつかは画面にジャンプすることができますが、そうでないものもあります。画面には、ビジュアルデザインにさまざまな種類の課題が伴い、その一部はインタラクティブメディアでのみ発生します。従来の方法ですべてのギャップを埋めることができると考えるのは非現実的ですが、新しいインタラクションパターンと視覚言語が毎日登場しています。これらは、新しい設計原則の構成要素です。
しかし、これはウェブデザインについて語っています。しかし、contentはどうでしょうか。コンテンツに画像が含まれている場合は、たとえば、写真の3分の1のルールと黄金比を必ず使用してください。ここでのみ、印刷からWebへのチャネルで、このようなデザインルールを妨げられずに転送できます。同様に、ロゴ、ブランドグラフィックス、その他の「不可触のもの」。
コンテンツがキングであるため、画像が重い場合、画像の多いWebサイトは、画像が美しく、1つの写真を他の写真よりも高くする神の比率が確かにサイトの外観に影響を与える場合、より美しく見えるでしょう。 。
しかし、Webおよびアプリケーションの設計では、そのような厳格な設計規則を適用する機会を提供する機会がほとんどありません-実際には、要素がほとんどなく、より優れた設計が存在しない最小限の設計でのみ可能ですルール。つまり、他のすべての考慮事項を考慮に入れると、神聖な比率はほとんど最後に考慮されるべきです。
したがって、心配しないでください。ツールボックスの下部に残しておいてください-いつか必要になる場合に備えて。
黄金比は、デザインの魔法のような方法ではありません。たまたまアイテムがほぼその比率にあるとき、ほとんどの人にとってバランスが取れているように見えます。
必要で、使いやすく、美しいものをこの順序で構築します。比率については心配しないでください。
あなたがギリシャの建築家なら、黄金比は完璧です。また、アーティストや写真家などにも役立ちます。しかし、それは頻繁に悪用され、すべての設計問題を魔法のように解決する魔法の数ではありません。インターフェースを設計する際に考慮に入れる必要がある他のすべての要素を除外して、私はそれをあなたのやり方から外すつもりはありません。