Webサイトとユーザーインターフェイスのデザインは、ここ数年でずっと簡単になりました。そこにはたくさんのツールがあるので、UIを開発するときに最初からやり直すのは無意味です。しかし、私はWebデザインの死について議論するためにここにいません. 代わりに、私がやることは、ビジュアルデザインツールの多くの背後にある、最も心理学に基づいた基本的な概念を説明することです(最も基本的なCSSキットから最も先進的なプレミアムテーマまで)。. あなたはただそれらを使うつもりではありませんが、またそれらを理解しようとしています. これによって、既存のものも同様に変更しやすくなり、成功すると確信しています。. 視覚的情報の処理に関して、人間の心と体がどのように機能するのか、そしてこの知識がWebの設計にどのように解釈されるのかを調べてみましょう。. 知覚的組織の原理 ゲシュタルト心理学によると, 全体はその部分の合計とは異なります. この考え方の学者たちは、人間の心が物をまとめる方法についていくつかの原則があると主張しています。これらは単なる理論ではありません、あなたを心に留めてください、しかし視覚グループを組織することに関する実際の実際的な事実. 以下に、これらの原則のいくつかの法律およびより一般的でよく知られている用途を見つけるでしょう。あなたはあなたの次のデザインのためにいくつかの新しいアイデアを見つけることさえできるかもしれません. 相似の法則 最初の原則は、 似ている小さなオブジェクトはグループとして認識されます, 同じ小さなオブジェクトの複数のインスタンスではなく。類似性は、形、色、濃淡、その他の品質に基づいています。この原則はの基礎です パターンデザイン 多くの幾何学的およびミニマルロゴデザイン. たとえば、この写真は別々の三角形ではなく円形のロゴとして表示されています。ワシの底にある三角形の形状は、その形状も画像の一部であると考えさせます. あなたはおそらくいくつかを作成するときにも無意識のうちにこの法律を利用しました, 同サイズのコンテンツボックス あなたのウェブサイトのために。特定のコンテンツ要素が同じ重要度であること、または類似の情報を共有していることを示したい場合, その目的のためだけに特定の形状を作成する. このようにして、あなたのユーザーは即座にその特定の形状を特定の情報領域と関連付けるでしょう. 近接の法則 この法律によると 近い方のオブジェクト お互いに 同じグループに属すると見なされる. 同じ正方形を、密接に規則的に近接させて互いに隣接してレンダリングすると、グループ化の感覚が生まれます。. この原則は最近Web上で、特に以下のものを扱うときに大いに利用されています。 コンテンツループ,...