デザイン理論: デザインにおける階層

<br />原文: http://andymao.com/andy/post/80.html
最近、私はデザインには階層感覚が必要だと言っています。この階層感覚には、色の重ね合わせや要素の重ね合わせなど、さまざまな種類があります。デザインに階層感が欠けていると、ページが単調になったり、派手になったりすることがあります。デザインにおいては、特定の色や効果を好むという罠に陥ることが多く、その結果、デザインが長期的な活力を失ってしまうことがあります。そして私たち自身も、この好みへの執着によって美的感覚が制限され、それが私たちの進歩に影響を与えるでしょう。こうした偏執的な考えは、多くの場合、デザインにおける階層の欠如につながります。
では、階層感覚は通常どこに現れるのでしょうか?以前書いた「Color Answers」シリーズの最初の記事では、色のレベルについて説明しました。その記事では、「黒、白、グレー」を使用して色のレベルを分析すると述べました。デザインするときに、ウェブサイト全体を 1 色で作成することがありますが、この単色の効果により、ウェブサイトが単調で安っぽく見えることがあります。時には、より多くの色を使用しても、安っぽく見えることがあります。Web サイトで使用されている色には、階層感がなく、コントラストもありません。すべて同じようなグレースケールなので、Web サイトは灰色でみすぼらしく見えます。もちろん、高コントラストの単色ブロックを使用してデザインを作成することもできます (多くの韓国の Web サイトがこの手法を使用しています)。この手法は比較的単純なため魅力的ですが、模倣されやすいという欠点もあります。しかし、そのようなデザインには活力がありません。トレンドとしてはファストフードのようなもので、誰でも真似できます。基盤として文化は必要ありません。もちろん、この方法が全く役に立たないというわけではありません。あくまでも方法としては使えるものの、万能薬として使えるものではありません。
言葉で表現するだけでは実感できない。それではこの写真を見てみましょう:
デザイン理論とデザインにおける階層_123WORDPRESS.COMjb51.net

デザイン理論とデザインにおける階層_123WORDPRESS.COMjb51.net

IBM のデザインには色数は多くありませんが、重層感があることがわかります。ここでは黒、水色、白が使われており、黒と水色のコントラストがより目を引くものになっています。そして、黒は純粋な黒であるのに対し、水色は明るいことがわかりました。この強いコントラストは人間の視覚に一定の魅力を持っています。カラーは黒、白、グレーからお選びいただけます。さらに、3 つの比率は均等ではありません。私たちがデザインをするとき、通常は似たようなグレースケールの色を一緒に使用しますが、彩度は高くないため、最終的な作品は灰色でくすんだものになります。そのようなウェブサイトの例を探すつもりはありません。探しても誰も幸せにならないからです。もちろん、これには私自身も含まれます。ハハ、私のポートフォリオで探してみてください。そういう灰色で醜いものがいくつかあるはずです。
さらに、IBM の新しいデザインは、元のデザインよりも立体的になっていることもわかります。これが、上で要素レベルとして述べたものです。この階層化の感覚により、閲覧者の視覚的な奥行きが増し、Web ページが平坦ではなくなります。 3D 効果ではありませんが、2D 効果は必然的に Web デザインの新しいトレンドになると思います。 2D を通じて 3 次元の視覚効果をシミュレートすると、Web デザインがよりダイナミックになり、コンテンツがより豊かになります。
単色のブロックのレイアウトでは、明るい色の画像がより目を引きます。これは別の種類の視覚レベルであり、複雑さと単純さの対比とも言えます。デザインには決まったルールはなく、さまざまな要素が関係します。デザインの良し悪しは、デザイナーの世界に対する理解の広さによって決まります。そのため、デザイナーは制作スキルの向上に注力するだけでなく、文化的な知識を継続的に蓄積していく必要があります。より素晴らしい作品をデザインできるように、常に自分の能力を高めていきましょう。皆さんと一緒に頑張っていきたいと思います！

<<: HTML でフォーム入力やその他のテキストボックスを読み取り専用にして編集不可にする方法

>>: MySQL マスタースレーブ構築（複数のマスターと 1 つのスレーブ）の実装アイデアと手順