Как да намерим перфектния цвят
Как да открием цветовата палитра скрита внашата фотография? Защото цветът е този, който привлича внимание, задаванастроение, предава послание. Но кой е най-подходящия цвят? Цветовете несъществуват във вакум, виждаме ги винаги в комбинация с други цветове. Затова ивсеки дизайн, който създаваме се базира на цветовете във всеки елемент настраницата.
Ето и конкретния пример: Дизайн на първастраница на каталог за колеж. Имаме дадена снимка.
Целта е да изглежда свежо, живо, да носиусещане за сериозност и актуалност. Всичко това трябва да се постигне именнопосредством подходящо избрани цветове.
Погледни отблизо. Всяка фотография има свояестествена цветова палитра. Първо тя трябва да се открие. Ако увеличим многоснимката ще се изненадаме колко много цветове виждаме.
При нормален изглед (100%) виждаме няколкоосновни цвята - червена коса, сини очи и сако, ако обаче увеличим - виждаме стотици.Първата стъпка е да намалим техния брой. В Photoshop първо направете копие наслоя с изображението(така, че да не загубите оригинала), тогава изберетеFilter/Pixelate/Mosaic. Големият размер на клетките (Cell size) дава възможностда се видят няколко цвята. Ако искате да имате повече, намалете размера.
Изваждаме цветовете. С пипетката(eyedropper tool) вземаме проба от цветовете. Започваме от големите (тези,които са в най-голямо количество) към по-малките. Също така избираме тъмни,средни и светли тонове от всеки цвят, за да получим контраст.Запазвамецветовете в наша цветова палитра, като ги сортираме - по цвят и по тон (отсветли към тъмни тонове).
Изпробваме всеки цвят. Поставяме снимката врамка от всеки цвят. Интересното е, че всички комбинации ще изглеждат добре,защото използваните цветове присъстват и в изображението.
Можем да направим разграничение нацветовете:
Tопли цветове (warm colors) - розово,кафяво, оранжево. Те правят изображението по нежно и женствено. Те биха билиподходящи например за козметично студио или чувствено послание.
Студени цветове (cool colors) -синьо(основно). Подходящи за по-сериозни, бизнес-ориентирани, директнипослания.
Добавяне на още цветове.Избираме някой от цветовете и намираме неговата област в цветовия кръг (colorwheel). Целта на цветовия кръг е да покаже връзките между цветовете. Некаизберем синия цвят. Ще го наречем базов цвят. Вече знаем, че той е подходящ заснимката. Сега трябва да намерим цветове, които си подхождат с него. Трябва дасе има предвид, че ако в дизайна има шрифтове и други графични елементи, щеимаме нужда от тъмни и светли тонове за контраст.
*цветовият кръг е само за ориентир. Тойпредставя теоретичната подредба на цветовете. Нашият син цвят няма на 100% даотговаря на синьото от кръга като състав.
Създаване на цветови палитри. От базовияцвят вече можем да създадем поредица от координирани цветови палитри. Напримербледо синьото стои добре с тъмно виолетово и със синьо-зеленото.
Монохромна цветова палитра(monochromatic) - тъмна, средна и светла стойност на базовия цвят. Липсвадълбочина на цвета, но дава възможност за създаване на контраст, което е важноза добрия дизайн.
![]() | Сходни (съседни) цветове (analogous)- една стъпка встрани от базовия цвят са неговите сходни цветове. Например -синьо-зелено, синьо, синьо-виолетово. Имаме хармоничност на цветовете, но слабконраст. |
![]() | Допълващи се цветове(complement) - цветове, намиращи се на срещуположни страни в цветовия кръг.Например оранжево и синьо. Допълващите се цветове осигуряват контраст. Придаватусещане за енергичност, сила, убедителност, вълнение. Обикновено се използват вмалки количества като акцент. Например оранжева точка на синьо поле. |
![]() | Разделно допълващисе цветове (split complement) - комбиниране на базовия цвят с двата цвята,които стоят встрани на неговия допълнителен цвят (неговите сходни цветове).Например сходните цветове на оранжевото са разделно допълващи се на базовия ницвят - синьо. Силата на тези цветове е в слабо контрастната хармония насходните цветове плюс акцента на противоположния цвят (в случая синьо). |
![]() | Комбинация отдопълващи се и сходни цветове - нежни, топли цветове и силен контраст съсстудения базов цвят от другата страна. Получава се вълнуваща и напрегнатакомбинация. |
![]() | Комбинация от сходни и допълващи се цветове -сходните цветове на нашия базов създават студена цветова хармония, в коятоакцента е горещия допълващ цвят. Обикновено точно противоположните цветове непасват много добре помежду си, но можем да използваме техните нюанси. Например- тъмно син и светъл нюанс на оранжевия цвят. |
Избор на цвят. Вече имаме дизайн настраницата, остава да изберем цвят. Основното нещо, за което трябва да мислим епосланието. Кои цвят най-пълно отговаря на целта?
![]() | Вариант I. Делово - синият цвят е любимна всички. Интересното е, че тук синьото и оранжевото присъстват в снимката исъздават естествен контраст. Тъмносиният фон прави лицето по-светло и живо.Синият фон прелива в сакото, а акцентът е в лицето и съсредоточения поглед.Красиво и делово. Вариант II. Сериозно - тази палитра започвас тъмно червено от косатa и за акцент може да се използва нюанс оранжево.Сините очи и сакото при синия вариант се губят във фона, сега контрастират.Сериозно, топло, притеглящо. |
| Вариант III. Чувствено - светлитеакценти от косата сякаш заливат страницата; синият акцент дава контраст идълбочина. Интерес предизвикват жълтите букви, които изглеждат като изрязани вснимката. Въздействащо и завладяващо, но само смел клиент би го избрал. Вариант IV. Непринудено - цветове сходни набазовия син цвят. Зелен и синьо-виолетов цвят неприсъстващи в изображението.Имаме дълбочина, жизненост, посланието е по-достъпно и насочено. Очитеизглеждат зелени. Цветът на текста в светло оранжево дава нежен контраст. |
![]() | Вариант V. Приятно - синьо-виолетовцвят, отново неприсъстващ в изображението. Тук лицето, косата и фона сапо-сходни. Синьо-виолетовият цвят е студен цвят, обикновенно свързан снежността, женствеността, младостта, пролетта. |





















