See Selgitatud õpetab kujundama veebisaiti, mis näeb välja professionaalne ja toimib hästi. Kuigi suurem osa teie veebisaidi kujundusest on lõppkokkuvõttes teie otsustada, on veebisaidi loomisel mõned olulised asjad, mida teha ja vältida.
1
Tehke kindlaks, kas soovite kasutada veebisaidi loojat. Nullist loodud veebisaidid nõuavad HTML-i kodeerimise üsna üksikasjalikku mõistmist, kuid veebisaidi saate hõlpsalt luua, kasutades tasuta hostimisteenust, nagu Weebly, Wix, WordPress või Google Sites. Veebisaitide loojaid on esmakordsetel disaineritel palju lihtsam kasutada kui HTML-i. Kui otsustate oma veebisaidi ise kodeerida, peate õppima nii HTML-i kui ka CSS-i kodeerimist. Kui veebisaidi loomiseks kulutate aega ja energiat See ei kõla ahvatlevalt, võite palgata ka veebisaidi kujundaja, kes teie jaoks saidi loob. Vabakutselised disainerid võivad maksta kuskil 30 dollarist tunnis kuni 100 dollarini tunnis.
2
Kaardistage oma sait. Enne veebisaidi looja avamist peaksite teadma, kui palju lehti soovite oma veebisaidil luua, milline peaks olema nende lehtede sisu ja milliste oluliste lehtede, nagu avaleht ja “Teave” üldine paigutus. leht.Teie veebisaidi lehti võib olla lihtsam visualiseerida, kui joonistate neist kõigist ligikaudsed pildid, mitte ei otsusta lihtsalt, milline sisu peaks ilmuma.
3
Kasutage intuitiivset disaini. Kuigi värskete ideede puhul on midagi öelda, peaks teie veebisaidi põhikujundus järgima kehtestatud juhiseid, nagu järgmised: Navigeerimisvalikud (nt erinevate lehtede vahekaardid) peaksid asuma lehe ülaosas.Kui kasutate menüüikooni (â ˜°), peaks see asuma lehe vasakus ülanurgas.Kui kasutate otsinguriba, peaks see asuma lehe paremas ülanurgas.Kasulikud lingid (nt lingid lehele “Teave” või leht “Võtke meiega ühendust”) peaks asuma iga lehe allosas.
4
Ole järjekindel. Olenemata valitud tekstifondist, värvipaletist, pilditeemast ja kujundusvalikutest veenduge, et kasutaksite kogu veebisaidil sama otsust. Võib olla uskumatult häiriv, kui näete, et lehel „Teave” kasutatakse ühte fonti või värviskeemi, kui avalehel kasutati täiesti teistsugust fonti või värviskeemi. Näiteks kui kasutate oma saidi avalehel ainult lahedaid toone, ärge tehke seda. Ärge kasutage järgmisel lehel erksaid ja valju värve. Pidage meeles, et valjude või kokkupõrgete värvide kasutamine, eriti kui värvid kuvatakse dünaamiliselt (nt liikuvalt), võib vähesel hulgal veebikasutajatel esile kutsuda epilepsia. Kui otsustate oma saidil selliseid värve kasutada, lisage enne asjakohaseid lehti kindlasti epilepsiahoiatus.
5
Lisage navigeerimisvalikud. Otselinkide paigutamine oma veebisaidi olulistele lehtedele avalehe ülaossa aitab esmakülastajaid suunata olulise sisu juurde. Enamik saidi loojaid lisab need lingid vaikimisi. Oluline on tagada, et teie veebisaidi iga leht oleks juurdepääsetav, klõpsates veebisaidil valikutel, mitte ainult lehe aadressi kaudu.
6
Kasutage värve, mis üksteist täiendavad. Nagu iga muu kujundus, tugineb veebisaidi kujundus visuaalselt meeldivatele värvikombinatsioonidele; Seetõttu on ülioluline valida teemavärvid, mis sobivad kokku. Must, valge ja hall on hea kombinatsioon, kui te ei tea, kust alustada.
7
Kaaluge minimalistliku disaini kasutamist. Minimalism soodustab lahedaid värve, lihtsat graafikat, mustvalgeid tekstilehti ja võimalikult vähest kaunistust. Kuna minimalism nõuab vähe väljamõeldud elemente, on see lihtne viis muuta oma veebisait professionaalseks ja atraktiivseks ilma palju tööd tegemata.Paljudel veebisaitide loojatel on “minimalistlik” teema, mille saate oma veebisaidi seadistamisel valida. minimalism on “brutalism”, mis kasutab karmimaid jooni, erksaid värve, paksu teksti ja minimaalset kujutist. Brutalismil on vähem tähelepanu kui minimalismil, kuid olenevalt teie veebisaidi sisust võib see paremini sobida teie kujundusvajadustega.
8
Tehke ainulaadseid valikuid. Sirged jooned ja ruudustikuga lukustatud veebielemendid on kindlad panused, kuid mõne unikaalse stiililise otsuse tegemine annab teie saidile isikupära ja aitab teie saidil silma paista. Ärge kartke muuta suundumusi, paigutades veebisaidi elemente asümmeetriliselt või kasutades kattuvaid elemente. kihilise välimuse loomiseks.Elegantsed teravad nurgad ja ruudukujulised elemendid (tuntud ka kui “kaardipõhine” esitlus) on vähem soodsad kui ümarad pehmed elemendid.
9
Kasutage mobiili optimeerimise võimalusi. Mobiilibrauserid toovad rohkem veebiliiklust kui lauaarvuti brauserid, mis tähendab, et teie veebisaidi mobiiliversioonile pööratud tähelepanu peaks olema vähemalt võrdne teie lauaarvuti veebisaidi arenguga. Enamik veebisaitide loomisteenuseid loob teie saidist automaatselt mobiiliversiooni, kuid peaksite oma mobiilisaidi puhul meeles pidama järgmist teavet: Veenduge, et nupud (nt saidi lingid) oleksid suured ja neid oleks lihtne puudutada. Vältige selliste funktsioonide rakendamist, mis ei saa vaadata mobiilis (nt Flash, Java jne). Kaaluge oma veebisaidi jaoks mobiilirakenduse loomist.
10
Vältige liiga paljude fotode kasutamist lehel. Nii lauaarvutite kui ka mobiilibrauserite puhul võib olla raskusi lehtede laadimisega, mis kuvavad suurel hulgal fotosid või videoid. Kuigi pildid on veebidisainis olulised, võib ühe lehe kohta rohkem kui mõne pildi kasutamine põhjustada tarbetult pikki laadimisaegu, mis takistab inimestel kõnealust lehte külastamast. Üldiselt soovite, et teie veebisaidi lehed laaditaks alla nelja sekundiga .
11
Lisage leht “Kontakt”. Märkate, et peaaegu kõigil väljakujunenud veebisaitidel on leht „Võtke meiega ühendust”, millel on kontaktteave (nt telefoninumber ja e-posti aadress); mõnel saidil on sellel lehel isegi sisseehitatud küsimuste vorm. Lehe „Kontakt” lisamine annab veebisaidi vaatajatele teiega otseühenduse, lisades seega lahenduse võimalikele pettumuste lahendamisele.
12
Looge kohandatud 404 leht. Kui keegi külastab teie veebisaidil kindlat lehte, mis pole seadistatud või puudub, kuvatakse veebileht “404 Error”. Enamikul brauseritel on vaikimisi 404 leht, kuid teil võib olla võimalik oma veebilehe looja seadete kaudu kohandada. kui jah, siis lisage kindlasti järgmised üksikasjad: kerge tõrketeade (nt “Palju õnne – olete leidnud meie vealehe!”) Link tagasi saidi avalehele, sagedamini vaadatud linkide loend; pilt või logo teie veebisaidi jaoks
13
Võimalusel kasutage otsinguriba. Kui teie veebisaidi loomise meetod toetab teie veebisaidile otsinguriba lisamist, on tungivalt soovitatav seda teha. See tagab, et kasutajad saavad kiiresti navigeerida konkreetsele lehele või üksusele, ilma et peaksid teie navigeerimisvalikuid klõpsama. Otsinguribad on kasulikud ka siis, kui teie vaatajaskond soovib otsida üldist terminit katse-eksituse meetodit kasutamata.
14
Investeerige oma kodulehele kõige rohkem aega. Kui keegi jõuab teie veebisaidi avalehele, peaks ta kohe teie veebisaidi teema põhiolemuse aru saama. Lisaks sellele peaksid kõik avalehe elemendid kiiresti laadima, sealhulgas navigeerimisvalikud ja pildid. Teie avalehel peaksid olema järgmised aspektid: üleskutse tegevusele (nt nupp klõpsamiseks või vorm täitmiseks); navigeerimise tööriistariba või menüü; kutsuv graafika (nt üks kindel foto, video või väike rühm fotosid koos kaasneva tekstiga) Märksõnad, mis on seotud teie veebisaidi teenuse, teema või fookusega
15
Testige oma veebisaiti mitmes brauseris mitmel platvormil. See on väga oluline, kuna erinevad brauserid võivad teie veebisaidi aspekte erinevalt käsitleda. Enne oma veebisaidi reklaamimise alustamist proovige külastada ja kasutada oma veebisaiti järgmistes brauserites Windowsi, Maci, iPhone’i ja Androidi platvormidel: Google ChromeFirefoxSafari (ainult iPhone ja Mac) Microsoft Edge ja Internet Explorer (ainult Windows) Sisseehitatud brauser mitmel erineval Android-telefonil (nt Samsung Galaxy, Google Nexus jne)
16
Jätkake oma veebisaidi värskendamist selle vananedes. Kujundustrendid, lingid, fotod, kontseptsioonid ja märksõnad muutuvad aja jooksul, nii et peate oma veebisaidil muudatusi tegema, et olla kursis. Selleks peate kontrollima oma veebisaidi toimivust koos teiste sarnaste veebisaitidega vähemalt kord kolme kuu jooksul (soovitavalt sagedamini).