いくつについては多くの議論がありますが デザインの原則 そこに(そしてそれらが何であるかさえ)、原則のリストに定期的に現れる12があります。以下のインフォグラフィックで説明されているこれらの12の原則には、コントラスト、バランス、強調、比率、階層、繰り返し、リズム、パターン、空白、動き、多様性、および統一が含まれます(いくつかの追加もあります デザインのゲシュタルト原則 )。
これらの原則は個別に説明されることがよくありますが、実際には、これらの原則が連携して、視覚的に魅力的でユーザーにとって意味のあるデザインを作成します。 エキスパートデザイナー 原則がどのように相互にサポート、強化、または対比して、望ましい効果を生み出すかを理解します。
チームメンバーの数を増やすと、コミュニケーションが簡単になります。
設計者が基本的な設計原則を理解すると、それらの原則をより意図的に組み合わせて、見た目に美しく機能的な設計を作成できます。
たとえば、コントラストを使用して強調を作成できます。
で「産業の再編」を強調する 対照的な色 読者の目をその特定のテキストに引き付け、それを強調し、周囲のテキストと区別します。
強調を達成できるもう1つの方法は、比例することです。
「問題解決者、アイデアメーカー、宇宙飛行士」をページ上の他のテキストよりも大幅に大きくすると、そのテキストが強調されます。
繰り返しを使用して、ページにリズム感を作り出すことができます。そして、それは必ずしも規則的または交互のリズムを意味するわけではありません。繰り返しを意図的に行うと、ランダムなリズムを作成するために使用できます。
このサイトの背景にある繰り返しの形は、サイズ、色、配置が異なるため、ランダムなリズム感を生み出します。
空白は、必ずしも完全に白である必要はなく、パターンがない必要もありません。実際、微妙なパターンは視覚的な興味を追加することができます 空白 それでも、デザイン内の一種の視覚的な「呼吸空間」として機能することができます。
このデザインの背景にある微妙なグリッドパターンは、目に圧倒されることなく視覚的な興味を追加します。
さまざまな方法で、使用方法に応じて、デザインに動きの感覚を作り出すことができます。
ラズベリーパイウェブサーバーのセットアップ
このデザインのさまざまな形状とかなりランダムなレイアウトは、視聴者の目を中心に導く混沌とした動きの感覚を生み出します。
繰り返しは、一般的に、デザインの統一性を生み出します。 デザイナー 。しかし、意図的に使用すると、その統一性をより高いレベルに引き上げることができます。
このデザインでは、写真の白い背景、一貫したタイポグラフィ、繰り返しの画像サイズとレイアウトを使用してください。共通の要素の繰り返しは、他の方法ではばらばらに見えるかもしれない製品のさまざまなカテゴリー間で統一を生み出します。
組み合わせる 設計原則 一度に2つに制限されているだけではありません。最も優れたデザインは、これらの要素の少なくとも半分、場合によってはそれ以上を組み合わせています。
このウェブサイトはさまざまな原則を使用しています。 コントラスト ホットピンクとグリーンの間。 繰り返し の中に パターン 使用されており、一貫した靴、ヘアカット、サングラス。 団結 さまざまな衣装の中で(繰り返しパターンによってさらに強化されています);そして バラエティ 衣装のスタイルで。これは、複数の原則に従って作成する強力な設計ステートメントです。 視覚的に魅力的 と目を引くウェブサイト。
これは、複数の原則を効果的に使用する設計の別の例です。大きなヘッダーが作成します 強調 その特定のテキストでは、小さいタイプは重要性が低いように見えます 割合 。背景の形がランダムな感覚を生み出します リズム そして 移動 、それらの間の同様の配色が作成する間 団結 。右側のより強く、より大きな形状 残高 テキストと 空白 左に。
一部の設計者は、それを実行していることに気付かずに、これらの原則に従います。また、設計者が設計が機能しない理由を完全に把握できない場合もありますが、これらの原則を参照すると、解決策を見つけることができます。
デザインの原則とそれらが互いにどのように相互作用するかを理解することは、初心者と専門家の両方にとって最も重要です デザイナー 同様に。デザインプロジェクトで意図的かつ意図的にそれらを実装することは、視覚的に魅力的で機能的なデザインを作成するための鍵です。
•••
デザインには、コントラスト、バランス、強調、比率、階層、繰り返し、リズム、パターン、空白、動き、多様性、統一性という12の基本原則があります。これらの原則が連携して、ユーザーにとって意味のある視覚的に魅力的で機能的なデザインを作成します。
デザインの原則は、ユーザーがデザインを表示および操作する方法に影響を与えます。意図的に実装すると、ユーザーに感情的な影響を与えるだけでなく、全体的なユーザーエクスペリエンスを向上させるために使用できます。
オンラインで日付を記入するjavascriptタイムスタンプ
調和は、統一の原則と同様に、視覚的に類似した要素がデザイン内で使用されるときに作成されます。ハーモニーは、それが使用されているWebサイトを閲覧している人にとって美的に心地よく、一貫性を生み出すことができます。
バランスとは、要素がデザインの中心線に沿ってどのように分布しているかを指します。バランスは、対称(要素がどちらかの側で類似している)または非対称(要素が類似しておらず、中心から外れた線に沿って分布している可能性がある場合)のいずれかになります。