web-dev-qa-db-ja.com

デザインでのグラデーションの使用に関するケーススタディ

ウェブデザインでグラデーションを使用するケーススタディはありますか?丸みを帯びた角の使いやすさについて この答え に似た答えを探しています。

具体的には、次のことを知りたいです。

  • グラデーションを使用するか使用しないかで、認識に違いはありますか?その場合、どのような影響がありますか?
  • 勾配を使用すると、設計目標を達成できる(または達成できない)ユースケースは何ですか?
  • 事例としては、グラデーションではなく、デザインに単色を使用する傾向があるようです。微妙なグラデーションが広く使用されていると、デザインが古くなっていることを示しますか?

グラデーションのようなデザイン要素に関しては、ある程度の主観性があることに気づきました。それらの使用に関するいくつかの客観的なデータを探していますが、あなたの意見も自由に共有してください。

12
Virtuosi Media

グラデーションは、2Dまたは3Dの照明効果を作成するために使用されます。それらはしばしば ドロップシャドウ と組み合わせて使用​​され、光の印象を作成します。典型的なiOSデバイスのホーム画面は、明確な照明効果を与えるグラデーションとドロップシャドウで覆われています。

勾配はすべてアフォーダンスとスキューモーフィズムに関するものです。 a 私の以前の回答 は、これの照明の側面について詳細に説明します。

Iデザインのリアリズム に関するこの投稿は、多くの良い点を示しています。良い要約:

同じことがこれらのトグルにも当てはまります。シャドウとグラデーションは、ユーザーが何を見ているのか、どのように操作するのかを理解するのに役立ちます。ただし、追加する詳細が多すぎると、混乱を招きます。トグルスイッチは、もはやユーザーインターフェイスの一部であるトグルスイッチではなく、特定のトグルスイッチの写真として明確に認識できます。それは意味を失います。それはもはやシンボルではなく、特定のものになっています。

非常に普及しているスキューモーモーフィズムに対する反応が大きいため、勾配から離れる動きが見られると思います。すべてのApple=インターフェースにスキューモーフィズムが豊富であり、それらは通常、非常に成功しており、美的にも満足です。

ただし、これは設計であり、正則性は少し流行です。 GoogleとMicrosoftは、- Metro design languageAndroid Design のガイドラインで、ほぼフラットな色と自然なデジタルデザインをもたらす、擬態性から大幅な一歩を踏み出しました。

グラデーションについて特に悪い(または良い)ものは何もないと思います。グラデーションは、デザインをよりスキューモルフィックまたはより純粋にデジタル化するものの一部にすぎません。デザインが純粋にデジタル化するにつれて、グラデーションは「自然」に見えなくなり、反射、光沢効果などのように道端に行きます。

11
Ben Brocka