Kui asute teele õppida veebidisaini, esimene asi, mida peaksite meeles pidama, on see, et veebisaitide kujundamine sarnaneb väga prindikujundusega. Põhitõed on kõik ühesugused. Peate mõistma ruumi ja paigutust, fondide ja värvide käsitsemist ning selle kõik kokku panema viisil, mis edastab teie sõnumi tõhusalt.
Vaatame peamisi elemente, mis lähevad veebidisaini õppimisse. See on hea ressurss algajatele, kuid isegi kogenud disainerid võivad selle nõuga mõnda oskust lihvida.
01
07
Hea veebidisain on sama mis hea disain üldiselt. Kui saate aru, mis teeb millestki hea kujunduse, saate neid reegleid oma veebisaitidele rakendada.
Kõige olulisemad elemendid veebidisainis on hea navigeerimine, ülevaatlikud ja tõhusad lehed, toimivad lingid ning mis peamine - hea grammatika ja õigekiri. Pidage neid asju meeles, kui lisate värve ja graafikat, ja teie veebisait algab suurepäraselt.
02
07
Paljud inimesed arvavad, et veebilehe kujundus on kujundus ja see on paljuski nii. Paigutus on viis, kuidas elemendid lehele paigutatakse, see on teie alus piltide, teksti, navigeerimise jms jaoks.
Paljud disainerid otsustavad oma paigutused teha CSS-iga. Seda saab kasutada ka selliste elementide jaoks nagu fondid, värvid ja muud kohandatud stiilid. See aitab tagada kogu veebisaidil ühtsed ja hõlpsasti hallatavad funktsioonid.
Parim osa CSS-i kasutamisest on see, et kui peate midagi muutma, võite lihtsalt pöörduda CSS-i poole ja see muutub igal lehel. See on tõesti libe ja CSS-i kasutamise õppimine võib kokkuvõttes säästa teie aega ja üsna palju vaeva.
Tänapäeva veebimaailmas on see väga oluline kaaluda tundlik veebidisain (RWD) samuti. RWD peamine eesmärk on paigutuse muutmine sõltuvalt lehte vaatava seadme laiusest. Pidage meeles, et külastajad vaatavad seda igas suuruses lauaarvutites, telefonides ja tahvelarvutites, seega on see olulisem kui kunagi varem.
03
07
Fondid ja tüpograafia
Fondid on see, kuidas teie tekst veebilehel välja näeb. See on oluline element, kuna enamik veebilehtedest sisaldab suurt hulka teksti.
Kujundusele mõeldes peate mõtlema sellele, kuidas tekst mikrotasandil välja näeb (font tähistab, font perekond jne) kui ka makrotasandil (teksti plokkide positsioneerimine ning teksti suuruse ja kuju kohandamine). See pole kindlasti nii lihtne kui fondi valimine ja mõned näpunäited aitavad teil alustada.
04
07
Teie veebisaidi värviskeem
Värv on igal pool. See on see, kuidas me riietume oma maailma ja kuidas me asju näeme. Värvil on tähendus peale "punase" või "sinise" ja värv on oluline kujunduselement.
Kui järele mõelda, on igal veebisaidil värvigamma. See lisab saidi brändi identiteeti ja voolab igale lehele ning muudesse turundusmaterjalidesse. Värviskeemi kindlaksmääramine on mis tahes kujunduse oluline samm ja seda tuleks hoolikalt kaaluda.
05
07
Graafika on veebilehtede loomise lõbus osa. Nagu öeldakse "pilt on väärt 1000 sõna" ja see kehtib ka veebidisaini kohta. Internet on väga visuaalne meedium ning pilkupüüdvad fotod ja graafika võivad teie kasutajate seotust tõesti täiendada.
Erinevalt tekstist on otsingumootoritel keeruline öelda, mis kujutis on, kui te neile seda teavet ei anna. Sel põhjusel saavad disainerid seda kasutada IMG-märgendi atribuudid nagu ALT-silt lisada need olulised üksikasjad.
06
07
Ärge soodustage navigeerimist
Navigeerimine on see, kuidas külastajad saavad liikuda ühelt lehelt teisele. See pakub liikumist ja annab külastajatele võimaluse leida teie saidi muid elemente.
Peate selles veenduma teie veebisaidi struktuur (teabearhitektuur) on mõistlik. Samuti peab seda olema ülilihtne leida ja lugeda, et külastajad ei peaks lootma otsingufunktsiooni kohta.
Lõppeesmärk on, et navigeerimis- ja siselingid aitaksid külastajatel teie saiti avastada. Mida kauem saate neid hoida, seda suurem on tõenäosus, et ostate kõik, mida müüte.
07
07
Veebidisaini tarkvara
Enamik veebidisainereid eelistab töötada WYSIWYG või "Mida näete, on see, mida saate" redaktorites. Need pakuvad kujundusele visuaalset liidest ja võimaldavad teil vähem keskenduda HTML-i kodeerimise kohta.
Õige veebidisaini tarkvara valimine võib olla väljakutse. Paljud disainerid eelistavad Adobe Dreamweaver kuna seda on lihtne kasutada ja see sisaldab peaaegu kõiki funktsioone, mida teil kunagi vaja läheb. See on küll kulukas, kuid saadaval on tasuta prooviversioon.
Algajad võiksid seda uurida tasuta või veebis veebiredaktorid. Need võimaldavad teil veebidisainiga tegeleda ja luua hämmastavaid lehti ilma vähese kuluta.