• ホーム
  • デザインをする際は黄金比も気にするべき理由

デザインをする際は黄金比も気にするべき理由

2019年08月31日

もしあなたが何らかのデザインをするのであれば、重視したいのが黄金比という物です。黄金比とは何かというと、様々なデザインを美しくするとされるもので、だいたい1対1.6の比率となっています。実際には割り切れる計算ではないのでもう少し少数が続きますが、大体このくらいの比率が最も美しさを感じさせるとして知られています。

使い方としては、例えば美しいとされるデザインに用います。Webの場合は特に縦長が多いでしょうが、パーツの部位や画像の比率、もしくは重要なアイコンなどをこの黄金比率デザインに収める事で、きれいにデザインできるでしょう。
この黄金比はモナリザの微笑や凱旋門、Appleロゴ、ピラミッドなどに使われており、とてもきれいな比率として知られています。黄金比を使うことで無理せずきれいな比率デザインを作れるでしょう。

似たものに、白銀比や青銅比と呼ばれるのもあり、これらをまとめて貴金属比といいます。これらはすべてデザインの理論のひとつであり、比率デザインの一種として知られていますので、デザイナーなら覚えておきましょう。

ただし、日本では白銀比と呼ばれる、ちょっと比率が違う物の方が良いという意見もあります。白銀比とは大和比ともいわれ、1対1.4くらいを指し、古来より日本国内の様々な所で使われてきました。
この比率は日本国内で使われるA版・B版と呼ばれる紙の大きさを決めるときやキャラクターの顔に使われており、比較的日本好みだといわれています。このため、和風のデザインの方はこの白銀比を使う方が良いという意見もあるでしょう。

そのほかにも、貴金属比と呼ばれる金属を模した名前の比率には青銅比というのもあります。こちらは比較的横長です。あまりこちらは使われる事が無いようですが、一応知識として覚えておきましょう。

黄金比は特にモナリザの微笑やピラミッド、Appleロゴなどに使われるなど、多くの所で見かけます。凱旋門やクレジットカードの寸法などにも使われており、美しさを感じさせるデザインにはもってこいです。
また、白銀比も同様にいろいろな所で見かけるので、デザインには使いやすいでしょう。安心感のあるデザインにしたい時や、日本人を対象にしたサイトデザインの時には良いようです。
安心感のあるサイトにしたい時にはこれらの比率を使用し、出来るだけ多くの比率計算をしてみると、よりきれいなサイト作成が出来るかもしれません。

関連記事
配色、配置デザインを参考にするおすすめサイト5選

サイト作成の時に大事なのが、サイトのデザインや配色です。ある程度色やデザインは傾向があるものの、素敵なデザインや見た目、配色や配置を学習するのであれば、いくつかのサイトを参考にしてみましょう。とにかくサイトデザインを多く知りたいというのであれば、イイネ!WEBデザインというサイトがおすすめです。この

2019年07月24日
SEOとインライン記述の関係性

CSSを書いていると、中にはどうしてもうまく効かないためにサイトの内部にインラインで書くことがあります。これはインラインCSSと呼ばれ、どうしてもその部分だけCSSを適用させたかったり、JavaScriptなどである程度プラグインで書き出すときに書かれてしまう傾向があります。これは別に悪い事ではあり

2019年06月29日
SEO成果を確認するテストサイトでは中古ドメインで構築

もしSEO対策で成果を確認したいというテストサイトを作りたいのなら、いくつかのテクニックがあります。その一つは中古ドメインを使うという事です。中古ドメインとは、過去に検索サイトに知られている、誰かが使っていたドメインのことを指します。過去にサイト作成のために使われていた履歴があり、SEO対策に評価が

2019年05月27日
WordPressでPHPに慣れよう

もしHTMLとCSSに慣れてきたら、もう少しレベルアップしてみましょう。ここではHTMLとCSSだけではなく、より進んだプログラミング言語や制作ツールを学習するとスキルアップになります。最近のWeb業界ではデフォルトになりつつあるのが、WordPressというツールです。これはサイトを効率よく作るた

2019年06月14日
マークアップする際はSEOを念頭に置いてコーディング

HTMLを書いていくことをコーディング、CSSを書いていくことをCSSスタイリングといいますが、コーダーをやるのなら基本的にこの二つの違いと共通することは知っておきたいところでしょう。HTMLコーディングを行う場合、必ず意識したいのがマークアップとSEO対策です。マークアップとは、特定の内容に対して

2019年05月09日
デザインおすすめ勉強サイトやツール

デザインを学習する場合、そもそもデザイン理論や配色などを学習する必要があるのですが、実際のWebデザインの現場ではほかにも学習しなくてはならないことがいくつかあります。このため、Webならではの学習できることをいくつか知っておきましょう。まず、最も大事なのがグラフィックソフトのオペレーションです。と

2019年04月22日
コーディングおすすめ勉強サイトやツール

webサイトを作るために大事なのが、コーディングというHTMLやCSSと呼ばれるweb用の言語を書く行為です。これをコーディングといい、どんなに素敵なデザインが出来てもこのコーディングが出来ないとwebサイトを作る事が出来ません。また、そもそもHTMLやCSSを学習して何が出来るかを知っておかないと

2019年04月12日