類同の法則(類似性の法則)

認知-認識[状況理解・把握]

同じ特徴を持つ要素同士は離れていても、
関係性が深いグループとして認識される。

人は、色や形・サイズ・方向などの視覚的に共通の特徴をもつもの同士は、共通性がないものよりも「関係性が深いもの」として認識する習性があり、プレグナンツの法則(ゲシュタルト原理)の中でも、もっとも重要な法則のひとつ。

同じ特徴の要素同士である場合、位置が離れていたり、分散していても同じグループとして認識されるため、近接の法則や閉合の法則とは異なる特性を持つ。
特に、同じ色を採用することで、形など他の特徴よりも強く認知できるため、異なる形や大きさの要素を同じグループとして認知できる。

ちなみに、同じ要素としてグループ化されている周囲のものから孤立した要素は目立ちやすく無意識のうちに着目される。

具体例

  • スポーツの試合で各チームが着用しているユニフォーム

  • チラシ広告などでセール品だけを大きく扱うことで、通常商品とは違うグループであることを印象づける

  • 同じ色を使用したリンクテキストや、同じボタン形状で示されたCall to Actionボタン

提唱者・発祥エピソード

ゲシュタルト心理学の創設者の一人であるチェコの心理学者マックス・ヴェルトハイマー氏によって、1923年「ゲシュタルト原則」の基礎となる6原則(近接・類同・連続・閉合・共通運命・良い形)が発表された。

参考文献・参考サイト

ビジュアルデザインにおける類同の法則

https://u-site.jp/alertbox/gestalt-similarity

ニールセン博士のAlertbox

類同(ゲシュタルト原則)
https://uxdaystokyo.com/articles/glossary/similarity/

UX TIMES

クライアントを説得できるデザイン理論が身に付く!
UI/UXデザイン講座のご予約はこちら

香西 睦

香西 睦

論理的で客観的なデザイン理論と、ユーザーの視点に立った情報デザインは、Webサイトの課題を見極め、わかりやすいインタフェースを実現!

同じテーマのおすすめ記事

おすすめランキング

  1. 1

    [9月23日]大阪DAY1セット|直感的でわかりやすいUIデザインが作れる!

  2. 2

    ユーザーの「知りたい度」によって変わる、「読み方」と「読む範囲」

  3. 3

    エンダウド・プログレス効果

  4. 4

    [10月8日]東京DAY1|直感的でわかりやすいUIデザインが作れる!

  5. 5

    非注意性盲目(ミスディレクション)

  6. 6

    認知科学で考える「リスト(箇条書き)表示」のデザイン表現

  7. 7

    フットインザドア(段階的要請法)

  8. 8

    チャンク

  9. 9

    UIデザイン・認知科学講座:01|UIデザイン性能が格段に良くなる認知心理学の役割

  10. 10

    認知科学で考える「目的別メニューボタン」のデザイン表現

香西 睦

香西 睦

「だから、そのデザインはダメなんだ。(エムディエヌコーポレーション刊) 」の著者。 論理的で客観的なデザイン理論とユーザー視点の構造設計・情報デザインを用いて、Webサイトの課題を見極め、Webサイトの性能をアップさせる利用者の目線に立ったわかりやすいインタフェースの設計で多くの企業様のお手伝いをしてきました!

UIデザインがよくわかる本

香西睦の執筆デザイン書籍・電子書籍

TOP