Drobný šedý text na rušivém pozadí. Oči vás pálí dřív, než dočtete první větu. Právě proto jsou principy designu pro vaši značku důležité. Když se rozvržení a barvy perou se sdělením, lidé odejdou a nikdy vám neřeknou proč.
Principy designu určují, jak spolu prvky souvisejí: přes rovnováhu, kontrast, důraz, pohyb, vzor, rytmus, jednotu a rozmanitost. Tato kapitola jednoduše vysvětluje, co to znamená, proč to ovlivňuje váš web a marketing a jak to použít, aniž byste se ztratili v odborných výrazech. Uvidíte také, jak do stejného obrazu zapadá otázka, jaké jsou principy designu. Pojďme na to krok za krokem.
Základní myšlenky o principech designu
Principy designu určují, jak spolu prvky souvisejí: přes rovnováhu, kontrast, důraz, pohyb, vzor, rytmus, jednotu a rozmanitost.
Principy designu mění náhodná rozhodnutí v rozvržení, která vedou pozornost.
Oko si můžete vycvičit tím, že budete pojmenovávat, které principy najdete na webech, které obdivujete.
Jak to použít v praxi
Vyberte si jeden princip, například kontrast nebo důraz, a použijte ho na své hlavní tlačítko s výzvou k akci.
Prozkoumejte principy vizuálního designu a jak je používat a prvky a principy designu dohromady, ať toto téma propojíte se zbytkem modulu.
Když se učíte, malá a stálá zlepšení porazí občasný celkový redesign.
Praktický seznam, který můžete použít hned dnes
Vyberte si jeden princip, například kontrast nebo důraz, a použijte ho na své hlavní tlačítko s výzvou k akci.
Při kontrole jakékoli stránky se ptejte, zda jsou principy designu vidět už při prvním posunu na mobilu. Pokud ne, přeuspořádejte sekce dřív, než začnete ladit detaily.
Ukládejte si snímky obrazovky před změnami i po nich, abyste poznali, co se u principů designu na vašem webu skutečně pohnulo.
Sdílejte tento seznam s každým, kdo váš web upravuje, aby otázka, jaké jsou principy designu, zůstala na nových stránkách jednotná.
Vyberte si tento měsíc jedno číslo ke sledování, třeba čas na stránce nebo začaté formuláře, aby se změny designu vázaly na obchodní výsledky, a ne jen na vkus.
Jak toto téma souvisí s celou vaší značkou
Vizuální rozhodnutí málokdy platí jen pro jednu stránku. Oko si můžete vycvičit tím, že budete pojmenovávat, které principy najdete na webech, které obdivujete.
Vaše příspěvky na sítích, e-maily i tištěné materiály by měly opakovat stejnou hierarchii, barvy a pravidla písma jako web.
Když se vizuál značky rozjede, zákazníci cítí nenápadný nesoulad, i když ho neumí popsat.
Použijte kapitolu jaké jsou principy designu a porovnejte poznatky s příbuznou kapitolou v tomto modulu.
Principy designu mění náhodná rozhodnutí v rozvržení, která vedou pozornost.
Časté otázky, které lidé přehlížejí
Související výrazy jako jaké jsou principy designu a principy vizuálního designu vám pomohou najít hlubší příklady a porovnat svou práci s běžnými standardy.
Oko si můžete vycvičit tím, že budete pojmenovávat, které principy najdete na webech, které obdivujete.
Zapište si jednu změnu před a po, kterou tento týden vyzkoušíte na živé stránce. Malé změřené úpravy porazí nejasné plány.
Společná slovní zásoba kolem principů designu ve vašem týmu zkracuje kola úprav s designéry a agenturami.
Nástroje, které usnadní vizuální úpravy
K vylepšení mnoha problémů s rozvržením a stylem nepotřebujete vlastní kód. Vizuální editor vám umožní upravit mezery, barvy a typografii a přitom sledovat náhled na mobilu i na počítači.
WEMASY obsahuje Tvůrce webů s vizuálními úpravami, takže změny zveřejníte, aniž byste kvůli každé drobnosti čekali na vývojáře. Otevřete Tvůrce webů, až budete chtít uplatnit, co jste se naučili.
Po zveřejnění úprav si znovu projděte principy vizuálního designu a jak je používat a prvky a principy designu dohromady, ať vám modul zůstane v hlavě pohromadě.
Nyní máte k dispozici použitelný pohled na principy designu. Využijte ho při kontrole webu, schvalování marketingových materiálů nebo zadávání práce designérovi. Pokračujte kapitolami prvky a principy designu dohromady a jaké jsou principy designu, ať v tomto modulu nepolevíte.
Často kladené otázky
Jak dlouho trvá zlepšit principy designu?
Většina malých firem uvidí přehlednější stránky během několika soustředěných sezení, jakmile uplatní základy z této kapitoly. Začněte úvodní stránkou a stejná pravidla pak rozšiřte na stránky služeb a kontaktu.
Potřebujete na principy designu designéra?
Designér pomůže u složitější změny značky, ale mnoho oprav kolem principů designu zvládnete sami, jakmile víte, na co se dívat. Spolu s touto kapitolou využijte principy vizuálního designu a jak je používat.
Pomůže WEMASY s principy designu na vašem webu?
WEMASY obsahuje v Tvůrci webů vizuální editor, takže rozvržení, barvy i typografii upravíte bez kódu. Otevřete Tvůrce webů, upravte šablony a zkontrolujte náhled na mobilu.
Jaká je nejčastější chyba u principů designu?
Lidé se snaží opravit všechno najednou místo jedné stránky po druhé. Vyberte si jednu prioritu, třeba čitelnost nebo kontrast, a pro další zlepšení se podívejte na prvky a principy designu dohromady.
Jak principy designu souvisí se SEO?
Jasná vizuální hierarchie a čitelné písmo udrží návštěvníky na stránce déle, což podporuje signály zapojení, které vyhledávače sledují. Opravy designu spojte s dobrou strukturou obsahu a výsledky budou nejlepší.
Kam se posunout po principech designu?
Pokračujte kapitolami principy vizuálního designu a jak je používat a prvky a principy designu dohromady v této knize a vybudujte si úplný vizuální systém své značky online.