18
апр
10

За цветовете в уеб дизайна

Мрежата е залята от стерилни дизайнерски решения. На практика е невъзможно да отличиш сайтовете на Hewlett-Packard, IBM, Dell, Microsoft и безброй други един от друг (подобно оформление, подобна цветова гама). Някой може да каже, че подобна сходност тази еднаквост прави използването на Мрежата по-лесно, заради стандартизирането на интерфейсите, но истината е, че подобни сайтове предлагат на своите потребители рутинно изживяване и не могат да създадат положителна връзка със своята аудитория.

Една лесно различима причина за този бозав дизайн е цвета. Може би никой друг елемент на дизайна не оказва такова влияние върху начина, по който се чувстваме на дадено място (уебсайт, къща и др.) както цвета. Цветовете могат изведнъж да променят нашите настроения и нашите мнения. Те могат да ни накарат да се чувстваме удобно, да ни вдъхнат страхопочитание или да ни въодушевят. Когато говорим за дизайн на интерфейси, цветовите комбинации в природата могат да се окажат особено полезни. От сложните уеб приложения до информативните сайтове тип брошура, комбинациите от цветове, които се срещат и в природата имат потенциала да идентифицират (като помагат за създаването на запомнящи се сайтове), да напътстват (като помагат на потребителите да се съсредоточат върху действията), да ангажират (като правят оформлението на страниците по-удобни и по-привлекателни) и да вдъхновяват (като предлагат нови идеи за избор на цветове).
Цветовете отличават

Живеейки живота си, ние бързо забравяме за събития, които влизат в рамките на навика и рутината. Запомняме уникалните изживявания или събития, които са въздействали върху емоциите ни. По същия начин се държим и в Мрежата. Когато всички сайтове изглеждат по един и същи начин, ние доста лесно ги хвърляме в общия куп от изживявания тип “вече съм бил тук, виждал съм това”. А като вземем предвид и колко бързо се прехвърляме от сайт на сайт, такова отъждествяване е още по-вероятно.

Ето защо уебсайтовете не трябва да пропускат нито една възможност да се различат от останалите. Ако вашият сайт изпъква над другите, толкова по-голяма е вероятността потребителите да му отделят повече време или да се замислят повече, когато го видят. Дори може да го запомнят и да се върнат отново. Вероятно няма по-добра възможност да се направи приятно впечатление, освен чрез използването на цветовете. Хората реагират на цвят мигновено: те се въодушевяват, радват се или им става скучно.

Една уникална палитра, използваща цветове, които могат да бъдат открити в природата, ще ви помогнат да се измъкнете от цветните шаблони в Мрежата (илюстрация 1) и да създадете запомнящ се уебсайт. Например, естествената комбинация (илюстрация 2) използвана в този дизайн (илюстрация 3) контрастира рязко с по-стандартната версия (илюстрация 4) на същия сайт. Меките цветове са достатъчно ефирни, за да служат като фон, но и са достатъчно отчетливи, за да обособят четирите основни групи информация в сайта.

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

Цветовете напътстват

Цветовете в природата често са по-малко наситени и по-приятни за окото, отколкото изкуствените им заместители. В резултат на това, те позволяват на потребителите да се съсредоточат върху необходимите действия, вместо да бъдат разсейвани от прекалено оттенъци. Когато се опитваш да се съсредоточиш върху информацията в страница с прекалено много наситени оттенъци (илюстрация 4), окото непрекъснато се връща към ярките цветове (в този пример, към синята лента горе). И обратното, жълтите и сини оттенъци в другия дизайн (илюстрация 3) създават баланс, който позволява на изображенията, навигацията и съдържанието да изпъкнат. (това е особено полезно за страници с много съдържание.) Най-силните визуални елементи са най-полезните: навигационните менюта и основното съдържание, не фоновите цветове. Може би това е резултат от факта, че сме започнати с цветовите комбинации в природата. Свикнали сме с фонове в сини, жълти и сиви оттенъци, защото ги виждаме всеки ден.

Този феномен е особено важен в контекста на уеб базираните приложения, където потребителите могат да взаимодействат с онлайн услуга в продължение на часове или дори дни. Ако използваме палитра, която не обсебва вниманието, позволява на потребителите да се съсредоточат върху работата си и върху важната информация. Разбира се цветът не е всичко, което ви е нужно, за да създадете едно страхотно изживяване; структурата, интерактивността, оформлението и други трябва да се съгласуват, за да се създаде ползваем и полезен сайт или приложение. Но цветът е една важна част от уравнението и не трябва да бъде пренебрегван.
Цветовете ангажират
“Формата следва функцията – това е погрешно схващане. Формата и функцията трябва да са едно цяло, обединено в духовен съюз.”
—Frank Lloyd Wright

Цветните комбинации в природата са особено полезни що се отнася до друг аспект на дизайна: емоционалната реакция. Ползваемостта е от жизнено значение за насочването на потребителите от Точка А към Точка Б, но е нужен характер, който да създаде приятното изживяване, което хората ще искат да повторят и да споделят.
“Цветовете в природата са познати и предлагат приемлива за всички хармония.”
—Edward Tufte, 1989

Обърнете внимание на следните две версии на един формуляр. Едната (илюстрация 5) използва неприветлива и смущаваща палитра. Другата използва естествена цветна палитра и е по-”отзивчива”, защото е използва по-топли, по-приветливи цветове. За чиновниците, които трябва да попълват този формуляр отново и отново, по-приветливия интерфейс е по-ангажиращ и им осигурява по удобна среда, в която те могат да работят.


0 Отговори to “За цветовете в уеб дизайна”



  1. Вашият коментар

Вашият коментар

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Промяна )

Twitter picture

You are commenting using your Twitter account. Log Out / Промяна )

Facebook photo

You are commenting using your Facebook account. Log Out / Промяна )

Connecting to %s


Twitter на един уеб дизайнер

  • Половината бг нет умря. Явно проблемът не е само в @SuperHostingBG 6 months ago
  • Браво на Цвети! 8 months ago
  • @volandil на паркинга срещу бл. 480 (в края на ул. Атанас Москов) 8 months ago
  • Две пожарни коли не могат да угасят един горящ автомобил?! Отказаха се и сега просто чакат да доизгори... 8 months ago
  • Току що взривиха автомобил пред блока ми в Младост 4. #уоу 8 months ago

RSS Дизайн новини

  • Twitter архив за 2010-11-06 ноември 6, 2010
    Честит празник, българи! България празнува на 1 ноември, а не на 31 октомври! # Това е ЧУДО! Запълват дупките на улицата пред блока! о0 #младостсити # We’re sorry. Firefox had a problem and crashed. We’ll try to restore your tabs and windows when it restarts. #firefox # RT @enstyled @nixonixo: how a browser works: http://9gag.com/gag/45832 [...] […]
  • Twitter архив за 2010-10-23 октомври 23, 2010
    ДЯДО КОЛЕДА Е БОКЛУК! # БГ уеб е като тинеиджърският секс! Всички говорят за него, някои се правят че са го правили, а малкото които го правят – го правят лошо! #fb # WTF?! В стаята ми са влезли 4 калинки! # RT @freelancelodge: Безплатен целодневен Freelance семинар – 26.11 – залата на ЦКС, София [...] […]
  • Twitter архив за 2010-10-02 октомври 2, 2010
    http://bit.ly/c8bUqN 6 Quick Lessons from Logo Galleries # Сайт за пример на агенция за недвижими имоти. http://www.dynamicrealty.us/ # RT @gonzomir: Хората още не схващат, че не е необходимо #html5 да се "поддържа" от браузърите, за да го ползват. # RT @acnapyx: Ако ви вбесява колко грозен и нечетим е вашият CSS – бегом накъм този [...] […]
  • Twitter архив за 2010-09-18 септември 18, 2010
    Счупих сайта на apple :) – http://trailers.apple.com/trailers/lions_gate/love/ #apple #
  • Twitter архив за 2010-09-05 септември 4, 2010
    За пет пари петел , за пет пари пее. # Хостинг услугите в ЮАР са ужасни. # МегаГигаКреативно портфолио на уеб дизайнер – http://www.wingcheng.com/ #

RSS Уеб дизайн Блог

  • DESIGNDAY 2010
    Здравейте, Заповядайте на втория семинар DESIGNDAY, организиран от Списание .net Визия, потребителско преживяване и технологични платформи – тази година програмата на семинара е по-тясно специализирана за уеб професионалисти и дискусиите са построени върху най-ключовите аспекти на уеб дизайна. Регистрирайте се сега с 25% отстъпка на ранната регистрация […]
  • Що е то landing page? (видео)
    В това видео Жюстин Томс от ABC Design & Communication обяснява накратко какво представлява така наречения „Landing Page“ и какво е важното при дизайна на тази страница.
  • Онлайн книжарница Novavizia.net
    Днес искам да представя на вашето внимание интернет книжарницата Novavizia.net. Както може би сами се досещате от името този проект е дело на авторите на популярния български блог за бизнес, мениджмънт и професионално развитие - Novavizia.com. Въпреки че онлайн книжарницата стартира преди броени дни, в нея вече могат да се открият няколко безценни книги за в […]
  • За добрия дизайн
  • WEBLOZ’10 се откри
    Четвъртото издание на Националното състезание по уеб дизайн WEBLOZ’10 се открива днес. То ще се проведе в спа комплекс „Островче“ – уточниха организаторите. Откриването е насрочено за 19,00 ч., час по-късно е техническата конференция. Утрешният ден е посветен на защита на проектите, които се състезават за наградите на състезанието, и […]

Follow

Get every new post delivered to your Inbox.