4 принципа за визуален дизайн за уеб дизайнери

08.04.2021 Admin 524

Всеки дизайн се стреми или да създаде усещане за единство между различни елементи, или творчески да прекъсне това единство, за да насърчи конкретно действие. Принципите, разгледани тук, ще ви помогнат да направите и двете.

Когато задействате пакет за редактиране или поставите химикал на хартия, всеки визуален дизайн, който използвате, създава единство между различни елементи или креативно подсилва това единство, за да насърчи действие. Въпреки че визуалният дизайн е форма на изкуство, той също се управлява от законите на математиката.

Какви са принципите на дизайна?

Когато разглеждате картина, скулптура, брошура или имейл, вероятно имате незабавна, емоционална реакция на нея. Знаете инстинктивно дали ви харесва или не. Обаче тези, които не са обучени в дизайна, може да не са в състояние да разберат защо. Принципите на визуалния дизайн ни помагат да осмислим визуалните композиции. Основните принципи на дизайна включват:

Пространство: В уеб дизайна това често се нарича „празно пространство“ или областта, между елементите.

Йерархия: Значението на някои елементи по отношение на други.

Контраст: Как различните елементи могат, да създадат по-сплотена композиция.

Мащаб / Пропорция: Връзката между размера на елементите.

Въпреки че тези принципи са разработени заедно с визуалното изкуство, уеб дизайнерите прилагат принципи на дизайна, които се основават на тези основни идеи.

Какво означава Гещалт?

Кембриджският речник определя гещалта като: Структура, конфигурация или модел на физически, биологични или психологични явления, така интегрирани, че да представляват функционална единица със свойства, които не могат да бъдат получени, чрез сумиране на нейните части.

Не всички гещалт психолози са с фамилното име „Гещалт“. Германските психолози Макс Вертхаймер, Курт Кофка и Волфганг Колер изучават как човешкият ум обработва сложни образи и модели в хаотичен свят. Те се чудеха: „Как хората стигат до смислени възприятия от цялата бъркотия, която възприемат мозъците им? Чрез тези усилия, тези учени идентифицираха четири основни концепции, описващи как хората интерпретират визуалните данни.

Разбирането на начина, по който потребителите на мобилни устройства и настолни компютри интерпретират всеки пиксел на вашия уебсайт, ви прави по-остър и интуитивен дизайнер. Като цяло принципите на Гещалт зависят от идеята, че мозъкът обработва информацията като цяло, преди да премине към по-малки части.

Принцип на възникване

Изграден от основната идея на гещалтския кръг на мисълта, принципът на появата гласи, че зрителите се опитват да осмислят цяло изображение, преди да идентифицират неговите части.

Така че, когато мозъкът ви смила изображение и се опитва да го осмисли, първо, той ще направи равносметка на очертанията. След това сравнява очертанията с други форми от паметта ви и се опитва да намери съвпадение. След като се намери съвпадение, мозъкът ви преминава към всеки компонент. Когато мозъкът ви не може да намери съвпадение, той се опитва да изследва компонентите, за да осмисли цялото изображение.

Ако видите размит силует на човек, който се отдалечава през нощта, мозъкът ви веднага знае, че това е човек от формата на тялото и отделните крайници. Не е нужно да виждате ръцете или очите или краката, за да разберете, че това е човек, но тези визуални подробности ви помагат да определите кой е човекът.

Четирите основни принципа на дизайна се разширяват в 13 конкретни основни правила за визуални преживявания, които трябва да се вземат предвид при проектирането на следващия ви авангарден уебсайт. Преди да се потопите в света на всеки принцип на гещалта, овладейте тези принципи на визуалния дизайн.

Какво означава появата за дизайна?

При проектирането принципът на появата предполага, че трябва да се придържате към познати, лесно разпознаваеми модели.

Знаем, че ви сърби да оставите подписа си, върху следващия си дизайн на формуляра и да впечатлите своя мениджър с наистина нестандартна презентация. Но за вашите потребители е най-добре да се придържате към стиловете, които са виждали преди.

Ясно очертаните и етикетирани полета с бутон „изпрати“, ще бъдат разпознати като форма по-бързо, отколкото по-„творчески“ подход, който кара посетителите на сайта да правят умствена гимнастика, за да разберат какво гледат.

Правилото за появата не означава, че трябва да спрете да проектирате творчески. Появата показва йерархия на визуалната интерпретация: зрителите започват с цялото и след това се фокусират върху частите.

Използвайте своя визуален усет и впечатляващи познания за актуалните тенденции в дизайна, за да проявите креативност с отделни елементи на формата, стига цялото изображение да се разпознава като форма. Появата предлага убедителен аргумент за минимализъм: по-проста форма е по-лесна за разпознаване, отколкото сложна.

Принцип на реификация

Принципът на реификацията гласи, че мозъкът ви запълва пропуски във визуалната информация, за да идентифицира обекти. Не е нужно да виждате цялото нещо, за да разберете какво представлява - ако дизайнът включва само нос, едно око и очертанията на челюстта, можете да заключите, че гледате лице.

Поради принципа на повторение и начина, по който се играе в съзнанието ви, нямате проблеми с разпознаването на знак за спиране, дори когато той е нарязан наполовина.

Какво означава повторение за дизайна?

Reification означава, че не е нужно да включвате цял обект, за да го разпознаят зрителите. Можете да използвате този принцип, за да спестите място в оформление, да предложите съдържанието на следващия слайд във въртележка или да направите страницата си "скоро" по-ясна и примамлива.

Reification е това, което прави минималните дизайни на лого толкова естетически приятни. Хората винаги се опитват да внесат смисъл и ред в безсмислен хаос, а очите ни го правят чрез преосмисляне: попълването на липсващи данни, за да осмисли нещо, което виждаме.

Принцип на мултистабилност

Умът не е на борда с непознатото. Еволюционно мозъкът се нуждае от отговор и сега. Тази нужда идва от търсенето на безопасност, но има очарователни последици за визуалния дизайн. Мозъкът фиксира един начин да види нещо и изключва възможните алтернативи. Очарователно, нали?

Какво означава мултистабилност за дизайна?

Мултистабилността неизбежно допринася за объркване, така че е трудно да се приложи успешно в уеб дизайна. Но тъй като десетки запомнящи се лога са се доказали през годините, можете да използвате мултистабилност, за да направите поразителни и приятно изненадващи дизайни.

Принцип на инвариантност

Принципът на неизменност гласи, че мозъкът ви е умел да установява сходства и разлики. Ето защо е наистина лесно да накарате нещо, да изпъкне в тълпа от подобни обекти.

Помните ли дамата в червената рокля в „Матрицата“? Какво ще кажете за момиченцето в червеното яке в списъка на Шиндлер? Тези двамата се открояват толкова много и остават толкова запомнящи се, защото яркият им цвят на практика крещи от хомогенния черно-бял фон, срещу който ги виждаме да се движат. Означава ги като значими и достойни за вашето внимание.

Какво означава неизменност за дизайна?

В сферата на дизайна, принципът на инвариантност е мощен инструмент. Въведете различен елемент в иначе хомогенна група от елементи, за да привлечете окото и да поканите кликвания.

Страниците за ценообразуване на продуктите са страхотни места за преосмисляне. Уеб дизайнерите могат, да направят една колона да се откроява от останалата част от ценовата таблица, чрез цвят или размер. На страница „анулиране на абонамент“ бутонът „анулиране“ може да е малък и сив, за да се слее във фона, докато бутонът „запазване на абонамента“ е жив и цветен.

Как тези 4 принципа за визуален дизайн, се различават от съветите за дизайн на потребителския интерфейс?

Принципите на визуалния дизайн, взети заедно с правилата на Гещалт, се отнасят за цялата картина и за това как, мозъкът ви осмисля цял дизайн. Нашите най-добри съвети за дизайн на потребителския интерфейс, от друга страна, предоставят полезни съвети за дизайнерите, работещи върху всеки отделен елемент.

Готови ли сте да създадете привлекателни, свежи, сплотени дизайни, които представят идеално вашата марка? Ако и вие желаете да навлезете в удивителният свят на Уеб дизайна, да се запознаете с професията и отговорностите на уеб дизайнерите, то може да го направите напълно безплатно, чрез въвеждащото обучение. Научете повече и се запишете от тук.

Последни новини

20 Sep 2021

6 топ съвета и идеи за интерактивен уеб дизайн

Добрият интерактивен уеб дизайн, ще принуди потребителя да се ангажира с уебсайт, да превърта надолу и да консумира повече съдържание, да се придвижва до други страници, да споделя с приятел. Едно от предизвикателствата, пред които са изправени интерактивните уеб дизайни е, че има толкова много начини, по които потребителят може да взаимодей...
09 Sep 2021

6 умения, от които се нуждае всеки професионален графичен дизайнер

За да бъдеш страхотен дизайнер, трябва да бъдеш креативен. Но знаете ли, че наред с множеството умения за технически дизайн, които може би вече притежавате (като композиция, теория на цветовете и софтуерни умения), имате нужда от нещо, наречено „меки умения“? Да, те са наистина от голямо значение! И точно като знаете, как да се движите във Pho...