Webデザイン参考記事まとめ アプデ(UPDE) - Webデザイナー／クリエイター向けの最新情報まとめアンテナ。

閉じる

2019年03月7日(木)

UIデザインにおける赤色と緑色の使い方

色は私たちの認識や感情に大きな影響を与えます。正しく使用された場合、その色はユーザーの特定の反応を引き出す事ができます。ここでは下記の理由に則り、赤と緑という２つの色に注目したいと思います。 

赤色と緑色はどちらも実用的な色であるため、UIデザインにとって非常に重要です。

UIのアクセントカラーとして赤と緑を使用する、一般的な方法を見ていきましょう。

赤色

  • 重要さを意味します。即座に注目を集め、ユーザーに迅速な決断を促す非常に目立つ色です。
  • 赤色はとても高い温度を示す色です。情熱から怒りというような感情が含まれている強烈な色でもあります。
  • 警告または危険を意味します。 赤いライトが点滅している場合、人々は危険または緊急事態を連想します。

エラー表示

赤色は多くの場合、警告や非常に重要で確認が必要なもののいずれかに関連付けられています。そのため、エラー表示について考えるときに最初に思いつくのは赤色です。バツ（×）アイコンと並ぶくらいに赤色は一瞬で、何かがうまくいかなかったというメッセージを伝えます。

author:

UX MILK

http://uxmilk.jp/

UX MILKはクリエイターのためのUXメディアです。デザインの情報をはじめ、プログラミング、マーケティングなど、モノづくりに関わる話題を幅広く扱っています。

今日のwebデザイン記事ランキングを見る

関連記事

Ads

UX MILKはクリエイターのためのUXメディアです。デザインの情報をはじめ、プログラミング、マーケティングなど、モノづくりに関わる話題を幅広く扱っています。UX MILKの記事『UIデザインにおける赤色と緑色の使い方』についてまとめています。

この記事は特にアイコン・UX・LP・UI・アプリについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のUX MILKで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとUX MILKの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。

Ads

最近の人気記事

人気のタグ