Боја у веб дизајну: како да проузрокује корисника жељени емоције
Савети / / December 19, 2019
Кроз људску историју, мајстор уметници добили универзално признање због способности за рад са бојом. У данашњем свету не примају мање стручњаке признавања, који су у стању да комбинују боје у комерцијалним и пословне сврхе - за оглашавање и веб дизајн.
Способност да се употребе боја може да се пумпа до бесконачности. То је прави дубина могућности за изложеност људи.
Ми ћемо вам рећи о основама теорије боја и шему боја, а затим разговарати о емотивном утицају појединих боја.
boja теорија
боја тема, можете посветити целу књигу, тако да неће узети у потпуности, и ограничити се на корисним информацијама, које се може користити у развоју дизајна интерфејса.
Може се поделити у бојама на три дела:
контраст
Свака нијанса је супротно, да тако кажем, у свом "заклетог непријатеља", која је највећи контраст са овом бојом. Да бисте пронашли боју, можете користити точкић боја. Једноставно изаберите боју на супротној страни круга.
додатак
Ове боје не увек у сукобу једни са другима. Комплементарне боје наглашавају једни друге, за разлику од контраста. У палетом боја, такве боје су једни другима, као што су комплементарне боје пурпура - плавој и розе.
резонанца
Свака боја је одређена расположење. Бригхт топле боје (црвена, наранџаста, жута) испуњен људске енергије, то пробуди, хладне тамне боје (зелена, плава, љубичаста), напротив, опусти и смири.
На пример, ББЦ Користите црвену навигацију бар, да се пробуди читаоца, да ојача своју узбуђен стање. С обзиром на специфичност локације - А сензационална вест - црвени је логично решење.
Теорија боја у веб дизајну - је више него само украс. Боја може да промени перцепцију вашег сајта, и играју кључну улогу у вашем пословању.
Емоционална перцепција боја
Нико неће негирати блиску интеракцију боје и емоције. И, наравно, било веб дизајнер жели да искористи овај ефекат да се створи одређени амбијент за сваку локацију.
На основу неколико студија - анализа, објављена је на сајту Ванделаи ДизајнИ пост о бојама у смеч Магазин - ми објаснити како боје утичу на емоције и помоћи у стварању УКС-дизајн.
Важно је запамтити да различите културе широм света имају различите перцепције боја. Ми ћемо описати емоционалне удружења која су јединствена за западну културу.
црвен
Емоције и удружења: снага, значај, млади.
Највише стимулативна боја, тако енергично оптужен, можда чак и повећати крвни притисак. Црвена представља страст и моћ, она више него друге боје привлаче пажњу, па се често користи за важне упозорења и обавештења.
На пример, ред је веома погодно место Нема шансе АНБЧија је сврха - да се спречи наводне претње.
Користите доста црвене у врху странице - ово је одлично решење, јер скреће пажњу на важне информације у поруци. Истовремено, људи су склони да брзо напусте "опасне зоне" црвене боје и спусти. То, заузврат, омогућава кориснику да покаже више садржаја.
Али ова боја може да ради против вас, јер то може изазвати агресију или прекомерну стимулацију. Ако желите да креирате више опуштену атмосферу, покушајте да користите ред умерено и одаберите светлије нијансе црвене.
поморанџа
Емоције и удружења: једноставности, енергије и јединственост.
Како је најтиши топлих тонова, наранџаста може изазвати читав спектар различитих емоција. Као основне боје, може бити од интереса и огрлицом и као секундарни - сачувати ове особине, али у не-наметљиве начин.
Поред тога, Наранџаста помаже створити осећај кретања и енергије. На пример, изгледа сјајно на сајту цртаног филма фантаШто указује на омладине и покрета. Боја је повезана са креативношћу, одржавајући осећај познатог бренда.
жут
Емоције и удружења: срећа, ентузијазам, арцхаисм (тамније боје).
Ово је један од најсвестранијих боја и емоција које она изазива, зависе у хладу у већој мери.
Јарко жута боја додаје енергију, али без тежине и суровости, који је присутан у црвено. Средњи нијансе жуте боје изазвати осећај удобности, али још увек снажно. Тамне нијансе (укључујући злато) пружају осећај антике, попунити простор Тимелесснесс, мудрост и радозналост.
На пример, на главној страници дизајн агенције веб фласх медија тамније жути тон одишу енергију, радозналост и ауторитет. Ова боја је савршена за компаније које зарађују своје консултације и они желе да нагласе своју професионалност.
зелен
Емоције и удружења: раст, стабилност, финансије теме које окружују тему животне средине.
Греен - мост између топлом и хладном нијансама, али нагиње више на хладноћи. То значи да зелени има опуштајући ефекат плаве боје, али има мало снагом од жуте.
Као резултат тога, она ствара веома избалансиран и стабилну атмосферу. Тамније нијансе зелене стварају утисак богатства и обиља, како на мрежи Америтраде.
плава
Емоције и удружења: безбрижност, сигурност, отвореност (светлије боје), поузданост (тамније нијансе).
Као иу случају жуте боје, ефекат је веома зависи плавом боје. Све нијансе плаве су свестрани у смислу релаксације и сигурности, али су светле боје повезане са једноставности, и мраку - са тугом.
Друштвене мреже попут Твиттера и Фацебоока користе више лаких и средњих нијансе плаве, а корпоративни сајтови воле тамније нијансе снаге и поузданости.
Одличан пример - догађај дизајн агенција Ван Влиет и трап. Користећи плаву боју као позадину, они су визуелно наговестио њиховог знања и вештина у цветном дизајну, али и створио осећај поузданости и поверења.
То је од великог значаја, јер они раде са догађајима, што је важно за визуелну део, на пример, са венчања.
љубичаста
Емоције и удружења: луксузне, романце (лигхт нијансе), мистика и мистери (тамне боје).
Љубичаста боја је историјски била повезана с краљевском раскош, наговештава луксуза. Пурпле нијансе одражавају великодушност и богатство у целини, што их чини одличан избор за модне и луксузне робе (чак и чоколаде, на пример, цадбуриКо је изабрао своју боју бренд).
Светлије боје попут лаванде (Пинк, Пурпле, са додатком) евоцира мисли о романтику, док су тамне нијансе појављују више елегантан и мистериозна.
црн
Емоције и удружења: снага, префињеност, нервоза.
Најмоћнији од неутралних боја - Блацк - појављује се на готово било који сајт. То може довести до различитих удружења у зависности од пратеће боје или доминирају их, ако се користи превише.
Снага и неутралност црне је одличан избор за велике блокове текста чини, али главна боја може створити осећај нервозе или чак бити повезан са злом.
За већину локација, црна се користи за креирање осећај елеганције. Комбинација црног и белог минималистички дизајн даје утисак елеганције и стила, и на лицу места Сан и достићи Компанија Босе.
бео
Емоције и удружења: чистоћа, једноставност, доброта.
У западној култури, бела је повезана са чистоте, доброте и невиности. Ова боја се често користи за позадину минималистичким и једноставних сајтова.
Осим тога, ниједан од боја неће дозволити да скрене толико пажње на другим бојама попут беле. На пример, у вебсајт Авввардс Клоина победник Тошев свим његовим делима су постављени на белој позадини, који само додељује илустрације, и ствара утисак елегантног галерије.
сив
Емоције и удружења: неутралности, формалност, меланхолија.
Упркос чињеници да је у неким ситуацијама сива може створити мрачну и меланхолична атмосфера, она се и даље често користе професионални дизајнери.
Оно што у нијансама: их наизменично, можете добити све емоције узроковане како у црно и бело. У принципу, сиво - је моћан алат у правим рукама.
Али, у комбинацији са више живих боја у сивој позадини дизајну изгледа модерно, али не суморна, као што су Авввардс.
беж
Емоције и удружења: да преноси карактер осталих боја.
Сама по себи, беж прилично досадан и израза, али има изузетно својство: беж поприма карактер боја које га окружују. Стога, ако се нема за циљ да изрази безбедносни беж служи као позадина или другој боји.
Тамније нијансе беж стварају осећај традиције и световном, дају осећај текстуре папира и светлијим нијансама изгледају свежије и модерније.
На пример, на лицу места ресторан Дисхоом светло беж боје око имена и тамније ивицама дају утисак да је овај ресторан - нови поглед на традиционалне кухиње.
слонова кост
Емоције и удружења: удобност, елеганција, једноставност.
Обала и крем производи готово исте емоције као бели. Међутим слоноваче топлије (или мање стерилан) осим беле, који ствара већи осећај удобности, уз одржавање минимализам.
Можете користити слонова уместо беле да ублажи контраст између њега и тамније боје. На пример, сајт Арт у кафу елементс бровн-наранџасте су постављене на слоноваче позадини (која изгледа сивкасто) која задржава осећај топлине.
спектар боја
Сваки сајт има спектар боја, у коме су примарне боје се користи за попуњавање већи простор. Као што смо већ рекли, коришћење ових боја утиче на ум и расположење углавном несвесно. Тако да их пажљиво бирати.
Упркос чињеници да постоје многи начини да се комбинују боје, ми ћемо се фокусирати на три најуспешнија и најчешће користе.
Триад (трипле хармони троугао)
Тројство - главни и највећи избалансиран систем од три боје. Користи резонанцу и додавање боја, али је комплексан контраст, јер оно што је тројство је најпоузданији опсег.
На палетом боја од 12 боја, изаберите било три, који се налази у 120 степени од друге: једне боје за главну позадину и два за садржај и траци за навигацију.
Доубле комплементарни систем
Ова линија је теже спровести, али то може бити исплативо решење. Она користи четири боје: два супротна и два додатна.
Погледајте како страница изгледа невероватно Флорида цвета, на основу таквог плана. Црвена и зелена контраст боја у биљкама и блокова текста, а плава позадина и наранџаста пустиња ефикасно употпуњују слику.
Аналози (секуентиал систем)
Гама сличне боје углавном користи комплементарне боје. Ово омогућава веома јасно наглашавају неке квалитете и изазвати одређене емоције.
На пример, комбинација црвене, наранџасте и жуте наглашава виталности и виталности. Коришћење таквог обима је врло једноставна, али тешко је изабрати која боја ће бити укључени у комбинацији. Њихов ефекат ће бити претерана, тако да не може бити погрешно.
На пример, употреба плаве, тиркизне и зелене боје у дизајну сајта Блинксале Он је створио атмосферу мира и тишине. Обавештење како је жута боја се користи да се нагласи важне бодове.
Ово је само основе теорије боја, које могу да помогну да се створи импресивно прилагођени дизајн, а не постоји ограничење колико далеко можете ићи у смислу бојама на вашем сајту.
Алати помагач да изаберете боју
Срећом, постоји неколико алата који вам доносе теорију боја у пракси. Испробајте ове палете да не морају да почну од нуле у стварању његовог:
- Адобе Боја КЗ, Раније познат као Адобе Кулер. Ово је један од најпоузданијих алата у одабиру боја.
- Палеттон. Ако вам је потребан једноставан алат за брзо избор боја, Палеттон је савршен.
- Стан интерфејс боја Избор. Савршен алат за одабир боје корисничког интерфејса.
И ако ови инструменти не одговара, ево још једног 28 места са палетама и разни алати за избор боја.
Директна веза између боја и емоција
Запамтите, корисницима ретко обавештење и цене боју позадине, траке за навигацију, поједине делове, али то не значи да се боја не утиче њих. Управо се то дешава подсвесно.
Корисник осетите било какву емоцију, је однос према сајту или бренд, чини одређене радње: спустимо да кликнете на дугмад да брзих за акцију, или, обрнуто, не приметити их. И боја игра у све ове велику улогу.
Ако имате свој савет о употреби боја у веб дизајну, молим удео у коментарима.