Vizuální design

Grafický design slouží pro vizuální komunikaci produktu pomocí ilustrací, barev, typografie a obrázků. Působí na emoce uživatele a snaží se o to, aby pro něho byl produkt zapamatovatelný. Přitom mu pomáhá naplňovat jeho potřeby pomocí vizuálního důrazu na konverzní cesty.

V Designdevu se specializujeme na návrh webových stránek, na tvorbu eshopů i na mobilní a desktopové aplikace. Do naší kompetence ale spadá i odborná pomoc s vizuální reprezentací firmy napříč několika produkty. Vycházíme přitom z aktuálních trendů při designu prvků, barevní kompozice i typografie. Naopak se nesoustředíme na tvorbu plakátů, posterů či podobných spíše papírových návrhů.

Při vizuálním designu je důležité se držet několika zásad. Ty pak můžou pozitivně i negativně ovlivňovat celkový dojem uživatele z produktu. Mezi tyto zásady patří:

a) kontrast – kontrast dává možnost vyniknout jednotlivým prvkům. Přitom může jít o kontrast mezi velikostí prvků či jejich použitými barvami navzájem i v porovnání s pozadím.

b) prázdné místo – při tvorbě designu je důležité pracovat i s prázdnou plochou mezi prvky a nesnažit se za každou cenu vyplnit celý prostor.

c) proximita / blízkost – zde se jedná o seskupování elementů tak, aby uživatele produktem vedly. Jednotlivé prvky na sebe musí vzájemně navazovat a je nutné si dát pozor na to, aby prvky se stejné kategorie byli při sobě vizuálně blíž.

d) zarovnávání – je nutné si rozmyslet, zda budeme prvky zarovnávat doprava, doleva, na střed či zvolíme úplně jiný, netradičný styl. I zde se však musíme snažit o konzistenci napříč celým produktem.

e) opakování – pro uživatele je jednodušší, pokud se jednotlivé prvky opakují. Líp se tak orientuje a jeho pozornost zbytečně neodvádí to, že se musí prvkům učit.

f) produktová identita – při práci vždy vycházíme z identity vašeho produktu – držíme se toho, jakým způsobem se prezentujete svým zákazníkům, jaké barvy využíváte, jakým tónem a jak familiárně s uživately komunikujete.

g) typografie – při práci s typografií si dáváme pozor na to, aby byl font vhodně zvolen, jednotlivé texty čitelné z pohledu jejich velikosti, vzdálenosti mezi sebou i kontrastu s pozadím.

h) sémantika – je důležité, aby používané prvky vyjadřovali to, co pod nimi uživatelé budou očekávat. Snažíme se používat jen ikony, které jsou známé pro téměř všechny uživatele a v některých případech je pro lepší uživatelskou přívětivost propojujeme i se slovní nápovědou.

Grafický design vám dopomůže k lepší vizuální reprezentaci vašeho produktu. Použití barev, typografie a dalších grafických prvků podpoří vaše uživatele v jejich konverzní cestě. Správné použití vizuálu vám pomůže k tomu, aby si vás uživatele lépe zapamatovali a vnímali vás i v případě, že aktuálně s produktem nepracují.

Pro uživatelské testování je také ideální, pokud máte možnost pracovat s kompletním vizuálem vašeho produktu. Přesně tak uvidíte, jak na něj respondenti reagují a kde je ještě prostor k úpravám.

Na začátku si řekneme, jaké jsou vaše cíle a co chcete pomocí vizuálního designu dosáhnout. Nasleduje analýza současného produktu nebo tvorba grafiky. Zde se zaměřujeme na barvy, jejich význam a použití. Řešíme typografii a to, aby zodpovídala komunikačnímu stylu celé společnosti. Nasleduje návrh ikon, prvků a dalších elementů v kontextu s celou stránkou. Náš návrh následně validujeme s vašimi představami a očekáváními. Zrevidovaný návrh následně odevzdáváme v dopředu dohodnuté formě.