グラデーション塗りつぶしは目にどのような影響を与えますか?


15

Webデザイン(および一般的なデザイン)には、色、形状、ライン品質、およびフォントの使用方法に関する多くのベースラインルールがあります。通常、これらのルールには、脳がこれらのことを相互に関連して認識する方法にある程度の根拠があります。

グラデーション塗りつぶし(線形および放射状)の使用方法を説明する優れたリソースを誰かに教えてもらえますか?それらが目にどのように影響し、オーバーレイされたフォントと対照的で、色の知覚、優位性などに影響しますか?

リソースは、Webデザインを対象とする必要はありません。印刷デザインではないにしても、おそらくスクリーンベースのグラフィカルデザインに適用されるからです。

回答:


11

勾配に関しては、これについていくつかの意見があることは知っていますが、私の意見では、勾配は深さを提供するときに最もよく使用されます。グラデーションは、デザインから離れたり、デザインのメッセージを邪魔したりしてはいけません。ほとんどの場合、放射状または線形のいずれかの形式で光源を模倣するために使用されています。ラジアルは、より多くのスポットに最適な外観を提供し、アプリケーションまたはデザインの特定の領域に注意を引くために使用できます。

最良のアプリケーションは、注意を引くため、またはデザインに深みと質感を与えるために微妙な方法で使用される場合に実現します。それらは、光に関係するオブジェクトや背景をよりリアルに見せるためにあります。

勾配を適切に使用した写真をいくつか掲載しているサイトへのリンクを次に示します。私はサイト自体のデザインが好きではありませんが、いくつかの良い使い方を示しています。- http://creativecurio.com/2009/06/taking-design-from-good-to-great-with-gradients/


6

グラデーションは、奥行きと光のリアリズム要素を追加するとともに、方向制御の要素を追加します。色が周囲の白から中心の黒へと変化する放射状グラデーションの場合、目は最も中心または最もコントラストの高い色に誘導されます。

勾配は方向制御に寄与しますが、十分に使用すると注意をそらすことができます。グラデーションの微妙な使用、ほとんど目立たない使用は、私の意見で最も強力な出力を与えます。

その着色方法であり、過度に依存するものではありません。#ffffff(白)から#e0e0e0(非常に明るい灰色)に移動すると、微妙なグラデーションの最適な使用方法はアップルになると思います。

http://apple.com

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.