2019年05月13日(月)

UIデザインで使える効果的な赤色と緑色の実例と使い方 ユーザーが操作しやすいUI配色の基本を考える

• 0
• 14
• 0
• 1

色は、人間の認識や感情に大きな影響を与えます。正しく使うと、ユーザーの正しい行動を引き出すことができます。この記事では、２つの色にフォーカスを置きます。赤と緑です。その理由は、

赤も緑もUIデザインにおいて実用価値のある非常に重要なものであるから。

ユーザーインターフェイスで赤と緑を使う一般的な方法を見ていきましょう。

赤

• 重要性。目立つ色なので、すぐに注目を集める。そして決断させやすい
• 赤は熱い色。強烈な色で、情熱から怒りまでの感情を表す。
• 警告。赤のフラッシュは大抵警告を表す。

エラー表示

赤は、重大な何かを警告する時によく使われます。そのため、エラー表示の印象のある色なのです。赤は何かがおかしいことを伝えます。

author:

SeleQt（セレキュト）

http://www.seleqt.net/

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。

オリジナルサイトで続きを読む

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

         

‹ PREV

               

初心者のためのユーザージャーニーマップの使い方

         

NEXT ›

               

これは便利すぎる！1クリックで画像から背景だけを切り抜く「Remove.bg」がついにPhotoshopに対応

関連記事

• Amazon の格安中古 PC は買っても大丈夫？富士通 LIFEBOOK U938 レビュー
• Kindle本、読書の秋特大セールが開催！ セール初登場もあり、デザイン・Web制作・イラストの良書がお買い得です
• CSSの新しい関数がすごく便利！ Chrome 129で追加されたCSSの2つの新機能とアップデートされた3つの機能
• ビー・エヌ・エヌ社のKindleセールはかなり貴重！ 1年ぶりとなる夏のセールが開催、Web制作・デザイン・イラスト関連のKindle本がお買い得です
• WebサイトやスマホアプリのUIで見かけたさまざまなアイデアを実現するディテールのまとめ -CallToInspiration

Ads

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。SeleQt（セレキュト）の記事『UIデザインで使える効果的な赤色と緑色の実例と使い方 ユーザーが操作しやすいUI配色の基本を考える』についてまとめています。

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