Preberite osnove spletnega oblikovanja

Bistveni elementi, potrebni za ustvarjanje velikih spletnih mest

Ko se odločite za učenje spletnega oblikovanja, morate najprej zapomniti, da je oblikovanje spletnih strani zelo podobno oblikovanju tiskanja. Osnove so enake. Razumeti morate prostor in postavitev, kako ravnati s pisavami in barvami in vse skupaj združiti na način, ki učinkovito prenaša vaše sporočilo.

Oglejmo si ključne elemente, ki gredo v učni spletni načrt. To je dober vir za začetnike, lahko pa tudi izkušeni oblikovalci lahko s tem nasvetom izboljšajo svoje znanje.

01 od 07

Elementi dobrega oblikovanja

filo / Getty Images

Dober spletni model je enak kot dober dizajn na splošno. Če razumete, kaj naredi nekaj dobrega oblikovanja, boste lahko ta pravila uporabili na svojih spletnih straneh.

Najpomembnejši elementi spletnega oblikovanja so dobre navigacijske, jedrnate in učinkovite strani, delovne povezave in, kar je najpomembnejše, dobra slovnica in črkovanje. Te stvari hranite v mislih, ko dodate barvo in grafiko, vaša spletna stran pa bo odprla odličen začetek. Več o tem »

02 od 07

Kako postaviti spletno stran

Mnogi ljudje mislijo, da je postavitev spletne strani design, in v mnogih pogledih je. Postavitev je način, na katerega se elementi nahajajo na strani, vaša osnova za slike, besedilo, navigacijo itd.

Mnogi oblikovalci se odločijo, da bodo naredili svoje postavitve s CSS . Lahko se uporablja tudi za elemente, kot so pisave, barve in drugi slogi po meri. To pomaga zagotoviti dosledno in enostavno upravljanje funkcij na celotnem spletnem mestu.

Najboljši del uporabe CSS je, da ko morate nekaj zamenjati, se lahko obrnete na CSS in se spremeni na vsaki strani. Res je slick in učenje za uporabo CSS lahko na koncu prihranite čas in kar nekaj hassles.

V današnjem spletnem svetu je zelo pomembno razmisliti tudi o odzivnem spletnem oblikovanju (RWD) . Primarni poudarek RWD je spremeniti postavitev glede na širino naprave, ki gleda na stran. Upoštevajte, da bodo vaši obiskovalci gledali na namizne računalnike, telefone in tablične računalnike vseh velikosti, zato je to bolj pomembno kot kdajkoli prej. Več o tem »

03 od 07

Pisave in tipografija

Pisave so, kako vaše besedilo izgleda na spletni strani. To je ključni element, saj večina spletnih strani vključuje velike količine besedila.

Ko razmišljate o oblikovanju, morate razmišljati o tem, kako besedilo izgleda na mikro ravni (pisave glifov, družine pisav, itd.), Kot tudi na makro ravni (pozicioniranje blokov besedila in prilagajanje velikosti in oblika besedila). To zagotovo ni tako enostavno kot izbira pisave in vam bo nekaj nasvetov pomagalo, da začnete. Več o tem »

04 od 07

Barvna shema vaše spletne strani

Barva je povsod. Tako oblačimo naš svet in kako vidimo stvari. Barva ima pomen več kot "rdeča" ali "modra", barva pa je pomemben element oblikovanja.

Če razmišljate o tem, ima vsaka spletna stran barvno shemo. Dodaja identiteto blagovne znamke strani in teče na vsako stran, pa tudi na druga trženjska gradiva. Določitev vaše barvne sheme je pomemben korak v vsakem načrtu in ga je treba skrbno preučiti. Več o tem »

05 od 07

Dodajanje grafike in slik

Grafika je zabavni del graditve spletnih strani. Kot pravi rekel "slika je vredna 1.000 besed" in to velja tudi za spletno oblikovanje. Internet je zelo vizualen medij in privlačne fotografije in grafike lahko resnično pripomorejo k vašemu uporabniškemu sodelovanju.

Za razliko od besedila, iskalniki imajo težek čas, ki pove, kakšno sliko je, če jim ne daste teh informacij. Zaradi tega lahko oblikovalci uporabljajo atribute oznake IMG, kot je oznaka ALT, da vključijo te pomembne podrobnosti. Več o tem »

06 od 07

Ne diskontirajte navigacijo

Navigacija je, kako se vaši obiskovalci približejo z ene strani na drugo. Zagotavlja gibanje in daje obiskovalcem možnost iskanja drugih elementov vaše spletne strani.

Zagotoviti morate, da je struktura vaše spletne strani (informacijska arhitektura) smiselna. Prav tako mora biti zelo enostavno najti in prebrati, tako da se obiskovalcem ni treba zanesti na funkcijo iskanja .

Končni cilj je, da vaše navigacijske in inline povezave obiskovalcem pomagajo raziskati vaše spletno mesto. Več časa jih lahko obdržite, večja je verjetnost, da jih boste kupili, kar boste prodajali. Več o tem »

07 od 07

Programska oprema za spletno oblikovanje

Večina spletnih oblikovalcev raje dela v WYSIWYG ali urednikih, ki si jih ogledajo. Ti ponujajo vizualni vmesnik za oblikovanje in vam omogočajo, da se manj osredotočite na kodiranje HTML .

Izbira prave programske opreme za spletno oblikovanje je lahko izziv. Mnogi oblikovalci raje uporabljajo Adobe Dreamweaver, saj so preprosti za uporabo in vključujejo skoraj vsako funkcijo, ki jo boste kdaj potrebovali. Prišlo je zaradi stroškov, vendar je na voljo brezplačna preskusna različica.

Začetniki bodo morda želeli pogledati brezplačne ali spletne urejevalce . Ti vam omogočajo, da v spletu oblikujete in ustvarite nekaj neverjetnih strani na malenkost brez stroškov. Več o tem »