Принципи дизайну Гештальт - це набір фундаментальних принципів, що описують, як люди сприймають та організують елементи дизайну в цілісні та впорядковані структури. Коли ваше перше враження про дизайн є позитивним, коли ви інстинктивно сприймаєте дизайн як хороший, це, ймовірно, пов'язане з одним або декількома гештальт-принципами сприйняття. Коли ви дивитеся на дизайн і захоплюєтеся однією або двома частинами, швидше за все, вони відповідають одному або декільком гештальт-принципам.
Одна з найкращих речей, яку ви можете зробити як дизайнер, - це вивчити ці принципи і зрозуміти, що вони говорять нам про те, як люди сприймають візуальні об'єкти та розташування візуальних об'єктів.
Розуміння принципів гештальту дасть вам більший контроль над дизайном, створить гармонійніший дизайн і збільшить ймовірність того, що ваше повідомлення буде передано вашій аудиторії.
Що таке Принципи дизайну гештальт?
Коли люди дивляться на картину, веб-сторінку або будь-яку складну комбінацію елементів, ми бачимо ціле, перш ніж бачимо окремі частини, що становлять це ціле. Ідея бачити ціле перед частинами і навіть більше ніж ціле стає чимось більшим, ніж сума його частин, і є гештальт.
Німецьке слово гештальт можна перекласти як "форма" або "форма", і цей термін відноситься до того, як візуальне введення сприймається людьми. Гештальт-психологія була заснована Максом Вертхаймером і згодом доповнювалася іншими авторами.
Початкове спостереження Вертхаймера полягало в тому, що ми сприймаємо рух, коли є не що інше, як швидка послідовність окремих сенсорних подій, таких як серія вогнів, що послідовно миготять. Уявіть собі гірлянду різдвяних вогнів. Кожне світло послідовно вмикається і вимикається вздовж струни. Ми бачимо рух світла від кінця нитки до іншого, хоча насправді нічого не рухалося.
Ми бачимо те, чого насправді немає, і пояснення Вертхаймера полягає в тому, що ми бачимо ефект всього події, який не обов'язково міститься в сумі частин.
Найпростіший спосіб зрозуміти гештальт — це поглянути різні принципи.
Принципи дизайну гештальт
Існує безліч принципів гештальту, більшість з яких можна пояснити в одному-двох реченнях. Багато наведених нижче принципів можна описати дуже довго, і я б порадив вам глибше вивчити їх.
Я спробував надати посилання на інші ресурси, щоб ви почали своє дослідження, і я також перерахував деякі ресурси наприкінці цього повідомлення. Розглянемо наступне запровадження кожен із перелічених принципів.
Малюнок / Земля
Елементи сприймаються або як фігура (елемент фокуса), або як фон (тло, на якому сидить фігура).
Класичний приклад фігури/фону – зображення зліва. Ви бачите чорну вазу на білому тлі або два білих обличчя у профіль, що сидять на чорному тлі?
Перше, що люди зроблять, дивлячись на ваш дизайн, це визначать, що у вашій композиції є фігурою, а що відшліфованим. Найчастіше це визначення відбувається швидко і підсвідомо.
Малюнок/Земля дозволяє нам дізнатися, на чому ми маємо зосередитися, а на що можна спокійно ігнорувати у композиції.
Площа. Принципи дизайну гештальт
На малюнку показаний менший з двох об'єктів, що перекриваються. Найбільший розглядається як земля.
На малюнку вище ви, ймовірно, бачите менший квадрат як малюнок в обох випадках. Можливо, на зображенні праворуч ви побачите темну фігуру з отвором на більш світлому тлі, що засноване на більш темних об'єктах, які частіше з'являються як фігура з більш світлими областями, які розглядаються як земля. Принципи дизайну гештальт
подібність
Схожі речі сприймаються як більш пов'язані, ніж несхожі.
На зображенні вище ви, безсумнівно, групуєте об'єкти квадрат або коло через схожість форми або форми.
Через повторення кольору, розміру, орієнтації, текстури шрифту, Форми і т.д. ми можемо створювати елементи , щоб вони з'явилися більш пов'язані між собою . Подумайте про посилання у вашому контенті. Припускаючи, що вони сині і підкреслені, вони явно посилають глядачеві повідомлення у тому, що вони пов'язані.
Колір був використаний вище для позначення подібності зображення вище. Ви повинні побачити стовпці чорних і червоних квадратів, що чергуються. Кожен стовпець визначається схожістю кольору кіл, що становлять стовпець.
Ізоморфізм. Принципи дизайну гештальт
Подібність, яка може бути поведінковою чи перцептивною і може бути відповіддю на основі попереднього досвіду глядача. Думайте про невізуальну схожість.
Рівномірна зв'язність (закон єдності)
Елементи, які мають візуальний зв'язок, сприймаються як пов'язані, ніж елементи без зв'язку.
Якщо ви подивитеся на зображення зліва, ви побачите два квадрати та два прямокутники. Коли ви дивитеся на зображення праворуч, ви бачите два об'єкти, кожен із яких складається з квадрата і кола. Коло та квадрат з'єднані лінією між ними. Рівномірна зв'язність тут важливіша за схожість.
Продовження (наступність)
Елементи, розташовані на лінії або кривої, сприймаються як більш взаємопов'язані, ніж елементи, розташовані нема на лінії або кривої. Принципи дизайну гештальт
На зображенні вище ви повинні побачити вигнуту лінію з проходить через неї вертикальною лінією. Тут продовження сильніше подібності кольору. Червоні кола на вигнутій лінії більше пов'язані з чорними колами на тій же кривій, ніж з червоними колами на вертикальній лінії. Принципи дизайну гештальт
Закриття
Коли ми дивимося на складне розташування окремих елементів, ми схильні шукати один впізнаваний візерунок.
Ваше перше враження під час перегляду зображення вище – це, швидше за все, квадрат, навіть якщо зображення складається з чотирьох прямих ліній. Ми заповнюємо необхідну інформацію, щоб вийшов єдиний відомий візерунок.
Близькість. Принципи дизайну гештальт
Речі, розташовані близько один до одного, сприймаються як більш пов'язані, ніж речі, розташовані далі один від одного.
Ви повинні побачити три групи чорних та червоних кіл вище. Близькість, відносна близькість кіл сильніша, ніж подібності кольорів. У більшій композиції подібність кольорів, як і раніше, буде передавати інформацію про об'єкти через схожість між ними.
Загальна доля (синхронність). Принципи дизайну гештальт
Елементи, що рухаються в одному напрямку, сприймаються як пов'язані, ніж елементи, які нерухомі або рухаються в різних напрямках. Елементи, що змінюються одночасно, групуються разом.
На наведеній вище анімації ви бачите два набори з трьох кіл в кожному замість одного набору з шести кіл через їх загального руху або спільної долі.
Уявіть, що на наведеній вище анімації гуртки не рухаються, а три з них змінюють колір між синім та червоним. Ви все одно побачите дві групи кіл, але це буде ґрунтуватися на зміні кольори, а чи не зміні їх руху. У будь-якому випадку на них чекає спільна доля. Принципи дизайну гештальт
симетрія
Ідея про те, що, коли ми сприймаємо об'єкти, ми схильні сприймати їх як симетричні форми, які утворюються навколо їх центру.
Ймовірно, ви бачите три набори дужок, що відкривають і закривають, на зображенні вище. Тут симетричний баланс сильніший за близькість.
паралелізм
Елементи, які паралельні один одному, здаються більш пов'язаними, ніж елементи, які не паралельні один одному.
Три паралельні лінії вище повинні здаватися більш пов'язаними один з одним, ніж з будь-якою з інших ліній.
Загальний регіон
Елементи, як правило, групуються, якщо вони знаходяться в одній замкнутій області.
Раніше ми бачили, як кольори, що чергуються, створюють враження, що вони являють собою 5 стовпців кіл. Тепер, уклавши деякі кола у рамку, ми бачимо дві різні групи кіл.
Додавання меж (загальної області) навколо елемента або групи елементів – простий спосіб відокремити їх від навколишніх елементів.
Минулий досвід. Принципи дизайну гештальт
Елементи, як правило, групуються разом, якщо в минулому досвіді спостерігача вони часто групувалися разом.
Минулий досвід може бути індивідуальним або звичайним для більшості з нас.
Закон фокусної точки
Цікава точка, акцент або відміну приверне і утримає увагу глядача /
Побачивши картину Кандинського нагорі, ви, швидше за все, спочатку помітите темну круглу форму у лівому верхньому кутку. Це фокус і, отже, точка входу до картини. Фокусна точка привертає вашу увагу і звідти вашу увагу перетікає на інші частини картини.
Закон Прананца (Гарна фігура, Закон простоти)
Люди будуть сприймати і інтерпретувати неоднозначні або складні зображення як найпростішу можливу форму.
Форма вище неоднозначна і складна в цілому. Швидше за все, ви побачите його складається з трьох простих фігур: квадрата, кола і трикутника. Ці форми можна чітко побачити, якщо нижче кожної з них присвоїти інший колір. Принципи дизайну гештальт
Додаткові думки про принципи гештальт
Іноді відіграють роль два принципи гештальту, хоча один домінуватиме в нашому сприйнятті. Я спробував вказати на це на кількох зображеннях вище, де домінує один принцип гештальту, наприклад, на зображенні близькості вище. Є як подібність, так і близькість, але близькість у цьому випадку є сильнішим принципом, тому ви бачите три групи кіл замість шести стовпців кіл.
Гештальт-принципи — це набір інструментів, які є у вашому розпорядженні, для управління сприйняттям ваших дизайнів.
Сприйняття, яке хтось отримує, дивлячись на ваш дизайн, зрештою це те, про що ви їм говорите. Навчіться контролювати принципи гештальту і ви навчитеся спілкуватися через свій дизайн. Принципи дизайну гештальт
Принципи гештальту допомагають нам краще проектувати і допомагають зрозуміти, чи потрібен елемент чи ні. Вони допомагають вам побачити, де елементи повинні бути розміщені на сторінці, як вони повинні бути згруповані разом, які елементи повинні мати однаковий колір або розмір, а які ні. Принципи гештальту допомагають вам визначити, які елементи повинні бути укладені всередині рамки, а які елементи просто потребують більшої кількості прогалин між ними.
Коли ви почнете розуміти, як інші сприйматимуть ваші елементи, у вас буде більше контролю над своїми проектами, і ви станете найкращим дизайнером. Знайдіть час для подальшого вивчення гештальт-принципів сприйняття. Перегляньте дизайни, які вам подобаються, і дізнайтеся, як у них працює гештальт.
Вивчіть свою власну роботу, щоб побачити, як ви вже включаєте принципи гештальту в свої проекти, а які ні, але повинні бути.
Залишити коментар