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

Разбира се, една публикация не е достатъчна, за да се разбере цялата същност на теорията на цветовете, но тя съдържа основните тези и концепции на тази дисциплина.

Ето 5 стъпки, които трябва да предприемете, за да изберете правилната цветова схема за вашия уебсайт.

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

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

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

• Червено: страст, агресия, уместност.
• Оранжев: ловкост, енергия.
• Жълто: Ентусиазъм, щастие, внимание/предупреждение.
• Зелено: растеж, стабилност, природа.
• Синьо: спокойствие, откритост.
• Синьо: сигурност, доверие, професионализъм.
• Бяло: чистота, здраве.
• Лилаво: лукс, мистерия, романтика (светли нюанси).

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

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

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

Определете точния цвят (нейния нюанс и наситеност)

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

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

След това трябва да определите точната числена стойност на цвета в системите RGB, CMYK, HEX или Pantone, която да използвате в процеса на създаване на дизайн.

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

Изберете тип цветова схема

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

Можете да комбинирате цветове както желаете, но тук сме представили най-често срещаните цветови схеми.

Едноцветен

Включва използването на различни тонове на основния цвят. По-често се използва за минималистични стилове на дизайн.

Аналогов

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

Градиент

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

Контрастни

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

Контрастите помагат при манипулирането на вниманието на потребителя, като подчертават по-важните елементи (бутони) и скриват по-малко важните.

Дуплекс

Създавайте изображения, като използвате само 2 цвята. - Това не е толкова цветова схема, колкото вид дизайн на контрастна цветова схема.

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

Триада

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

Разделен (разделен) контраст

Използване на трети цвят в допълнение към двата контрастни. Точно като контрастна схема, тя ви позволява да създавате акценти върху необходимите части на дизайна, но има повече възможности за това.

Изберете вторични цветове

Дефинирането на цветова схема ще улесни избора на вторични цветове. Но всеки ще трябва да работи върху избора на своите нюанси и наситеност, както направи при избора на основния цвят.

Простият инструмент на Paletton ви помага да визуализирате различни цветови схеми. Можете да изберете основен цвят и да дефинирате цветова схема, а Paletton може да дефинира вторични цветове.

Решете къде и как ще използвате всеки цвят.

Така че имате страхотна цветова палитра за вашия проект... сега какво правите с нея? Използването на цветове в уебсайт е мястото, където изкуството и уменията на дизайнера се срещат.

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

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

Заключение

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

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

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

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

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

Уравнение на Йоханес Итен

Швейцарският художник Йоханес Итен е известен в научните среди като най-големият експерт по принципите на цвета в класическото и модерното изкуство. Дълго време изучава цветовата палитра на различни природни обекти, както и произведения на изкуството от всички времена и народи.

Цветното уравнение на Йоханес Итен изглежда така:

Референтните точки или цветовете от първия ред на този кръг от дванадесет части са червено, жълто и синьо. В кръг е вписан триъгълник от цветя от първи ред, на основата на който е изграден шестоъгълник. Всеки цвят от втори ред се получава чрез комбиниране на два цвята от първо ниво. Така получаваме:

Оранжево = жълто + червено

Зелено = синьо + жълто

Лилаво = синьо + червено

Цвят от трето ниво може да се получи чрез смесване на тонове от първи и втори ред. По този начин има ясна йерархия в цветовата палитра.

Контраст и сравнение

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

Също така си струва да обърнете внимание на седем вида контрастни сравнения. Разбира се, черно-белите цветове имат най-изразен контраст на тъмно и светло. Но синьото, червеното и жълтото също образуват силно контрастиращи двойки.

Експресивният потенциал на всяка двойка цветове за уеб дизайн се проявява по различен начин. Ще говорим повече за видовете цветови контраст в статията „Цветовите комбинации в уеб дизайна като ефективен маркетингов инструмент“.

Съвременни тенденции и подходи в уеб разработката

Научете алгоритъма за бърз растеж от нулата в изграждането на уебсайт

Заглушаване на цветовете с контраст

Според мен контрастиращите уеб цветове изглеждат най-добре в минималистичен дизайн. Например уебсайтът Studio Stylistik използва тюркоазени елементи на черен фон. Всеки тюркоазен елемент (лого, текст, изображение), изпъкващ забележимо на черен фон, значително подсилва графиките и ги прави решаващи.

Забележим текст

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

В следващия пример визуалният акцент пада върху думата „Любов“, която е добър призив за действие, комбиниран със същия цвят на бутона „Регистрирайте се сега!“.

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

В този пример незабележимият цвят на фона се слива с цвета на продукта, позволявайки на оранжевия бутон да се открои и да направи действието по-привлекателно за потребителя.

Благоприятни цветови комбинации

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

Какви са тайните в цветовите комбинации? Да вземем например фондовия пазар. В Япония, Обединеното кралство и САЩ отрицателният движещ се индикатор е червен, а положителният е син или зелен.

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

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

Цветът е емоция

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

Чудили ли сте се някога защо болничният персонал носи неутрални бели или приглушени пастелни униформи?

Този избор не може да се нарече случаен. Меките зелени, сини и лилави тонове успокояват, отпускат и успокояват пациентите. Вземете например уебсайта на медицински колеж. Вижте четирите цветови опции на този сайт. Коя ви харесва повече?

Като цяло черният цвят означава строгост и професионализъм, но в медицински контекст се свързва със смъртта. Червеното е цветът на кръвта, така че също не е много подходящо за медицински сайт, намеквайки за нараняване, а не за рехабилитация. Зеленото и синьото могат да работят добре. Но синьото, разбирате ли, е по-скоро „в темата“ тук; зеленото в крайна сметка е твърде ярко за тази тема.

Накрая

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

С това ще се сбогувам. Абонирайте се за актуализациите на нашия блог и бъдете в крак с всички новости в областта на уеб дизайна и уеб разработката. До нови срещи, приятели!

Съвременни тенденции и подходи в уеб разработката

Научете алгоритъма за бърз растеж от нулата в изграждането на уебсайт

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

Много дизайнери обаче, когато работят върху избора на цветови комбинации, често забравят, че не всички хора възприемат цветовете по един и същи начин. Има малък брой хора, които са с далтонисти, така че трябва да имате предвид потребителите с далтонисти, когато проектирате уебсайта си. В крайна сметка понякога един много красиво проектиран уебсайт може просто да не работи за тази категория потребители, тъй като те няма да могат да го навигират. И това наистина е проблем: сред мъжете процентът на цветна слепота може да достигне 8%, а сред жените - около 1%. Така че е по-добре да не рискувате да загубите 9% от аудиторията и да изберете цветовата схема на сайта, така че да се възприема нормално от всички хора, включително далтонисти.

ТЕОРИЯТА НА ЦВЕТА МОЖЕ ДА ПОДОБРИ ДОСТЪПНОСТТА НА САЙТА

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

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

• Уеб сайтовете с достъпни цветове могат да се класират по-високо в търсачките

• В някои държави лошият дизайн на уебсайта може да доведе до съдебни действия, тъй като уебсайтът не предоставя равни възможности за хора със зрителни увреждания.

• Етичният момент също е важен: хората с далтонисти не могат да използват някои сайтове в пълния им потенциал и това е голям проблем за тях. Затова винаги трябва да помните за UX

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

КАК ДА СЪЗДАДЕТЕ САЙТ С ВИСОКА ДОСТЪПНОСТ

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

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

КАКВИ ЦВЕТОВЕ ТРЯБВА ДА СЕ ИЗПОЛЗВАТ?

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

В този случай трябва да внимавате и да се опитате да не използвате някои нюанси. Повечето далтонисти изпитват трудности при разграничаването на комбинациите червено/зелено и жълто/синьо. Ето още няколко опасни цветови комбинации:

• кафяво/зелено
• зелено/синьо
• лилаво/синьо
• сиво/синьо
• зелено/сиво
• черно зелено
• жълто/светло зелено

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

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

ДОПЪЛНЯВАЩИ СЕ НЮАНСИ

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

Както знаете, някои нюанси са топли, а други студени. Това може да се използва и при избора на цветове. Като контрастирате топли цветове със студени цветове, можете да създадете привлекателен, но достъпен дизайн. Въпреки това, когато избирате цветове, не забравяйте за контраста: например можете да използвате тъмен, студен нюанс в комбинация с по-светъл, топъл цвят.

МОНОХРОМНА ПАЛИТА

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

ИНСТРУМЕНТИ ЗА ИЗБОР НА ЦВЕТНА ПАЛИТРА

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

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

Друг инструмент за онлайн проверка на сайтове за достъпност при далтонисти. Можете да тествате как една палитра от 216 цвята се възприема от хора с различни видове цветна слепота.

ЗАКЛЮЧЕНИЕ

Разбира се, достъпността на един сайт зависи не само от цветовата му схема. Да, сайтът трябва да е достъпен за хора със зрителни увреждания, но най-важното е той да бъде достъпен за възможно най-много потребители. Но винаги трябва да помните за цвета и постоянно да проверявате дали цветовата палитра не съдържа проблемни цветови комбинации.

Цветът със сигурност е важен източник на емоции. Цветовете могат да задават правилния тон и да предадат правилните емоции на посетителите, могат да вълнуват, да предизвикват различни чувства и да стимулират действие. Това е изключително силно влияние върху потребителите.

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

И така, нека започнем с магията на цвета...

Теория на цвета: основни принципи. Възможност за комбиниране на цветове

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

Помислете за цветното колело.

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

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

Основни цветове
Има три основни цвята: червен (#ff0000 в HTML или #F00 в CSS), жълт (#FFFF00 в HTML или #ff0 в CSS) и син (#0000FF в HTML или #00f в CSS). Те не могат да се получат чрез смесване на други цветове. Допълнителни цветове могат да бъдат формирани чрез комбиниране на тези три цвята.

Композитни цветове
Има и три основни: оранжево (#ff9900 в HTML или #F90 в CSS), зелено (#00FF00 в HTML или #0f0 в CSS) и лилаво (#FF00FF в HTML или #f0f в CSS). Можете да ги получите чрез смесване на червено и жълто (оранжево), жълто и синьо (зелено) и синьо и червено (лилаво).

Третични цветове
За да създадете един от третичните цветове, трябва да смесите един основен цвят и един вторичен цвят. Възможностите за третични цветове са безкрайни.

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

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

Цветовете в различните култури: символика

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

• Китай: цвят на булката, късмет, празник
• Индия: чисто
• Южна Африка: траурни цветове
• Изток: радост (в комбинация с бяло)
• Запад: вълнение, любов, страст
• САЩ: Коледа (със зелено), Свети Валентин (с бяло)
• Еврейски: жертва, грях
• Япония: живот
• Християнство: саможертва, страст, любов
• Фън Шуй: Ян, огън, късмет, уважение, защита, жизненост, пари, признание

• Европа: Спокойствие
• Иран: траур, цвят на небето и духовност
• Китай: безсмъртие
• Индуизъм: цветът на Кришна
• Юдаизъм: святост
• Християнство: Цветът на Христос
• Католицизъм: цветовете на дрехите на Мария
• Близък изток: защита
• В света: цветът на безопасността
• Фън Шуй: Ин, вода, спокойствие, любов, изцеление, релаксация, доверие, приключение
• Запад: тъга, депресия

• Европа: щастие, надежда, радост, страхливост в опасност, слабост
• Азия: имперски цвят
• Египет: траур
• Япония: смелост
• Индия: търговци
• Будизъм: мъдрост
• Фън Шуй: Ян, Земя, благоприятно, слънчеви лъчи, топлина, движение

• Европа: есен, реколта, творчество
• Ирландия: протестантска (религиозна)
• САЩ: Хелоуин (с черно), евтини стоки
• Индуизъм: Шафран (прасковен портокал) свещен цвят
• Фън Шуй: Ян, Земя, цели, повишава концентрацията

кафяво

• Колумбия: пречка за продажбите
• Австралийски аборигени: земни цветове, церемониална охра
• Фън Шуй: Ян, Земя, Индустрия

Зелено

• Япония: живот
• Ислям: надежда, добродетел
• Ирландия: символ на цялата страна
• Европа/САЩ: Пролет, Ново раждане, Ден на Свети Патрик, Коледа (с червено)
• САЩ: пари
• Индия: ислям
• Фън Шуй: Ин, дърво, лечение, здраве, успокояване

Виолетово

• Тайланд: траур (вдовици)
• Католицизъм: смърт, траур, разпятие
• Фън Шуй: Ин, цветът на физическото и психическото изцеление

Бяло

• Европа: брак, ангели, лекари, болница, свят
• Япония: траур, белият карамфил символизира смъртта
• Китай: траур, смърт,
• Индия: нещастия
• Изток: погребение
• Фън Шуй: Ян, метал, смърт, призраци, траур, баланс, увереност

черен

• Европа: траур, погребение, смърт, бунт, спокойствие
• Тайланд: нещастие, зло
• Юдаизъм: нещастие, зло
• Австралийски аборигени: цветът на хората
• Фън Шуй: Ин, вода, пари, успех в кариерата, доходи, стабилност, емоционална защита, сила

Значение на цветовете

Нека да разгледаме как всеки цвят може да предизвика чувства и да разгледаме няколко готови решения.

Основно свързано с вълнение, смелост и желание. Червеното е цветът на любовта, силата, енергията, лидерството и вълнението. Това е силен цвят и трябва да сте наясно с някои от неговите негативни емоции: опасност, безпокойство.

Търпение, мир, спокойствие, надеждност, любов, стабилност. Един от най-любимите цветове, особено сред мъжете. Това се свързва със стабилност и дълбочина, професионализъм и доверие.

Цветът, който най-често се свързва с жизненост. Енергичен, дава усещане за щастие. Освен това се свързва с любопитство, забавление, радост, интелигентност и предпазливост.

Жизнерадост и креативност. Свързва се с дружелюбност, увереност, игривост, смелост и устойчивост.

Виолетово

Традиционно се свързва с власт, благородство и богатство. Мъдрост, независимост, благородство, лукс, амбиция, достойнство, магия и мистерия.

Оптимален брой цветя. Не превръщайте уебсайта си в цирк.

Използвайте необходимия брой цветове. Минималният брой цветове може да допринесе за скуката на вашия сайт.

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

Можете да намерите допълнителни цветови схеми, когато се доближите до природата.

полезни връзки

Хората все още спорят дали съдържанието е цар. Ако питате мен, напълно съм съгласен с тях и мнението ми е базирано на собствен опит. Независимо дали е доминиращо или не, има нещо, което е еднакво важно! Какво е това, ще попитате? Знам, че всеки обича да казва: „Не съдете за книгата по корицата“. Но как иначе ще грабнете нечие внимание, ако не с оригинална корица? Очевидно, след като сте привлекли нечие внимание, останалите ви усилия могат да бъдат изразходвани за съдържание. Ще говорим за цветовете на уеб дизайна и как да ги управляваме.

Правите първо впечатление само веднъж

Винаги има едно конкретно действие, което искате посетителят на вашия сайт да предприеме. Това е действието, на което наблягате най-много. Това може да е бутон за абониране, бутон „следващ“ или бутон „купуване“.

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

В тази статия ще научите за 5-те най-популярни цвята, които ще направят вашия уебсайт интересен и заинтригуван от посетителите.

Pinterest използва много червени нюанси

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

Червеното често се свързва с любовта. Това е силен и динамичен цвят, който може да ви накара да се почувствате влюбени във всичко, което е близо до този цвят.

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

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

Използвайте червено за акцент във вашия уеб дизайн. Съчетава се добре с бели, сиви, светлосини или сребристи цветове.

Практически пример за използване на червено:

Човешкото око вижда червено, когато гледа светлина с дължина на вълната между 630 и 700 нанометра. Светлината над този диапазон се нарича инфрачервена и не се възприема от човешкото око, но може да се идентифицира като топлина. - Уикипедия

По-голямо използване на червената цветова палитра (от jimjim421):

10 асоциации с червения цвят:

• кръв
• война
• огън
• мъжественост
• страст
• съблазняване
• принуда
• енергия
• храброст

Amazon обича наситено оранжево:

Оранжевото е топъл и активен цвят, но не толкова интензивен като червеното. Оранжевото е по-скоро топъл цвят, отколкото горещ цвят.

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

Практически пример за използване на оранжев цвят:

Повишено използване на оранжевата палитра manekineko:

10 асоциации с портокал:

• оптимизъм
• определение
• огън
• внимание
• есента
• религия
• издръжливост
• състрадание
• Хелоуин
• организъм

Син цвят фейсбуксъздава усещане за сигурност:

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

Практически пример за използване на син цвят:

Обзалагам се, че не знаехте:

Проучване, проведено в Германия и публикувано през 2009 г., установи, че синьото е любимият цвят на 46 процента от анкетираните мъже и 44 процента от жените. —Уикипедия

По-голямо използване на синята цветова палитра от entitydesigns:

10 асоциации със синьото:

• правдивост
• дружелюбие
• магия
• момчета
• безвъзмездност
• полиция

Силата на зеленото включена

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

Всеки, който по някакъв начин се занимава с екология, има повече възможности да използва зелено в създаването на своите уебсайтове. Обърнете внимание на банкнотата от 100 долара. Зеленото е доминиращият цвят тук! Сайтове като Groupon също имат доста зелено в брандирането си, тъй като работят директно с пари. Зеленият цвят е много освежаващ и релаксиращ, оставяйки хората да се чувстват балансирани и вдъхновени. Представлява баланс и хармония в дизайна.

Практически пример за използване на зелен цвят:

Обзалагам се, че не знаехте:

В някои езици, включително старокитайски, тайландски, старояпонски и виетнамски, една и съща дума може да означава както синьо, така и зелено. Няма естествени източници за зелени хранителни оцветители, които да са одобрени от Американската администрация по храните и лекарствата. - Уикипедия

По-голямо използване на зелено от Skybluue2u:

10 асоциации със зелено:

• пари
• алчност
• завист
• природа
• пролет
• здраве
• младост
• трева
• надежда

Yahoo! и лилавия цвят в тяхното лого

Лилавият цвят най-често се свързва с понятия като въображение, креативност, достойнство, благородство и изобилие. Ярките нюанси на лилавото се свързват най-вече с пролетта и романтиката, докато по-тъмните нюанси се свързват с лукс и богатство. Лилавият цвят се използва в красиви и модерни дизайни на спално бельо, защото лилавото е по-успокояващо от всеки друг цвят. Смята се за женствен и романтичен цвят, а не за мъжки цвят. Когато погледнете нещата в лилаво, изглежда очевидно изкуствено, това е така, защото този цвят е много рядък в природата. Също като червеното, хората намират лилавото за твърде силно и ярко, кара ги да се чувстват принудени да направят нещо, сякаш ги тласка към определено действие. Ето защо би било ефективно да комбинирате този цвят с черни или бели цветове.

Практически пример за използване на лилав цвят:

Обзалагам се, че не знаехте:

През април 2007 г. учени предположиха, че ранните археи може да са използвали лилав пигмент, подобен на хлорофила, за да абсорбират енергия от слънцето. Ако това беше вярно, тогава огромни територии от океани и брегове щяха да бъдат лилави. Тази теория се нарича "Хипотезата за лилавата земя". - Уикипедия

Повишена употреба на лилаво

10 асоциации с лилаво

• богатство
• щедрост
• благородство
• изтънченост
• романтика
• изкуство
• екзотично
• духовност
• лукс
• женственост

1WD използва интелигентно монохромните цветове

Като цяло монохромните цветове като бяло, черно, кафяво и светло сиво трябва да се използват като фон при разработването на дизайна със съществуващи и добре поставени акцентни цветове, които са по-ярки и по-наситени. Разгледайте сайта, 1stwebdesigner - 1WD. Те също използват оранжево като ярък акцентен цвят - но само в хармонична комбинация с тъмно сиви и светлосиви тонове. И, разбира се, бял (цветът на фона на сайта). Черният цвят винаги ще представлява модерност, мистерия, елегантност и сила. Сивото е неутрален цвят, който представлява нещо спокойно и почти непознато, като сянка. Тъй като сивото понякога може да изглежда мръсно, бялото ще създаде обратния ефект. Бялото олицетворява чистота, откритост, простота и минимализъм.

Практически пример за използване на монохромен цвят:

Обзалагам се, че не знаехте:

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

По-голямо използване на монохромната палитра от Munsteri

10 асоциации с монохромни цветове

• мощност
• елегантност
• пространство
• мекота
• невинност
• песимизъм
• депресия
• скука

Кой е любимият ти цвят? И какви усещания и емоции предизвиква у вас?

Превод – Дежурна стая