注:最初のデザイナーは多くの穴を踏んだかもしれないが、同じ原型図を手に入れたのに、なぜ自分で作った視覚原稿と優れたインタフェースには明らかな差があるのか疑問に思ったこともある。今日は、どのような詳細に注意すれば、良いAPPインタフェースを設計できるのかについてお話しします。
デザイン原稿を始める前に、APPのメインカラー(ブランドカラー)とサブカラー(アクセントカラー)を定義する必要があります。
1.主色と補助色の比率に注意し、界面における補助色の数を制御する
補助色は画面をより豊かにし、装飾的な役割を持ち、ページの中では比較的小さく、一般的に2つ程度に制御すると、制御しやすい。ページ中の色の数が多くなると、デザインの難易度が高くなり、エラーの確率も高くなるとともに、あまりにも鮮やかな画面はページの読解性にも影響します。
2.異なる配色方法を試す
(1)比較配色
比色に対する視覚的なインパクトが大きく、目を奪われます。次の図案例のような青とオレンジの巧みな組み合わせは画面を豊かにするだけでなく、ページの大きなハイライトにもなりました。だから、配色を比較してうまく処理することで、ページにある程度加点することができます。もちろん、配色の間違いにも注意しなければなりません。
(2)単一配色
単一の配色は全体の統一感をもたらし、濃淡の異なるメインカラーは異なる情報内容を担持し、ブランドの印象を高めることができる。
(3)近似色配色
単一の配色が単調すぎて面白くないと思っても、あまりカラフルになりたくないと思ったら、メインカラーの近似色でアクセントをつけることができます。