web-dev-qa-db-ja.com

ワイヤーフレームの論理色

ワイヤーフレームをやるようにデザイナーからメールをもらいました。ワイヤーフレームには論理的な色が必要だと彼は私に言った。ワイヤーフレームの色についての理論は本当にありますか?

以前にいくつかのワイヤーフレームを作成しました。これらは論理的な色を使用していますか?そうでない場合、なぜですか?

Wireframe example

18

論理的な色は、1つの色の範囲で視覚的な階層を示すことです。ワイヤーフレームで行ったとおりです。テキストがどのように作成されるか(タイトルと本文)、ボタンと画像の位置と階層などが明確にわかります

最も一般的に使用される色は灰色の色合いです。より中立的です。それが私が持っている唯一のフィードバックです。

これを誰かに尋ねると、その人は尋ねるかもしれません。なぜ要素は紫色です。ワイヤーフレームをグレーにすると、誰かが質問するかもしれません。ここにはどんな色が合いますか.

「何色」は「なぜこの色なのか」よりもはるかに建設的な質問です。

25
Nick Groeneveld

クライアントが色、フォント、コピーではなく構造と相互作用に集中できるように、私は常にワイヤーフレームをできる限り低解像度にしました。だから私はグレースケールにこだわった。コーポレートカラー(およびフォント、アイコン、ロゴ)に近づくほど、それらに焦点を合わせます。

私の経験では、色はUXデザインチームではなく、ビジュアルデザインチームの責任です。それで、クライアントが私に、「色はまだ決定されていません。最初に、これを完成させる必要がある」と尋ねました。

また、ワイヤーフレームドキュメントをクライアントに送信して、彼らがワイヤーフレームを白黒プリンターで印刷するかどうかわからなかった場合もあります。

8
Ken Mohnkern

あなたが作ったもののような忠実度の低いワイヤーフレームで、私は同様にポップな色を追加したいと思います。

どうして? それは私の目を楽しませてくれるので。無限の灰色のアイコンを見ることは好きではありません。

ワイヤーフレーミング中に色を使用する理由はありませんが、レイヤーと階層を示すために異なるシェードを使用すると非常に効率的です。つまり、会社の色をさまざまな色合いで使用してワイヤーフレームを作成したり、単に灰色の色合いを使用したりできます。

結局、色はワイヤーフレームに影響を与えないはずですので、色を使用することに決めた場合は、それを単純にしてください。

1
Summer