Ko se odpravljate v naučite se spletnega oblikovanja, prva stvar, ki si jo morate zapomniti, je, da je oblikovanje spletnih strani zelo podobno oblikovanju tiska. Osnove so enake. Razumeti morate prostor in postavitev, kako ravnati s pisavami in barvami ter vse skupaj sestaviti tako, da učinkovito prinese vaše sporočilo.
Oglejmo si ključne elemente, ki vplivajo na učenje spletnega oblikovanja. To je dober vir za začetnike, toda tudi izkušeni oblikovalci bodo s tem nasvetom lahko izpilili nekaj veščin.
01
z dne 07
Dober spletni dizajn je enak dobremu oblikovanju na splošno. Če razumete, kaj naredi nekaj dobrega oblikovanja, boste lahko ta pravila uporabili na svojih spletnih mestih.
Najpomembnejši elementi spletnega oblikovanja so dobra navigacija, jedrnate in učinkovite strani, delujoče povezave in, kar je najpomembneje, dobra slovnica in črkovanje. Upoštevajte te stvari, ko dodajate barve in grafiko, in vaše spletno mesto se bo odlično začelo.
02
z dne 07
Mnogi ljudje mislijo, da je postavitev spletne strani zasnova in v mnogih pogledih tudi je. Postavitev je način postavitve elementov na strani, je osnova za slike, besedilo, navigacijo itd.
Mnogi oblikovalci se odločijo, da bodo svoje postavitve naredili s CSS. Uporablja se lahko tudi za elemente, kot so pisave, barve in drugi slogi po meri. To pomaga zagotoviti dosledne in enostavne funkcije na celotnem spletnem mestu.
Najboljši del uporabe CSS je, da se, ko morate nekaj spremeniti, lahko obrnete na CSS in ta se spremeni na vsaki strani. Res je mehko in učenje uporabe CSS vam lahko na koncu prihranijo čas in kar nekaj težav.
V današnjem spletnem svetu je zelo pomembno razmisliti odzivno spletno oblikovanje (RWD) prav tako. Glavni poudarek RWD je spremeniti postavitev glede na širino naprave, ki si ogleduje stran. Upoštevajte, da si ga bodo obiskovalci ogledali na namizjih, telefonih in tablicah vseh velikosti, zato je to bolj pomembno kot kdaj koli prej.
03
z dne 07
Pisave in tipografija
Pisave so način, kako vaše besedilo izgleda na spletni strani. To je ključnega pomena, ker večina spletnih strani vsebuje velike količine besedila.
Ko razmišljate o oblikovanju, morate pomisliti, kako je besedilo videti na mikroravni (glifi pisave, pisava družina itd.), pa tudi na makro ravni (pozicioniranje blokov besedila ter prilagajanje velikosti in oblike besedila). Vsekakor ni tako preprosto kot izbira pisave in nekaj nasvetov vam bo pomagalo začeti.
04
z dne 07
Barvna shema vašega spletnega mesta
Barva je povsod. To je, kako oblečemo svoj svet in kako vidimo stvari. Barva ima pomen poleg "rdeče" ali "modre", barva pa je pomemben element oblikovanja.
Če pomislite, ima vsaka spletna stran barvno shemo. Dodaja identiteto blagovne znamke spletnega mesta in se pretaka na vsako stran ter druge marketinške materiale. Določitev barvne sheme je ključni korak pri vsakem oblikovanju in jo je treba skrbno pretehtati.
05
z dne 07
Grafika je zabaven del gradnje spletnih strani. Kot pravi pregovor, "slika je vredna 1000 besed", kar velja tudi pri spletnem oblikovanju. Internet je zelo vizualni medij in privlačne fotografije in grafike lahko resnično prispevajo k vašemu angažmaju uporabnikov.
V nasprotju z besedilom iskalniki težko povedo, kaj je slika, razen če jim navedete te podatke. Iz tega razloga lahko oblikovalci uporabljajo Atributi oznake IMG kot Oznaka ALT vključiti tiste pomembne podrobnosti.
06
z dne 07
Ne popustite navigacije
Navigacija je način, kako se obiskovalci gibljejo od ene strani do druge. Omogoča gibanje in obiskovalcem omogoča, da najdejo druge elemente vašega spletnega mesta.
To moraš zagotoviti strukturo vašega spletnega mesta (informacijska arhitektura) je smiselna. Prav tako ga je treba zelo enostavno najti in prebrati, tako da se obiskovalcem ni treba zanašati na funkciji iskanja.
Končni cilj je, da vaše navigacijske in vrstne povezave pomagajo obiskovalcem raziskati vaše spletno mesto. Dlje kot jih lahko obdržite, večja je verjetnost, da bodo kupili vse, kar prodajate.
07
z dne 07
Programska oprema za spletno oblikovanje
Večina spletnih oblikovalcev raje dela v urejevalniku WYSIWYG ali »Kar vidiš, to dobiš«. Ti nudijo vizualni vmesnik za zasnovo in vam omogočajo, da se manj osredotočate o kodiranju HTML.
Izbira prave programske opreme za spletno oblikovanje je lahko izziv. Mnogi oblikovalci raje Adobe Dreamweaver ker je enostaven za uporabo in vključuje skoraj vse funkcije, ki jih boste kdaj potrebovali. Vseeno sicer plača, vendar je na voljo brezplačna preskusna različica.
Začetniki bodo morda želeli preučiti brezplačni ali spletni spletni uredniki. Ti vam omogočajo, da se ukvarjate s spletnim oblikovanjem in ustvarite nekaj neverjetnih strani z malo ali nič stroškov.