Психологія в дизайні

Сергій Степанов, © Видавничі системи

Я часто зустрічаю міркування, що дизайн – це оформлення інформації. Говорять про нього як про елемент, що існує окремо від тексту, що має свої правила і закони. Не забувають згадати про його важливість загальними фразами.

Стоп! А хіба графіка, колір і вся композиція не складають інформаційний зміст сторінки? Основний відсоток одержуваної людиною інформації сприймається зором. За статистикою, сприймається 83% інформації зрительно. І 40% з неї запам'ятовується людиною (проти 20% почутого!). А зображення може нести в собі анітрохи не менше (а іноді і більше) інформації, ніж текст. Але як зв'язати їх воєдино? Як змусити дизайн нести тему сторінки? Ось це вже питання психології.
Ні, залишимо в спокої Юнга і Фрейда з їх фундаментальними теоріями і звернемося до прикладної психології. Будь-яке зображення викликає у людини асоціації. Але проблема в тому, що одні предмети, сюжети або графічні елементи викликають у всіх людей (вірніше, у багатьох) однакові асоціації, а інші – абсолютно різні. І якщо ви помилково будуєте асоціативний ряд, то можна завести користувача зовсім не туди, куди б вам хотілося. Тому для побудови стійких асоціацій, настрою або образу часто потрібно доповнювати композицію елементами, зміцнюючи тематичну лінію. Такими елементами може бути що завгодно: зображення, слово (первинне джерело інформації) або ціла фраза, лінія, размивка, колаж.

Головне – прагнути не до сліпого ускладнення, а до створення стійкого асоціативного ряду по конкретній темі. Ви, напевно, вже помітили, що на складних, деталізованих, інколи не зрозумілих з першого погляду зображеннях хочеться затримати погляд і вони надовго залишаються у пам'яті. Але мало хто з них дійсно несуть тему або настрій. Більшість схоже на просту мозаїку, зборище не пов'язаної між собою графічної інформації. Творчість дизайнера в індивідуальних роботах може бути будь-яким – це його особиста справа. Тут працює поняття "дизайн заради дизайну". Але в оформленні конкретного замовлення, розрахованого на велику і різну аудиторію, важливо не перестаратися.

Користувач, переглядаючи оформлення, завжди прагне зробити висновок, шукає закінченість в розумінні представленої інформації. І, зробивши його, випробовує естетичне задоволення. Завдання дизайнера – допомогти йому в цьому. Побудувати твердий, конкретний асоціативний ряд, розкриваючи тему. Простий приклад – коли використовується перевернений текст. Це проста перешкода для його сприйняття, і користувач здатний прочитати цей текст, але рішення цієї загадки приносить підсвідоме задоволення і загострює увагу на цьому слові або фразі. Інша справа – чи доречно така дія в конкретній ситуації.

Тепер про способи й інструменти. Перше, на чому хочеться зупинити увагу, це способи проведення користувача по композиції, побудову асоціативного ряду в потрібному напрямку. Сприйняття текстової інформації (в більшості мов) відбувається зліва направо і зверху вниз. Це правило добре допомагає в карикатурах, коли є сюжетний текст (наприклад, питання – відповідь). Щоб глядач правильно зрозумів сюжет, потрібно змусити його прочитати спочатку питання, а потім відповідь. Текст питання виноситься у верх зображення, ближче до лівого кута, а текст відповіді – в низ зображення або праворуч від питання. Це перший принцип, але є й інші способи загострити увагу на конкретних деталях.
Ще є просторове поняття сприйняття інформації. Те, що знаходиться ближче (на передньому плані), сприймається раніше, ніж те, що на задньому. Ефект заднього плану можна отримати достатньо сильною розмивання. Об'єкт з нормальною різкістю буде виглядати розташованим на передньому плані і сприйматися першим. Великі і достатньо яскраві (контрастують) елементи також сприймаються раніше дрібних, деталізованих. Будь-який "виділений" об'єкт в композиції стає тематичним центром. Фахівці "Строганівки" радять використовувати не більше 3 тематичних центрів при 5-7 керуючих елементах (у рекламних матеріалах ще менше). Я залишу це без коментарів, але дозволю собі не погодитися.

Ще один спосіб загострити увагу на конкретній деталі – Це освітлення. Будь-яке джерело світла гарантовано примушує звертати на себе увагу. Навіть тінь і затемнення деяких деталей увазі існування джерела світла. І затемнені деталі відтісняються більш яскравими. Але, використовуючи ефект освітлення (вносячи джерело світла), можна зробити грубу помилку. Людське око легко розрізняє неправильне (неприродне) накладення тіней. Тому поняттям світла і тіні приділяється дуже велика увага в програмі навчання художників. Ось один приклад з моєї практики. Довгі обговорення світловий схеми в дизайн-макеті викликали природне прагнення до творчості у клієнта (достатньо часта ситуація). Але його пропозицію повалило мене в шок. Він запропонував зробити графічний елемент темно-синього кольору, а тінь від нього – жовтою! Переконання, що це неправильно, породили питання: … але це ж можна намалювати? Можна, звичайно, але … мені не захотілося.

Ніколи не прагніть грати з пропорціями і перспективою в реалістичних зображеннях і колажах без конкретної мети. Закони просторової геометрії і природних пропорцій – це закони природи. Запитайте у людей, що мають вищу художню освіта, скільки часу вони присвятили вивченню перспектив і пропорцій. Людське око легко помічає брехню в цій області. І є небезпека, що користувач підсвідомо, відволікаючись від теми, зосередить увагу на пошуку джерела зорового дискомфорту в зображенні і зробить абсолютно інші висновки, ніж вам би хотілося. Інша ситуація – коли це зроблено свідомо, зосереджуючи увагу на цьому. Тоді потрібно постаратися прибрати інші складні елементи, уникаючи конфліктів.
Тепер, трохи про "вічне" – про колір. Ви, швидше за все, вже не раз читали різні матеріали на цю тему і не раз бачили статті про психологічний сприйняття кольорів. Раджу завжди скептично підходити до цього питання. Залишимо безперечним фізичні аспекти поєднання і властивостей кольорів, а зупинимося на психології. Багато висновки зроблені на основі досить спірних тверджень. У питанні сприйняття конкретного кольору психологи підходять індивідуально до кожної людини. Справа в тому, що конкретний колір у кожного асоціюється з конкретним чином, річчю або подією в його житті і знаходиться в підсвідомості людини. А ці асоціації можуть бути різними – як позитивними, так і негативними. Це відноситися не до всіх кольорів підряд, а тільки до деяких основних (у всіх по-різному). Ще сприйняття кольору може носити тематичну спрямованість. Наприклад, червоний. У технічній області він символізує небезпеку, а в області моди – чуттєвість і сміливість. Якщо взяти червоний колір в природі, то, швидше за все, він породить асоціації зі стиглими ягодами. А в соціальній сфері він змусить пригадати про комунізм, проте у жителів інших країн цієї асоціації може і не бути.

Вийшла досить різноманітна картина асоціацій. І можна сміливо забути багато однозначні твердження. Тому дуже обережно вибирайте кольори для кожної конкретної ситуації і уникайте тиску одного суцільного кольору в композиції ділового сайту. Може бути, у самого важливого клієнта він викличе абсолютно негативні асоціації. Не соромтеся опитувати своїх знайомих при побудові композиції, цікавлячись їхньою думкою і асоціаціями – це дуже корисна практика.

Лінії, стрілки або направлений градієнт надають стійке направляє, вказує вплив. Але, використовуючи їх, уникайте ситуації, коли доводиться переглядати композицію "проти вовни ". Це викликає дискомфорт на рівні підсвідомості й підсвідоме ж бажання знайти його причину.
Якщо ви web-дизайнер, то у вас може виникнути ще одна проблема – процес завантаження сторінки. Буде прикро, якщо елементи, що управляють асоціативним рядом, будуть завантажені не в тій послідовності. Але це вже не така велика проблема. Якщо вам дійсно потрібно показати все зображення відразу, то ви можете використовувати "шар завантаження", що закриває всю сторінку до тих пір, поки вона не завантажиться цілком, або прибрати цей шар на якомусь етапі завантаження сторінки за допомогою скрипта. Але не забувайте проставити спосіб його "ручного" відключення, для нетерплячих користувачів.

Ця стаття може дописуватися нескінченно, але, сподіваюся, я зміг пояснити важливість психології в дизайні. Робоче місце психолога в рекламних агентствах вже давно існує. А дизайнер просто зобов'язаний бути непоганим психологом. Якщо ви прагнете до професіоналізму, то постарайтеся прочитати відповідну літературу і знайти можливість спілкування з психологом. Не залишайте без уваги різні статистичні дані і публікації про результати досліджень. Не соромтеся запитувати ради і частіше обговорюйте свої роботи з іншими. Завжди робіть висновки самі і скептично ставитеся до висновків інших. А книжки Д. Карнегі залиште в спокої, їх потрібно вивчати в школі.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*