See wikiHow õpetab teile, kuidas kujundada sujuv professionaalse välimusega veebisait. Kuigi saate oma saidi kujunduse üle vabalt otsustada, peate veebisaidi loomisel tegema mõned olulised asjad, mida tuleks vältida ja vältida.
Samm
Osa 1 /2: saidi kujunduse loomine
Samm 1. Otsustage, kas soovite veebisaidi loojat kasutada
Veebisaidi loomine nullist nõuab HTML -koodi üksikasjalikku mõistmist, kuid saate saidi luua tasuta hostimisteenusega, nagu Weebly, Wix, WordPress või Google Sites. Veebisaitide loojad on algajatel disaineritel palju lihtsamad kui HTML.
- Kui otsustate ise kodeerida, peaksite õppima HTML- ja CSS -kodeerimist.
- Kui te ei soovi oma veebisaidi loomisele aega ja energiat pühendada, võite palgata veebisaidi kujundaja. Vabakutselised disaineriteenused on väga erinevad, mõned maksavad tunnis ja mõned projekti kohta, kokku vahemikus miljonid kuni kümned miljonid ruupiad.
Samm 2. Looge saidiplaan
Enne veebisaidi looja avamist oleksite pidanud kindlaks määrama, kui palju lehti on saidil, milline on sisu igal lehel ja oluliste lehtede, nagu "Kodu" ja "Teave", üldise paigutuse.
Teil on lihtsam oma saidi lehti visualiseerida, luues jämedaid pilte, mitte ainult varje
Samm 3. Kasutage intuitiivset disaini
Kuigi uued ideed on tavaliselt huvitavad, peaksid põhikujundused järgima neid üldisi juhiseid:
- Navigeerimisvalikud (näiteks mitu vahekaarti erinevate lehtede jaoks) tuleks paigutada lehe ülaossa.
- Kui kasutate menüüikooni (☰), peaks see asuma lehe vasakus ülanurgas.
- Kui kasutate otsinguriba, asetage see lehe parema ülanurga lähedale.
- Kasulikud lingid (näiteks lingid lehtedele „Teave” või „Võtke meiega ühendust”) peaksid olema lehe allosas.
Samm 4. Olge järjekindel
Ükskõik, millise teksti, värvipaleti, pilditeema ja kujunduse valite, rakendage kindlasti samu otsuseid kogu saidil. Kasutajad on üllatunud, kui näevad, et lehe „Teave” font ja värviskeem on avalehe jaoks kasutatavast väga erinev.
- Näiteks kui kasutate oma kodulehe jaoks pehmet värvi, ärge kasutage järgmisel lehel erksat värvi.
- Pange tähele, et eredate või põrkuvate värvide, eriti dünaamiliselt kuvatavate (või liikuvate) värvide kasutamine võib vähemuses kasutajatest põhjustada krampe või epilepsiahooge. Kui otsustate sellist värvi kasutada, lisage enne kõnealust lehte kindlasti hoiatus "krambioht".
Samm 5. Lisage navigeerimisvalikud
Otselinkide paigutamine avalehe kohale olulistele lehtedele aitab uutel külastajatel leida neile olulist sisu. Enamik veebisaitide loojaid lisab selle lingi vaikimisi.
Oluline on tagada, et kõigile saidi lehtedele pääseks juurde, klõpsates saidil oleval valikul, mitte ainult lehe aadressi kaudu
Samm 6. Kasutage sobivaid värve
Nagu igat tüüpi disain, tugineb ka veebisaidi kujundamine meeldivatele värvikombinatsioonidele. Seetõttu on sobiva teema värvi valimine väga oluline.
Kui olete segaduses, alustage musta, valge ja halliga
Samm 7. Kaaluge minimalistlikku disaini
Minimalistlik kontseptsioon julgustab kasutama lahedaid toone, lihtsat graafikat, musta tekstiga lehti valgel taustal ja võimalikult vähe kaunistusi. Kuna minimalistlik disain nõuab väga vähe elemente, on lihtne võimalus muuta oma sait professionaalseks ja atraktiivseks ilma liigsete pingutusteta.
- Enamik veebisaitide loojaid pakub "minimalistlikku" teemat, mille saate veebisaidi loomisel valida.
- Minimalistlik alternatiiv on "brutalism", mis kasutab karmimaid sõnu, erksaid värve, julget teksti ja minimaalset graafikat. Brutaalsete kujunduste kasutajaid on palju vähem kui minimaliste, kuid kui sisu on sobiv, võib see disain olla hea valik.
Samm 8. Rakendage ainulaadseid valikuid
Võrgu- ja sirgjoonelised elemendid on turvalised valikud, kuid mõned unikaalsed stiilid lisavad isikupära ja eristavad teie saiti teistest.
- Ärge kartke trendi kallutada, asetades asümmeetrilised saidielemendid või kasutades virnastatud elemente, et luua kihiline välimus.
- Kuigi elegantsed terava servaga ruudukujulised elemendid (tuntud kui kaardipõhine esitlus) on vähem soovitavad kui pehmed, ümarad elemendid.
Osa 2: Saidi jõudluse maksimeerimine
Samm 1. Kasutage ära auto optimeerimise võimalusi
Mobiilibrauserid toovad rohkem liiklust kui lauaarvuti brauserid. See tähendab, et mobiiliversioonile pööratav tähelepanu peaks olema vähemalt sama, mis töölaua saidi arendamisel. Enamik autotootjate veebisaite on juba autoversiooni teinud, kuid pidage mobiilisaitide puhul silmas järgmist teavet.
- Veenduge, et nupud (näiteks saidilingid) on suured ja neid on lihtne puudutada.
- Vältige funktsioone, mida mobiilseadmetes ei näe (nt Flash, Java jne).
- Kaaluge oma saidile autorakenduse loomist.
Samm 2. Ärge lisage lehele liiga palju fotosid
Laua- ja mobiilibrauseritel on mõnikord probleeme paljude fotode või videotega lehtede laadimisega. Kuigi pildid on veebidisaini jaoks väga olulised, võib liigne meediakogus lehe kohta pikendada laadimisaega ja see heidutab kasutajaid neid lehti külastamast.
Üldiselt peaks lehe laadimine kestma vähem kui neli sekundit
Samm 3. Lisage leht "Kontakt"
Võite märgata, et enamikul saitidel on leht „Võtke meiega ühendust”, mis sisaldab kontaktteavet (nt telefoninumbrit ja e -posti aadressi). Tegelikult pakuvad mõned saidid sellel lehel automaatset päringuvormi. Leht "Kontakt" on otsene suhtluskanal saidi külastajate ja teie vahel, mis tähendab, et see on ka lahendus külastaja küsimusele või pettumusele.
Samm 4. Looge kohandatud 404 leht
Kui külastaja jõuab konkreetsele lehele, mida pole loodud või pole olemas, kuvatakse leht "404 viga". Enamik brausereid pakub sisseehitatud 404 lehte, kuid saate selle välimust kohandada veebisaidi looja seadetes. Kui soovite luua kohandatud 404 lehe, sisestage järgmised andmed:
- Naljakad ja lõbusad veateated (nt "Palju õnne, sattusite vealehele!")
- Link tagasi avalehele
- Lingide loend, mida külastajad tavaliselt näevad
- Teie saidi pilt või logo
Samm 5. Võimaluse korral sisestage otsinguriba
Kui teie kasutatav veebisaidi looja meetod toetab otsinguriba lisamist, soovitame selle lisada. See tagab, et kasutajad leiavad otsitava konkreetse lehe või sisu ilma kõigi navigeerimisvalikute klõpsamata.
Otsinguriba on väga kasulik ka siis, kui külastajad soovivad otsida tavalisi termineid ilma juhuslikel lehtedel tupsutamata
Samm 6. Pöörake rohkem tähelepanu avalehele
Kui külastajad lähevad avalehele, oleksid nad pidanud teie saidi teema sisust aru saama. Lisaks peaksid kõik avalehe elemendid kiiresti laadima, sealhulgas navigeerimisvalikud ja pildid. Avaleht peaks sisaldama ka järgmisi aspekte:
- Kutse tegevusele (näiteks klõpsamisnupp või täidetav vorm)
- Tööriistariba või navigeerimismenüü
- Kutsuv graafika (nt kindel foto, video või mitu fotot koos täiendava tekstiga)
- Teenuse, teema või saidi fookusega seotud märksõnad
Samm 7. Testige oma saiti erinevates brauserites ja platvormidel
See on väga oluline, kuna brauserid töötlevad veebisaidi aspekte erineval viisil. Enne saidi reklaamimist proovige oma saiti avada ja kasutada järgmistes Windowsi, Maci, iPhone'i ja Androidi platvormide brauserites:
- Google Chrome
- Firefox
- Safari (ainult iPhone ja Mac)
- Microsoft Edge ja Internet Explorer (ainult Windows)
- Mõne Android -telefoni (Samsung Galaxy, Google Nexus jne) vaikebrauser
Samm 8. Hoidke saiti uuendatud
Disainitrendid, lingid, fotod, kontseptsioonid ja märksõnad muutuvad alati. Niisiis, ka teie peate alati muutusi tegema, et ajaga kaasas käia. Peaksite kontrollima oma saidi toimivust ja võrdlema seda sarnaste saitidega vähemalt kord kolme kuu jooksul (soovitavalt sagedamini).
Näpunäiteid
- Juurdepääsetavus on sama oluline aspekt ka veebisaitide arendamisel. Juurdepääsetavus hõlmab kirjeldusi kuulmispuudega külastajatele, helikirjeldusi nägemispuudega külastajatele ja valgustundlikkuse märguandeid, kui teie sait kasutab potentsiaalselt krampe põhjustavaid efekte.
- Enamik veebisaitide loojaid pakub malle, mille abil saate enne soovitud elementide lisamist paigutuse ja kujunduse kindlaks määrata.
Hoiatus
- Enamik sisuloojate saite on tasuta, kuid kui soovite kasutada oma domeeni (nt „www.yourname.com” asemel „www.yourname.wordpress.com”), peate maksma igakuise või aastase tasu.
- Vältige plagieerimist ja õppige kõiki autoriõiguse seadusi. Ärge lisage ilma loata juhuslikke pilte Internetist ega konstruktsioonielemente.
