Design webu a šablony
Výběr hlavní fotky a ikon
Bez kvalitní fotky krásný web prostě neuděláš. Pokud klient nemá dobrou fotky od fotografa, použij nějakou z databáze fotek. Skvělou volbou je freepik.com, kde najdeš spoustu fotek zdarma i bez nutnosti koupit si členství. Ale dávej si pozor na licence. V kurzu poznáš i další možnosti fotobank. V praxi uvidíš kontrast dobře a špatně zvolené fotky, možnosti úprav fotek i různé druhy ořezů. Zkrátka vše, co je potřeba pro špičkovou úvodní fotku.
No, a taky zjistíš, že mockup není druh kávy. Do obrázku počítače či tabletu si vložíš svoji fotku. Až si budeš vytvářet své portfolio, tohle ti tvůj web rozhodně pozvedne na vyšší level.
Volba nadpisového a textového písma
Dozvíš se, jak vybrat správný font. Na web dávej dva, maximálně tři fonty. Nezapomínej, že čeština potřebuje vždy font z kategorie Latin Extended. Na Google fontech se rovnou můžeš podívat, jak bude vypadat na konkrétním textu. Poznáš i nástroje na vložení fontu.
Zjistíš, kde je lepší využít písmo patkové, bezpatkové či display. Ať už zvolíš jakékoli písmo, nikdy ho nestínuj. Rozestup mezi písmeny používej jen v nadpisu. Proč? Nejen to se dozvíš na kurzu. Tyto tipy ti ušetří spoustu času a nervů.
Základní a doplňkové barvy
Volba písma a barvy jde ruku v ruce. Musí korespondovat s celkovou myšlenkou webu i úvodní fotkou. Pokud nemáš cit pro kombinaci barev, můžeš použít některý z nástrojů pro práci s barvami. Magdin oblíbený nástroj je online barevná paleta coolors.co. Nemusíš být designový expert, a přesto vytvoříš funkční a barevně sladěný web. A zjistíš, že nejlepší barva pro tvorbu webu je bílá. Překvapení, že?
Základní pravidla webového designu
Pravidla se musí dodržovat a u webového designu tomu není jinak. Rozděl si obrazovku pomocí mřížky. Neboj, DIVI ti v tom pomůže. Prvky v jedné sekci vždy zarovnávej stejně. Nepodceňuj ani vizuální hierarchii či blízkost prvků. A nezapomínej na vnější i vnitřní okraje prvků, vše musí mít na webu dost místa. Naopak na stínování (hlavně u písma) raději zapomeň nebo vyber jen jemný stín.
DIVI šablony
Víš, že DIVI nabízí širokou škálu šablon zdarma? To je naprostá paráda. A hlavně je super, že si v šabloně můžeš měnit fotky, rozložení nebo třeba barvy textu. Změnami si tak ze vzorové šablony uděláš vlastní originální web. Do stejné stránky můžeš přidávat i další šablony. Stačí dole na stránce kliknout na „+“, nahraješ šablonu a zaškrtneš Replace existing content!
DIVI Express vzory
Uvidíš také šablony pro práci s DIVI Express. Je to jednoduché. Buď si vezmeš celé stránky nebo jen jednotlivé sekce tak, aby odpovídaly rozvržení, které chceš na webu mít. Opiš si čísla vybraných návrhů, jdi do DIVI knihovny, importuj ze souboru a nahraj. Sekce pak už můžeš měnit a upravovat podle toho, jak si klient přeje.
Článek napsala absolventka kurzu Webařce pod rukou:
Petra Frišová, copywriterka
vlotosu.cz