ゲシュタルトの原則は、人間が物体を知覚するときに、人間が同様の要素をどのようにグループ化し、パターンを認識し、複雑 デザイナーをご利用の原則編成のコンテンツウェブサイトやその他のインタフェースで美しくわかりやすくお話いただいた。
ゲシュタルトの原則–背景
“ゲシュタルト”は”統一された全体”のためのドイツ語です。, 最初のゲシュタルトの原則は、1920年代にドイツの心理学者Max Wertheimer、Kurt Koffka、Wolfgang Kohlerによって考案されました—人間が周りの混沌とした刺激からどのように意味のある認識を得るかを理解することを目的としていました。 彼らは、無秩序の秩序を見つけるための自然な強制に対処する一連の法律を特定しました。 これによれば、心は、一連の個々の要素を全体として知覚することによって、目が見るものを”知らせる”。, グラフィックデザインのその後成長する企業の専門家はすぐにこれらの主義を採用し、デザイナーはより大きい、全イメージとして目をつかまえるよ置
全体は部品の合計以外です。
-Kurt Koffka
ゲシュタルトの原則は、人間のグループがどのように類似しているかを記述する人間の知覚の原則/法則です
ゲシュタルトの原則
ゲシュタルトの原則は、ビジュアルデザインの不可欠な部分です。, 閉鎖(Reification):私たちは完全な形を好むので、完全なイメージを知覚するために要素間のギャップを自動的に埋めます。 それは私たちが最初に全体を見ることができる方法です。 あらゆる種類の想像力豊かな方法でクロージャーを適用することで、ユーザーが線、点、図形(画像のセグメントなど)など、巧みに配置された要素の喜ばしい”wholes”を認識したときに、ユーザーの賞賛と信頼を得ることができます。, IBMや世界野生生物基金のような象徴的なロゴは、ibmの三つのスタックに配置された青い水平線からなる応用閉鎖の例です。WWFのは、パンダのおなじみの形を明らかにするために白い背景に設定された黒い形のクラスタからなる。 .
共通領域:同じ閉じた
領域にある要素をグループ化します。 関連するオブジェクトを同じ閉じた領域に含めると、他のグループとは別に
表示されます。, この原則は、
例では、いいね、コメント、その他のやりとりが
ある投稿の境界内に表示され、他の投稿から離れていることがわかります。
facebookで適用され
図/グラウンド(マルチ安定性):不確実性を嫌うので、安定したアイテムを探します。 画像があいまいでない限り—Rubinの花瓶のように、下に—私たちはその前景を最初に見ます。 Figure/groundは多くの方法で適用できますが、主に要素をコントラストするために適用できます:たとえば、暗い背景(地面)からの明るいテキスト(figure)など。, Figure/groundをうまく使用すると、色理論の慎重な適用などの他の考慮事項とともに、ユーザーのタスクをガイドし、認知負荷を軽減するのに役立ちます。
近接(出現):私たちはより近い要素をグループ化し、
より遠い要素からそれらを分離します。 したがって、個々の
要素をデザイン上の一つの領域またはグループにクラスタ化すると、ユーザーはそれを画面上の他のものとは異なる
エンティティ,
デザインにおける近接の例は、ガールスカウトのロゴであり、その三つの顔がプロファイルでクラスタ化されています(二つの
緑、一つの白)。
デザイン作業に他のゲシュタルト原則を適用することもできます—継続、統一されたつながりなど—ユーザーにアクセスし、ユーザーが(およびあなたのブランドの)望ましい目標を達成するのを助けるために最適な作業/秒。
ゲシュタルトの原則は、目ではなく、心の中にあります
ゲシュタルトの原則は、ユーザーエクスペリエンス(UX)設計に不可欠です。, 設計する場合には、界面だけに、ユーザーは理解できるよう見るべりたい—が一目でわかります。 ランディングページに示すように、近接と共通領域の原則は良い例です。 色とグラフィックは、ページを別々の領域に分割します。 なく、ユーザーが苦戦を主体と関係のない集とアイテムに。 デザイナー、などが混乱させ、遅延ます。 代わりに、その日からオプションでの特定の組織/ブランド。,
ゲシュタルトの原則は、ユーザーエクスペリエンス(UX)設計に不可欠です。 設計する場合には、界面だけに、ユーザーは理解できるよう見るべりたい—が一目でわかります。 ランディングページに示されているように、近接と共通領域の原則は良い例です。 色とグラフィックは、ページを別々の領域に分割します。 なく、ユーザーが苦戦を主体と関係のない集とアイテムに。 デザイナー、などが混乱させ、遅延ます。, 代わりに、その日からオプションでの特定の組織/ブランド。
ゲシュタルトの原則についてもっと知る
Usertesting.com’sのブログは、多くのヒントや例を備えています:https://www.usertesting.com/blog/2016/02/24/gestalt-principles/
デザイナーのためのゲシュタルト原則に関するコンテンツストラテジストジェリー曹操の作品は、多くの役に立つ洞察を提供しています:http://blog.teamtreehouse.com/gestalt-principles-designers-applying-visual-psychology-modern-day-design