Proč některé značky působí důvěryhodně okamžitě a jiné amatérsky, i když mají dobré produkty? Část odpovědi tvoří prvky a principy designu. Ke zlepšení nepotřebujete vystudovaný design. Potřebujete jasnou definici a pár praktických kontrol.
Prvky a principy designu jsou dvě strany jednoho systému: části a to, jak spolu části působí. 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.
Základní myšlenky o prvcích a principech designu
Prvky a principy designu jsou dvě strany jednoho systému: části a to, jak spolu části působí.
Společně vám dávají slovník, kterým můžete posoudit jakýkoli vizuál, od loga po vstupní stránku.
Principy jako rovnováha a kontrast závisejí na prvcích jako linie, barva a prostor.
Jak to použít v praxi
Načrtněte jednoduchý drátěný model stránky a poznamenejte si jeden prvek a jeden princip, kterým dáte přednost.
Prozkoumejte jaké jsou principy designu a co je vizuální design, 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
Načrtněte jednoduchý drátěný model stránky a poznamenejte si jeden prvek a jeden princip, kterým dáte přednost.
Při kontrole jakékoli stránky se ptejte, zda jsou prvky a 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 prvků a 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. Společně vám dávají slovník, kterým můžete posoudit jakýkoli vizuál, od loga po vstupní stránku.
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 proces designu od začátku do konce a porovnejte poznatky s příbuznou kapitolou v tomto modulu.
Principy jako rovnováha a kontrast závisejí na prvcích jako linie, barva a prostor.
Časté otázky, které lidé přehlížejí
Související výrazy jako principy designu a prvky designu vám pomohou najít hlubší příklady a porovnat svou práci s běžnými standardy.
Společně vám dávají slovník, kterým můžete posoudit jakýkoli vizuál, od loga po vstupní stránku.
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 prvků a 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 jaké jsou principy designu a co je vizuální design, ať vám modul zůstane v hlavě pohromadě.
Nyní máte k dispozici použitelný pohled na prvky a 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 co je vizuální design a proces designu od začátku do konce, ať v tomto modulu nepolevíte.
Často kladené otázky
Jak dlouho trvá zlepšit prvky a 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 prvky a principy designu designéra?
Designér pomůže u složitější změny značky, ale mnoho oprav kolem prvků a principů designu zvládnete sami, jakmile víte, na co se dívat. Spolu s touto kapitolou využijte jaké jsou principy designu.
Pomůže WEMASY s prvky a 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 prvků a 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 co je vizuální design.
Jak prvky a 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 prvcích a principech designu?
Pokračujte kapitolami jaké jsou principy designu a co je vizuální design v této knize a vybudujte si úplný vizuální systém své značky online.