Všichni víme intuitivně to, co dělá web vypadá špatně: nadužívané efektové efekty, kliparty, přeplněné rozvržení. Tyto obtěžování lze snadno napravit tím, že se vyvíjíte s ohledem na základní principy designu - stejné zásady používané profesionálními designéry a umělci.

Skvělé webové stránky spojují formu a funkci. Ve skutečnosti jsou dobře navržené webové stránky považovány za důvěryhodné, podle a Stanfordova studie a jsou skutečně snadnější k použití (jak to zkoumá badatel Don Norman ). Takže zde je pět základů, které vám pomohou udržet kvalitní design v popředí vaší praxe.

1) Dodržujte pravidla ... většinou

V designové škole vám dám seznam zásad, které se budou řídit přiřazením pravidel krásy jako layout, pořadí a symetrie. Ale jak postupujete, je vám řečeno, abyste trochu porušili pravidla, abyste vytvořili místa, která by divákům umožnila vypadat, a to tak, že budou využívat prvky jako odrůda, napětí nebo kontrast.

Tady je jedna příklad stránky Udělal jsem v Edge Reflow CC. Můžete si všimnout různých konstrukčních prvků, které se používají, a pak se hraje?

2) Použijte obrázky a ikony pro komunikaci, pokud je to možné

Existují některé univerzální ikony, na které jsou lidé naučeni reagovat. Lupa (vyhledávací), dům (domovská stránka) a disketa (uložení) jsou už včleněny do vašich uživatelů. Využijte to vizuální zkratky ; všechny tyto dopravní značky by měly být okamžitě rozpoznatelné pro vás.

3) Barva jako konstrukční prvek, ne jako dekorace

Barva dělá vše, zejména proto, že naše obrazovky jsou lepší na našich telefonech a tabletách. Je to aspekt designu, který může být opravdu klíčová část příběhu, který vaše webové stránky chtějí říct. Stačí použít barvu k podpoře obsahu, ne ozdobit stránku. A často, pokud používáte fotografii, barvy v návrhu by měly být vzorkovány z použitých fotografií, takže váš návrh má pěkný jednotný pocit.

Já se mi líbí tahat barevné příklady s barevnými vzorkami - a Adobe Kuler Webová aplikace je skvělý způsob, jak hrát s různými motivy a pak je importovat do svých návrhových nástrojů. Jedním z nejlepších pravidel, jímž je třeba jít, je použití bezplatných barev. Které v podstatě používají teplé barvy a chladné barvy dohromady pro zajištění rovnováhy.

4) Vyberte písma, která podporují obsah

Tam jsou doslova tisíce fontů na výběr.

Záleží jen na vás, abyste se míchali a zápasili - ale pamatujte si, že je nejlepší postup používat pouze tři písma najednou - hezké nadpisové písmo, jedno pro hlavní text, pak jeden pro jakékoliv vyzvánění, které byste mohli potřeba. Často se jedná o použití sans serif pro kopie těla a pro titulky můžete být zajímavější buď serifem, nebo bezpatkovým.

5) Pomoc od ostatních

V pořádku, máte základní prvky návrhu s krásnými ikonami a obrázky, se zvukovou barevnou schématem a zábavnými písmy. Co bude dál?

Získejte pomoc od ostatních, samozřejmě! A nejen náhodní lidé na ulici, ale konstruktivní kritika od lidí, kteří skutečně znávají své věci, stejně jako ostatní návrháři / vývojáři. To může být instrumentální pro přechod od webových stránek OK k těm, které skutečně vystupují. Pokud jste nikdy nepoužili Behance, abyste napsali práci v akci, doporučuji to zkusit. Aktivní komunita udělá víc než jen říct, že "zvýšíte logo", ale poradím, které může znamenat rozdíl mezi dobrým a skvělým webem.

Chcete-li se ponořit hlouběji do aplikace designových prvků při vývoji webu, podívejte se na prezentaci od společnosti SXSW: