Principy designu nejsou dekorace. Jsou to struktura. Když s principy designu zacházíte jako s obchodní dovedností, hádáte méně nákladně a stavíte stránky, které lidi vedou k akci.
Principy designu popisují, jak uspořádat vizuální prvky, aby výsledek působil záměrně. 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 zapadají principy designu. Pojďme na to krok za krokem.
Jaké jsou principy designu
Principy designu popisují, jak uspořádat vizuální prvky, aby výsledek působil záměrně.
V praxi se principy designu objevují v záhlaví webu, na stránkách služeb, v grafikách pro sítě i v tištěných materiálech. Když je správně pojmenujete, rychleji zadáte práci designérům a návrhy zkontrolujete s jistotou.
Související myšlenky, například principy designu, na ně přímo navazují. Mějte je na paměti, když čtete zbytek tohoto modulu.
Odpovídají na to, proč design funguje, a ne jen na to, co obsahuje.
Proč na principech designu záleží pro vaši firmu?
Zákazníci posuzují důvěryhodnost podle rozvržení dřív, než přečtou každé slovo. Přehledná vizuální struktura snižuje tření a nabídku usnadňuje pochopit.
Principy vizuálního designu platí stejně pro tisk, web i šablony pro sítě.
Mějte při kontrole návrhů po ruce krátký seznam: rovnováha, kontrast a důraz.
Pokud chcete vidět, jak to souvisí se sousedními tématy, přečtěte si dále co je vizuální design a proces designu od začátku do konce.
Praktický seznam, který můžete použít hned dnes
Mějte při kontrole návrhů po ruce krátký seznam: rovnováha, kontrast a důraz.
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 principy designu zůstaly 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. Odpovídají na to, proč design funguje, a ne jen na to, co obsahuje.
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 co je wireframe a porovnejte poznatky s příbuznou kapitolou v tomto modulu.
Odpovídají na to, proč design funguje, a ne jen na to, co obsahuje.
Časté otázky, které lidé přehlížejí
Související výrazy jako 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.
Principy vizuálního designu platí stejně pro tisk, web i šablony pro sítě.
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 co je vizuální design a proces designu od začátku do konce, 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 proces designu od začátku do konce a co je wireframe, 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 co je vizuální design.
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 proces designu od začátku do konce.
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 co je vizuální design a proces designu od začátku do konce v této knize a vybudujte si úplný vizuální systém své značky online.