TIP #7

Jak na Barvy

Cit pro barvy máme každý různý. Na webu je výběr barev a jejich kombinací základní dovedností. Dnes vás seznámím s jedním velmi fajn nástrojem, který vám pomůže s tím, jak barvy kombinovat a ladit. 

Souhra barev je pro výsledný dojem z vašeho webu zásadní. Je dobré si uvědomit jednak jaké barvy s vámi jako osobností ladí a zkombinovat to s tím, jaké barvy ladí s tématem vašeho projektu a práce. A také s vaší cílovou skupinou.

Pro lepší pochopení vám uvedu příklad. 

1. Budu se věnovat tématu vztahů a mojí cílovou skupinou budou převážně ženy. Jako člověk (majitel webu) mám ráda přírodní a ne moc výrazné  barvy. Téma vztahů ale vyžaduje trochu živější barvy. Budu tedy hledat průnik. A zvolím např. kombinaci béžové, meruňkové a pro call to action výrazné růžové. A tu mohu použít i na některé malé prvky na webu pro oživení. Výsledek pak může vypadat nějak takto: ↓↓↓

2. A zůstaneme u úplně stejného tématu, tedy zaměření na vztahy a osobní růst, rozdíl bude v tom, že mojí cílovou skupinou budou muži. Já jako majitel webu jsem také muž, ale přitom mám jako člověk také rád přírodní barvy. V tomto případě bude vhodné jít do sytějších variant, vynechat růžovou v jakémkoliv odstínu a namísto toho zvolit třeba kávovou s modrou a call to action červené. 

S odstíny barev si můžete samozřejmě hrát. :) 

A teď už ten prima nástroj a jeden bonus navíc

Vyzkoušejte pro kombinování barev nástroj Coolers. Přejděte rovnou do on-line aplikace, je to zdarma. 

Na stránce uvidíte 5 barevných obdélníků. Na některý v horní části klikněte a pak hned klikněte na ikonku zámku a odemkněte si ten daný obdelníček, musí tam být nápis Lock. 

A poté už jen klikejte mezerníkem a sledujte hru barev a barevných schémat. Pokud se vám některá barva líbí, zamkněte si ji klikem na zámeček, teď naopak musíte vidět nápis Unlock. A zároveň si tu barvu (ten obdélník) přes ikonku šipek přeneste doprostřed. je to z toho důvodu, že nyní vám bude aplikace ladit barvy k této barvě a to z obou stran. 

Můžete si zamknout více barev. Pokud chcete barvu vyzkoušet na webu, jednoduše si zkopírujete její kód klikem na ten kód. :) Když jste si barvu zamkli a přesunuli doprostřed, pokračujete hledáním dalších barev zase klikáním mezerníkem. Pokud by vám bezprostředně po zamčení a přetažení barvy doprostřed mezerník nereagoval, zopakujte první krok: klikněte na nějaký obdélníček, on se vám tím klikem zamkne, tak ho odemkněte (musíte vidět nápis Lock) a zase mezerníkujte. Opakujte jak dlouho chcete. :) 

A malý bonus pro vás

Na této stránce najdete (je to sice v angličtině, ale případně přeložit si nějaká slovíčka nebude věřím problém, překladač je třeba tady - přepište tam slovíčko z obrázku) psychologické působení barev. Může vám to být pomocí.

Pro kurz Magická fotolaborka, se kterým jste se seznámili v předešlém tipu, jsem dělala své osobní kolo barev a jak na webech působí, jaké emoce s nimi vyvoláte a jaké hodnoty předáte. Což je ve webové prezentaci velmi důležité. Navíc tam máte i ukázky konkrétních webů.