2.1 Психологията на цветовете
Независимо дали обезвреждате тиктакаща бомба със закъснител или се опитвате да създадете шикозен уебсайт, ако изберете грешните цветове, вие сте изгубени. Е, изборът на грешен цвят за уебсайт на клиента не е фатален, но може да съкрати процъфтяващата ви кариера като уеб дизайнер. Изборът на цветове не е лесен. Трябва да вземете предвид естетическите аспекти, но също така фирмената идентичност или удобството за потребителя. И за да направят нещата още по-трудни, екраните могат да показват над 16 милиона цвята. С това има безкраен брой ужасяващи цветови комбинации, които само чакат да бъдат използвани. За щастие не е нужно да сте вяла книга с цветни мостри, за да намерите добри цветови комбинации. Налице е множество знания, от деликатни (както ги наричам) психологически насоки до изпитани цветови теории, които да ви помогнат да направите добър избор на цвят. цвят
Цветови схеми 57 2.6.1 Монохромна цветова схема Когато говорихме за стойностите на цветовете по-горе, ние също разгледахме изсветляването и потъмняването. Монохромната цветова схема съдържа един основен цвят и произволен брой нюанси на този цвят. Тук на фигура 2.14 нашата кралска маймуна може да се види в монохромна цветова схема, базирана на лилавия цвят. Фиг. 2.14 Монохромна маймуна Примери за монохромни цветови схеми Встъпителната страница на Mint, интернет приложение от Шон Инман, което може да се използва за проследяване на статистиката за достъп до уебсайтове, е едновременно полезна и елегантна. 3 Както уебсайтът, така и самото приложение използват еднаква, главно монохромна цветова схема с няколко нюанса на зелено, както можете да видите на фигура 2.15. Фиг. 2.15 Уебсайтът на монетен двор, монохромен в зелено Ако вашата марка и идентификация започват с цвят, монохромната цветова схема винаги е очевидна опция. Хората от консултантската и дизайнерска компания Blue Flavor възприеха тази идея. 4 Погледнете фигура 2.16. Вместо да търсите цветове, които съответстват на логото 3 http://www.haveamint.com/ 4 http://www.blueflavor.com
58 съответстват на цвета, те са включили синия цвят в своята търговска марка, като им дават еднаква и проста цветова схема. Фиг. 2.16 Синята цветова схема на Blue Flavor, съответстваща на търговската марка „Излишен бантер“, е частният уебсайт на дизайнера Дан Рубин. 5 За последен път, когато преработи дизайна (или „рестартиране“, както той обича да казва), Дан създаде тема на дизайна, която той нарече Orangina, в която оранжевият цвят се използва много щедро. Подобно на предишните два примера за монохромни цветови схеми, този дизайн наистина привлича вниманието. Можете да видите това на фигура 2.17. Толкова сме свикнали с многоцветните дизайни в интернет, че дизайн, който има само един цвят, наистина ни завладява веднага, особено ако този цвят е ярко оранжев. Фиг. 2.17 Уебсайтът на „Излишният бантер“ тема за дизайн в оранжево 5 http://www.superfluousbanter.org/
60 Цветни циркови маймуни Hoity-Toity Фиг. 2.19 Маймуна в аналогова цветова схема Примери за аналогови цветови схеми Вече споменах, че оранжевото е много добро за рекламиране на храна и че кестенът или бургундството вървят добре с него. Уебсайтът на Regine's Patisserie 7 се възползва от психологическите аспекти на тези два цвята. Самият този уебсайт изглежда като деликатна сладкарница и излъчва аромат и топлина, както със сигурност можете да видите от Фигура 2.20. Ако цветовете не стимулират апетита ви веднага, тогава снимките го правят. Фиг. 2.20 Regine s Patisserie mmm Уебсайтът на Blinksale 8, който можете да видите на Фиг. 2.21, е интернет приложение, с което можете да генерирате, управлявате и изпращате фактури онлайн, форматирани с CSS или в текстов формат. Това е и чудесен пример за въздействието, което креативната аналогова цветова схема може да окаже върху бизнес уебсайта. Той премахва предварително замислените идеи за това как трябва да изглеждат бизнес уебсайтовете и ги хвърля в хладно море от цветове, вариращи от тийл до жълто. 7 http://www.regines.net.au 8 http://www.blinksale.com
Цветови схеми 61 Фиг. 2.21 Blinksale страхотен бизнес уебсайт Въпреки че цветовете на уебсайта urlgreyhot 9 на Michael Angeles се променят във всяка област на уебсайта, преобладаващата цветова схема на началната страница е една и съща. Можете да видите тази страница на Фигура 2.22. Фиг. 2.22 Началната страница на urlgreyhot аналогов и земен цвят ЗАБЕЛЕЖКА Промяна на цветовите схеми Много уебсайтове използват различни цветови схеми за различните области на съдържанието. Този подход може да подчертае съдържанието и да му придаде характер, но може да доведе и до проблеми с идентичността. Когато използвате различни цветови схеми на един и същ уебсайт, внимавайте да запазите логото, менюто и цялостното оформление на уебсайта последователни, за да избегнете объркване. 9 http://urlgreyhot.com/
62 Цвят 2.6.3 Допълнителна цветова схема Допълнителните цветови схеми, като тези, показани на фигура 2.23, съдържат цветове, които са противоположни един на друг на цветното колело, като червено и зелено, жълто и виолетово или оранжево и синьо. Тези цветове се означават като допълващи се един към друг или като допълващи се цветове. Фиг. 2.23 Странна допълваща маймуна Примери за допълнителни цветови схеми Цветовете в Университета на Флорида 10, където учи жена ми, са чудесна отправна точка за допълнителна цветова схема. Някои хора могат да бъдат смутени от този ярък контраст на допълнителната цветова схема, както е показано на фигура 2.24. Но ако тези цветове представляват компанията или организацията, за която проектирате, винаги сте прав. Екипът, който направи редизайна на този уебсайт, свърши добра работа, съчетавайки този необичаен избор на цвят с красиво оформление и HTML-код, отговарящ на стандартите. Фиг.2.24 Началната страница на Университета на Флорида 10 http://www.ufl.edu/
Цветови схеми 63 Facu Incubators 11 е организация, която си е поставила за задача да създава, тества и оптимизира образователно съдържание, за да консолидира християнската вяра. Лилавото на вашето лого, което виждате на фигура 2.25, се използва в целия уебсайт и се компенсира с използването на неутрално жълто. Фиг. 2.25 Началната страница на Faith Incubators Ако се казвате Роб Гудлат, как можете да сгрешите с цветна палитра от кафе-кафяви и земни тонове? Роб е дизайнер и студент в университета Дюк и, изглежда, има дълбоко разбиране за принципите на графичния дизайн. Изборът на зелен цвят за страничната лента и други акценти на уебсайт 12, показани на фигура 2.26, не са очевидни, но те превръщат обикновена аналогова тема в дизайн със сложна допълваща палитра. Фиг. 2.26 Кафяви и зелени нюанси на кафе на уебсайта на Роб Гудлат 11 http://www.faithink.com/ 12 http://www.robgoodlatte.com/