2.1 Психологијата на боите
Без разлика дали разбивате темпирана бомба или се обидувате да создадете веб-страница со шик изглед, ако изберете погрешни бои, сте изгубени. Па, изборот на погрешна боја за веб-страница на клиент не е фатален, но може да ја скрати вашата растечка кариера како веб-дизајнер. Изборот на бои не е лесен. Треба да ги земете предвид естетските аспекти, но исто така и идентитетот на компанијата или леснотијата на користење. И, за да бидат работите уште потешки, на екраните може да се прикажат над 16 милиони бои. Со тоа, има бесконечен број на ужасни комбинации на бои само што чекаат да се користат. За среќа, не мора да бидете слаба книга за избор на бои за да пронајдете добри комбинации на бои. Достапно е огромно знаење, од деликатни (како што јас ги нарекувам) психолошки упатства до испробани теории на бои за да ви помогне да направите добар избор на боја. боја
Шеми на бои 57 2.6.1 Монохроматска шема на бои Кога зборувавме за вредностите на боите погоре, разгледавме и осветлување и затемнување. Монохроматска шема на бои содржи единствена основна боја и кој било број на нијанси на таа боја. Еве на слика 2.14 нашиот кралски мајмун може да се види во монохроматска шема на бои заснована на виолетова боја. Сл. 2.14 Монохроматски мајмун Примери за монохроматски шеми на бои Воведната страница на Нане, Интернет апликација од Шон Инман, што може да се користи за следење на статистичките податоци за пристап до веб-страниците, е истовремено корисна и елегантна. 3 И веб-страницата и самата апликација користат униформа, главно монохроматска шема на бои со неколку нијанси на зелена боја, како што можете да видите на слика 2.15. Сл. 2.15 Интернет-страница на нане, монохроматски во зелена боја Ако вашето брендирање и идентификација започнува со боја, монохроматската шема на бои е секогаш очигледна опција. Луѓето во консултантската и дизајнерска компанија Blue Flavour ја прифатија оваа идеја. 4 Погледнете ја Слика 2.16. Наместо да барате бои што одговараат на логото 3 http://www.haveamint.com/ 4 http://www.blueflavor.com
58 одговара на бојата, тие ја вклучија сината боја во нивната трговска марка, давајќи им униформа и едноставна шема на бои. Сл. 2.16 Сина боја на сина боја со сина боја, што одговара на трговската марка „Излишен бантер“, е приватна веб-страница на дизајнерот Ден Рубин. 5 Последниот пат кога го редизајнираше дизајнот (или „рестартирај“, како што сака да зборува), Дан создаде тема за дизајн, наречена Орангина, во која многу великодушно се користи портокаловата боја. Исто како и претходните два примери на монохроматски шеми на бои, овој дизајн е навистина примамлив. Ова можете да го видите на слика 2.17. Толку сме навикнати на повеќебојни дизајни на Интернет, што дизајнот што има само една боја навистина нè плени веднаш, особено ако таа боја е светло портокалова. Сл. 2.17 Веб-страницата „Излишен бантер“ - тема за дизајн во портокалова боја 5 http://www.superfluousbanter.org/
60 Циркуски мајмуни во боја-жица-слика. Слика 2.19 Мајмун во аналогна шема на бои Примери за аналогни шеми на бои Веќе споменав дека портокаловата боја е многу добра за рекламирање храна и дека костенот или бургундската боја одат добро со него. Веб-страницата на слаткарницата на Regine 7 ги користи психолошките аспекти на овие две бои. Самата оваа веб-страница изгледа како деликатна слаткарница и зрачи со арома и топлина, како што секако можете да видите на слика 2.20. Ако боите не го стимулираат вашиот апетит веднаш, тогаш фотографиите го прават тоа. Сл. 2.20 Regine s Слаткарница ммм Интернет-страницата на Блинксале 8, која можете да ја видите на Слика 2.21, е Интернет апликација со која можете да генерирате, управувате и испраќате фактури преку Интернет, форматирани со CSS или во формат на текст. Тоа е исто така одличен пример за влијанието што може да го има креативната аналогна шема на бои на деловна веб-страница. Ги отстранува претпоставените идеи за тоа како треба да изгледаат деловните веб-страници и ги фрла сите во ладно море од бои кои се движат од капак до жолто. 7 http://www.regines.net.au 8 http://www.blinksale.com
Шеми на бои 61 Сл. 2.21 Блинксајл кул деловна веб-страница Иако боите на веб-страницата на Мајкл Анџелес „urlgreyhot 9“ се менуваат во секоја област на веб-страницата, преовладувачката шема на бои на почетната страница е иста. Оваа страница можете да ја видите на слика 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 Инкубатори на верата 11 е организација што си постави задача да креира, тестира и оптимизира образовна содржина за да ја консолидира христијанската вера. Виолетовата боја на вашето лого, што ја гледате на слика 2.25, се користи низ целата веб-страница и се неутрализира со употреба на неутрално жолто. Сл. 2.25 Почетна страница на Инкубаторите за вера Ако се викате Роб Гудлат, како може да погрешите со палетата на бои со кафе-кафеави и земјени тонови? Роб е дизајнер и студент на Универзитетот Дјук и, се чини, има длабоко разбирање за принципите на графички дизајн. Изборот на зелена боја за страничната лента и другите акценти на веб-страницата 12 прикажани на Слика 2.26 не се очигледни, но тие претвораат едноставна аналогна тема во дизајн со софистицирана комплементарна палета. Сл.2.26 кафени кафеави и зелени нијанси на веб-страницата на Роб Гудлат 11 http://www.faithink.com/ 12 http://www.robgoodlatte.com/