andクリエイティブマーケティングノウハウライフHOMEノウハウ「ゲシュタルトの法則」を取り入れてユーザー目線のデザインをしよう!「ゲシュタルトの法則」を取り入れてユーザー目線のデザインをしよう!2019.08.02ノウハウデザイナーのyamaです!今回は情報整理に欠かせない法則の1つ、「ゲシュタルトの法則」をご紹介しようと思います。日々アウトプットしているデザインに対して、この質問をされた際、みなさんはこの問答える事ができますか?見た目のカッコよさや美しさは必要かもしれません。それ以上にユーザー目線に立って考えられるデザインが大切です。見た目をよくする事はあくまでも方法の1つであり、どの方法を選ぶか?はユーザーや戦略により変わるからです。心理学のテクニックや技法を取り入れる事で理論に基づいたデザイン制作が行えるだけでなく、「なぜ?そのデザイン」という問に対しての根拠を答える事が可能となります。それらを積み重ねることで、信頼やデザイナーとしての価値向上につながるのではないでしょうか。まとめゲシュタルトってなに?「ゲシュタルト」はゲシュタルト心理学の基本概念です。この概念を人間の感覚構造を中心に研究したのが「ゲシュタルト心理学」図形による印象などの研究が中心でした。ちなみに、人間の視覚系は目から入ってきたものを全体を部分や要素の集合ではなく、全体性を持ったまとまりのある構造として知覚するようにできているそうです。その研究において、「人間が視覚を使ってどのように物事を見分け、捉えているか?」の傾向を法則化したものが「ゲシュタルトの法則(※)」で、別名「プレグナンツの法則」(簡潔の法則)と呼ばれています。※対象の姿や形の事をドイツ語でゲシュタルト(Gestalt)全体的な構造」というため、「ゲシュタルトの法則」と呼ばれるようになったそうですよ。ちなみに、ゲシュタルト崩壊って...図形や文字などの全体(まとまり)が把握できず、構成する要素を個別にしか認知できなくなった状態のこと。漢字の練習をしている際に同じ漢字をずっと書き続けていると...「あれ、この漢字ってこんな字だったっけ?(汗)」ってなった事があると思いますが、あの現象を想像していただけるとわかりやすいのではないでしょうか。持続的に注視することにより、漢字をまとまりとしてではなく、バラバラな図形として知覚してしまう事が原因かと思われます。proximity)距離の近いものは1つの形にまとまって見える。(近いものをパーターンとして認識)デザインの基本である「合わせる(この場合は上下)」や「均等配置」を使うことで、情報をわかりやすくレイアウトする事が可能です。オブジェクト(情報)が多くなった場合、次に大切になるのがオブジェクト(情報)の「グループ化」。同じオブジェクト同士を近づけ、それ以外(グループ以外)のオブジェクトを遠ざけるよう、余白を取ることで、オブジェクトが同じ塊であると知覚されやすくなります。配置する際、グループ間の余白を均等にするとノイズがなくなり、わかりやすくなりますよ。デザインの基本である「合わせる」は忘れずに!そして、余計な情報(※)は入れない。※人はパターンで知覚する傾向があるため、グループ間の微妙にずれた余白も1パターンとして認識されてしまいますよ。similarity)形や色などが似ているもの同士は、まとまって見える。(同種のものをパターンとして認識)上記の画像の場合、「ベタ塗りの○」「ラインの○」の2グループに分かれて知覚できると思います。1.では「近づける」+「余白を取る」ことで同じオブジェクト同士をグループ化しました。2.では、似たように見えるオブジェクト同士がグループ化されます。