Naučte sa základy webového dizajnu

Základné prvky vyžadované na vytvorenie skvelých webových stránok

Keď sa chystáte učiť web design, prvá vec, ktorú by ste si mali pamätať je, že navrhovanie webových stránok je veľmi podobné tlačovému dizajnu. Základy sú rovnaké. Musíte pochopiť priestor a usporiadanie, ako zaobchádzať s písma a farbami a dať všetko dohromady takým spôsobom, ktorý efektívne prináša vašu správu.

Poďme sa pozrieť na kľúčové prvky, ktoré idú do učebného dizajnu webu. Je to dobrý zdroj pre začiatočníkov, ale aj skúsení dizajnéri môžu s touto radou vylepšiť niektoré zručnosti.

01 z 07

Prvky dobrého dizajnu

filo / Getty Images

Dobrý dizajn webových stránok je rovnaký ako dobrý dizajn vo všeobecnosti. Ak pochopíte, čo robí niečo dobrý dizajn, budete môcť tieto pravidlá použiť na svojich webových stránkach.

Najdôležitejšími prvkami webového dizajnu sú dobrá navigácia, stručné a efektívne stránky, pracovné odkazy a hlavne dobrá gramatika a pravopis. Majte na pamäti tieto veci pri pridávaní farieb a grafiky a vaša webová stránka bude vypnutá na skvelý štart. Viac »

02 z 07

Ako rozložiť webovú stránku

Mnoho ľudí si myslí, že rozvrhnutie webovej stránky je dizajn, a to je v mnohých ohľadoch. Rozloženie je spôsob, akým sú prvky umiestnené na stránke, je to základ pre obrázky, text, navigáciu atď.

Mnohí dizajnéri sa rozhodnú urobiť svoje rozvrhy pomocou CSS . Môže sa použiť aj pre prvky, ako sú písma, farby a iné štýly. To pomáha zabezpečiť konzistentné a jednoduché spravovanie funkcií na celej vašej webovej stránke.

Najlepšou súčasťou používania CSS je to, že ak potrebujete niečo zmeniť, stačí sa obrátiť na CSS a zmení sa na každej stránke. To je naozaj klzké a učenie sa používať CSS môže skončiť šetrí vám čas a pomerne málo ťažkostí.

V dnešnom on-line svete je veľmi dôležité zvážiť rýchly prístup k webovým dizajnom (RWD) . Primárnym zameraním RWD je zmena rozloženia v závislosti od šírky zariadenia zobrazujúceho stránku. Majte na pamäti, že vaši návštevníci ju budú prezerať na stolných počítačoch, telefónoch a tabletoch všetkých veľkostí, takže je to dôležitejšie než kedykoľvek predtým. Viac »

03 z 07

Fonty a typografia

Písma sú spôsob, akým text vyzerá na webovej stránke. Je to dôležitý prvok, pretože väčšina webových stránok obsahuje veľké množstvo textu.

Keď premýšľate o dizajne, musíte premýšľať o tom, ako text vyzerá na mikroúrovni (glyfové písmo, rodina písma atď.), Ako aj na makroúrovni (polohovanie blokov textu a úprava veľkosti a tvar textu). Určite to nie je tak jednoduché ako výber písma a niekoľko tipov vám pomôže začať. Viac »

04 z 07

Farebná schéma vašej webovej stránky

Farba je všade. Takto obliekame náš svet a ako vidíme veci. Farba má význam nad rámec len "červenej" alebo "modrej farby" a farba je dôležitým dizajnovým prvkom.

Ak o tom premýšľate, každá webová stránka má farebnú schému. Pridáva značku identity stránky a prúdi do každej stránky, ako aj ďalších marketingových materiálov. Určenie farebnej schémy je dôležitým krokom v každom dizajne a malo by sa zvážiť starostlivo. Viac »

05 z 07

Pridávanie grafiky a obrázkov

Grafika je zábavná časť budovania webových stránok. Ako sa hovorí, "obrázok stojí za 1000 slov" a to platí aj pre dizajn webových stránok. Internet je veľmi vizuálne médium a pútavé fotografie a grafika môžu naozaj pridať k vášmu zapojeniu do užívania.

Na rozdiel od textu majú vyhľadávače ťažké informácie o tom, čo je obrázok, pokiaľ im nedáte tieto informácie. Z tohto dôvodu môžu návrhári používať atribúty značiek IMG, ako je značka ALT, aby obsahovali tie dôležité podrobnosti. Viac »

06 z 07

Navigácia bez zľavy

Navigácia je spôsob, ako sa návštevníci dostanú z jednej strany do druhej. Poskytuje pohyb a dáva návštevníkom možnosť nájsť ďalšie prvky vášho webu.

Musíte sa uistiť, že štruktúra vašej webovej stránky (informačná architektúra) má zmysel. Musí byť tiež veľmi jednoduché nájsť a prečítať, aby sa návštevníci nemuseli spoliehať na funkciu vyhľadávania .

Konečným cieľom je, aby vaše navigácia a inline odkazy pomohli návštevníkom preskúmať vaše stránky. Čím dlhšie ich môžete udržiavať, tým je pravdepodobnejšie, že ich budete môcť kúpiť, čo predávate. Viac »

07 z 07

Softvér webového dizajnu

Väčšina webových dizajnérov dáva prednosť práci v redaktoch WYSIWYG alebo "Čo vidíš, čo máš". Tieto poskytujú vizuálne rozhranie návrhu a umožňujú vám zamerať sa menej na kódovanie HTML .

Výber správneho softvéru webového dizajnu môže byť výzvou. Mnoho návrhárov uprednostňuje Adobe Dreamweaver, pretože je ľahko použiteľné a obsahuje takmer všetky funkcie, ktoré budete potrebovať. Prichádza však za cenu, ale existuje bezplatná skúšobná verzia.

Začiatočníci by sa chceli pozrieť do bezplatných alebo on-line redaktorov webu . Tie vám umožňujú rozširovať dizajn webových stránok a vytvárať úžasné stránky s minimálnymi nákladmi. Viac »