乱雑で攻撃的なWebページを薄く、シンプルで美しくする方法、完全な機能を保持し、重要なモジュールをうまく区別する必要がありますか?これは、多くの場合、デザイナー間のトラブルとエンタングルメントの原因です。
ページに要素が多すぎる場合、ユーザーは各要素の優先順位をどのように見たり誤解したりする場所について混乱します。優れたデザイナーは、ユーザーの視覚的な焦点を適切なコンテンツに導く必要がありますそれはユーザーの注意を引き付け、色自体が焦点になり、それが私たちが議論しようとしている小さなトピックになります。
製品プロトタイプの視覚的変換
デザインの開始時に、プロトタイプから視覚的なドラフトへの変換の過程で、グラフィック認識が得意な視覚デザイナーは、複雑で単調なラインドラフトコンテンツに直面したときに作成を開始することに熱心ですページ全体の構造の重要なリンクを出して判断します。
どのキーモジュールを強調表示する必要があり、どのセカンダリモジュールをより最適化されたレイアウトまたは合理化されたマージに移動できますか?これは、経験の長期的な蓄積、忍耐の継続的なトレーニング、理解と判断のスキルの改善を必要とする成長プロセスであり、専門化の始まりでもあります。
重量のレイアウトとデザインを簡素化します
レイアウトレイアウトのバランス、アラインメント、コントラストの関係は、ページの視覚効果にとって重要です。画面効果が一流の場合、または左右が不均衡な場合、ユーザーは抑圧の感覚を感じ、スムーズな閲覧情報に影響します。
デザインを簡素化するための最初のステップは、ほとんどの画像を単に削除するだけでなく、コンテンツを再考し、それを単純化しているニーズに合わせています。そうして初めて、ページ内の最も重要な要素が望ましい効果を達成できます。
必要なコンテンツを書き留めることができます:ロゴ、紹介、ナビゲーションなど。プロダクトマネージャーと協力し、他のすべての不要な要素を削除し、できるだけ捨てます。
ここで重要なのは、Webサイトの機能性を低下させることではなく、不要な要素を削除するか、複数のパーツをより単純なレイアウトに統合することです。コンテンツを個別のページに分割して、コンテンツの各部分により多くの注意を払うこともできます。
色をうまく利用する心理的なヒント
シンプルで透明な白いページ
白、それは最高の明るさを持ち、無色、明るい、清潔で、さわやかで、シンプルで、永遠であり、完璧であるため、自然の究極の純度と貞操を象徴しています。ホワイトはエレガントで平和でシンプルで、強い個性がないので、ウェブサイトのデザインでは、ホワイトはハイエンドで技術的なイメージを持ち、人気のあるメインカラーです。
ライトホワイトは、人々に適切に適切に適用されます。きちんとした大きな空白ですが、ユーザーは感情を喜んで閲覧しておくことができます。
ホワイトページを設計するためのヒント:
リンクを簡単に識別したり、明るい色や明るい色を使用したりできます。
乱雑な広告の写真を削減します。
ページが些細で疲労しているように見えることを避けてください。
明るいテキストの色により、コンテンツは絶妙でエレガントな灰色の紳士を簡単に識別できます
「灰白質」は、IQと脳の力を人々に思い出させます。それは黒のように明るくなく、純粋な白のように淡い黒と白ではなく、完璧な補完的な色です。灰色は任意の色とペアにすることができ、その中立性のために、他の色を際立たせるために背景色としてよく使用されます。 Webページにユニークな優雅さを与えるために、黒の代わりに白または濃い灰色の代わりに明るい灰色を使用してください。
グレーは、背景色、タイトル、メインフォントの色であろうと非常に人気があります。グレーは、ミニマリストのウェブサイトのデザインの好みの色でもあります。グレーを使用した非常に優れたWebサイトデザインを次に示します。
追加と減算の哲学を設計しました
最初のピクセルから始めて、私たちは完璧なデザイン作品を構築するために追加されて絶えず作成し始めましたが、これは究極ですか?設計の増幅または削減をタイムリーで絶えず変化させると、それは最小限である傾向があり、各必要な要素の価値を繰り返し調べようとします。
この段階に到達するたびに、デザイナーは落ち着いて、追加が一定の量に達したら、減算設計に切り替える必要があります。減算設計は、追加が比較的成熟している場合にのみ試すことができる設計方法です。理論的には、追加の設計は、減算設計よりも比較的簡単です。減算デザインは、デザイナーのスキルと蓄積をよりよく反映でき、目標はより少なく洗練されています。
境界を大胆に取り除く勇気をあきらめ、写真をより透明で大気にし、空間には視覚的な要素がそれ以上なく、豊かで美しく見えます。
この追加と減算のプロセスは、デザインを完璧に向けて動かし続けるトレーニングの道です。
スペースをより通気性にします
方法を削除および隠すことで設計の複雑さを減らす方法では、「視覚的知覚」の複雑さを減らすことも重要です。ブランクとコントラストは、間違いなく視覚的干渉を減らすための効果的で重要な方法になりました。
ページに表示されようとしている少数の要素のバランスをとるには、視覚レイアウトの適切なブランクが必要です。デフォルトのレイアウトツールである必要があります。古典的なルールの1つは、ブランクを使用できる場合、他のデザイン要素を配置しないでください。この方法でレイアウトすると、インターフェイスの空白スペースを調整してレイアウトを完了することに驚くでしょう。
より多くのブランクの使用は優れていますが、可能な限りコントラストの感覚を確保する必要があります。デザイナーは、最小限の視覚的変更を使用してアイデアを表現する必要があります。実際、これは、要素間に一次と二次的な感覚がなければならないことを意味します。
空白は青白いという意味ではありません
ページは青白くなりますか?全文には写真の装飾が欠けていますか?必要な空白を保持した後、テキストに美しい写真を追加するか、段落のテキストの小さな概略図を要約してください。
通気性のある空白は弱い青白い意味ではなく、興味深いデザインがユーザーの視覚神経を大胆に刺激し、デザインをより思慮深くし、常にシンプルで完璧になる傾向があります。