web-dev-qa-db-ja.com

色の選択の何が問題になっていますか?

私たちの顧客は、Windows 8の感覚を備えた最小限のユーザーインターフェイスが必要だと述べました。ただし、私は開発者であり、ユーザーインターフェイスの経験はありません。それで、私は先に進んで、マイクロソフトが使用しているカラーコードを見つけました、そして今やそれは私のプログラムに組み込まれたユニコーンのように見えます。

colors

本当に良いUIは世の中にありますが、私の問題は何なのかわかりません。プレースメントの問題かどうかを判断するために「ダークテーマ」を作成しましたが、そうではありません。

dark

デザインや色の選択の主な弱点は何ですか?

UIについての説明:

左側のボタンはフォームを選択するためのものです。画面の残りの部分は、フォームの選択に従って変化します。必要に応じて、winformsを使用しています。

16
HebeleHododo

それはあなたの配色ではないかもしれません-それはあなたのレイアウトでは何も「勝つ」ことはなく、視覚的なノイズがたくさんあるかもしれません。

すべての選択の重要性は等しいように見えますですが、それらがすべて同じではないと確信しています。情報の階層を視覚化します。多分あなたのデフォルトボタンは他の選択肢よりも大きくなければなりません。ユーザーにとって最も重要なものwinに注目してください。

視覚的な関心もほとんどありません、すべてがボックスであるため。サイズや形状を変えることで、コントラストを付けます。

視覚的なノイズが多い。それらすべての異なる色が注目を集めています。左側の各アイテムを大きな色のボックスにする代わりに、それらをすべてグレーにし、左端に色のストライプのみを適用した場合はどうなりますか?色のついた軽い手が役立つかもしれません。

または、ビジュアルデザイナーを雇う。 :-)

6
LindaCamillo

メトロインターフェースは、実際には2色の1色で構成されています。背景の暗い色とタイルの明るい色です。暗い色は灰色で置き換えることができます。 Microsoftのインターフェイスで真の黒が表示されることはなく、2つの異なる色が表示されることもありません。

他の色は、ライブタイルに表示されるコンテンツ(主に写真やビデオ、さらにはアプリケーション固有の色)に由来し、通常は明るくなく、彩度も低くなります。

Outlookまたはオフィスクラウドのデザインを見ると、同じルールに従っていることがわかります(白、グレー、オレンジOR青を使用)。

画面では黒と明るい色の両方が非常に攻撃的です。両方を同時に使用しないでください。

17
DistantEcho

背景に黒は使用しません。それはあなたが持っているコンテンツ間のコントラストのあまりにも多くです。 Windows UIにも非常にカラフルなUIパレットがあります。

「虹の色」ではなく、最小限のものを探しているなら、代わりのミニマリズムUIの例を見て、それらからインスピレーションを得ます。 Mailchimp、Zendesk、DeskのUIをご覧ください。彼らはまだ最小限であり、非常に理解しやすいです。

これまでのところ、メトロUIスタイルを採用することについての説明は、ユーザーが好んでいると言っているためです。彼らはWindows OSでそれを好むかもしれませんが、それはあなたがあなた自身のアプリのためにそれをコピーするべきであることを意味しません。ユーザーは単純で理解しやすいものを求めているようです。

1
Chris N.

グラデーションリンダのポイントに加えて、わずかなグラデーションを使用して、各要素を別の要素の上にある太い色よりも少し柔らかくすることをお勧めします。

Visuals Windows UIは、太字の白いビジュアルを使用して単調さを解消することもできます。各ボタンの中央に大きな白いアイコンを配置し、左下隅に説明付きの小さなテキストを追加します。また、サイズを変更してください。 Windows UIは、サイズを変更してすべてが収まるように調整しますが、隣り合う2つの要素が同じサイズになることはめったにありません。正方形と長方形が交互に表示されます。

コントラスト画面の現在のコントラストが少し目障りになっています。色付きの背景を使用し、同じ色の色相を重ねます。つまり、赤、青、黄、緑を使用する代わりに、ライトブルー、ダークブルー、パープル、ライトパープル、ソフトレッドなどを使用します。カラーホイール上で互いに完全に反対ではない色は、一緒に見たときによりよく流れる傾向があります。

1
hidrees