Šis „wikiHow“moko, kaip sukurti sklandžią, profesionaliai atrodančią svetainę. Nors jūs galite laisvai nuspręsti dėl savo svetainės dizaino, kurdami svetainę turite padaryti keletą svarbių dalykų ir jų vengti.
Žingsnis
1 dalis iš 2: Svetainės dizaino kūrimas
1 žingsnis. Nuspręskite, ar norite naudoti svetainės kūrėją
Norint sukurti svetainę nuo nulio, reikia išsamiai suprasti HTML kodą, tačiau galite sukurti svetainę naudodami nemokamą prieglobos paslaugą, pvz., „Weebly“, „Wix“, „WordPress“ar „Google“svetaines. Pradedantiesiems dizaineriams svetainių kūrėjams yra daug lengviau nei HTML.
- Jei nuspręsite koduoti patys, turėtumėte išmokti HTML ir CSS kodavimo.
- Jei nenorite skirti laiko ir energijos savo svetainės kūrimui, galite samdyti svetainės dizainerį. Laisvai samdomų dizainerių paslaugos labai skiriasi - kai kurie mokesčiai už valandą, kiti - už projektą, kurių bendra suma svyruoja nuo milijonų iki dešimčių milijonų rupijų.
Žingsnis 2. Sukurkite svetainės schemą
Prieš atidarydami svetainės kūrėją, turėtumėte nustatyti, kiek puslapių yra svetainėje, koks yra kiekvieno puslapio turinys ir bendrą svarbių puslapių, tokių kaip „Pagrindinis“ir „Apie“, išdėstymą.
Jums bus lengviau vizualizuoti savo svetainės puslapius sukuriant šiurkščius vaizdus, o ne tik šešėlius
Žingsnis 3. Naudokite intuityvų dizainą
Nors naujos idėjos paprastai yra įdomios, pagrindiniai dizainai turėtų atitikti šias bendras gaires:
- Naršymo parinktys (pavyzdžiui, keli skirtukų lapai skirtingiems puslapiams) turėtų būti dedamos puslapio viršuje.
- Jei naudojate meniu piktogramą (☰), ji turėtų būti viršutiniame kairiajame puslapio kampe.
- Jei naudojate paieškos juostą, padėkite ją šalia viršutinės dešinės puslapio pusės.
- Naudingos nuorodos (pavyzdžiui, nuorodos į puslapius „Apie“arba „Susisiekite su mumis“) turėtų būti puslapio apačioje.
Žingsnis 4. Būkite nuoseklūs
Nesvarbu, kokį tekstą, spalvų paletę, vaizdo temą ir dizainą pasirinksite, įsitikinkite, kad visoje svetainėje taikote tuos pačius sprendimus. Vartotojai nustebs pamatę, kad šriftas ir spalvų schema puslapyje „Apie“labai skiriasi nuo pagrindiniame puslapyje naudojamo.
- Pavyzdžiui, jei pagrindiniame puslapyje naudojate švelnią spalvą, kitame puslapyje nenaudokite ryškios spalvos.
- Atminkite, kad naudojant ryškias ar besikeičiančias spalvas, ypač dinamiškai rodomas (ar judančias) spalvas, maža dalis vartotojų gali sukelti priepuolius ar epilepsijos priepuolius. Jei nuspręsite naudoti tokią spalvą, prieš aptariamą puslapį būtinai įtraukite įspėjimą apie „priepuolių riziką“.
5 veiksmas. Pridėkite navigacijos parinkčių
Įdėję tiesiogines nuorodas į svarbius puslapius virš pagrindinio puslapio, nauji lankytojai galės rasti jiems svarbų turinį. Dauguma svetainių kūrėjų prideda šią nuorodą kaip numatytąją.
Svarbu užtikrinti, kad visus svetainės puslapius būtų galima pasiekti spustelėjus svetainėje esančią parinktį, o ne tik prieiga per puslapio adresą
6. Naudokite atitinkamas spalvas
Kaip ir visų tipų dizainas, svetainių dizainas taip pat remiasi maloniais spalvų deriniais. Todėl labai svarbu pasirinkti tinkamą temos spalvą.
Jei esate supainioti, pradėkite nuo juodos, baltos ir pilkos spalvos
Žingsnis 7. Apsvarstykite minimalistinį dizainą
Minimalistinė koncepcija skatina naudoti vėsius tonus, paprastą grafiką, juodus teksto puslapius baltame fone ir kuo mažiau puošti. Kadangi minimalistiniam dizainui reikia labai nedaug elementų, tai paprasta galimybė padaryti jūsų svetainę profesionalią ir patrauklią be didelių pastangų.
- Dauguma svetainių kūrėjų pateikia „minimalistinę“temą, kurią galite pasirinkti kurdami svetainę.
- Minimali alternatyva yra „brutalizmas“, kuriame naudojami griežtesni žodžiai, ryškios spalvos, paryškintas tekstas ir minimali grafika. Brutalistinio dizaino vartotojų yra daug mažiau nei minimalistų, tačiau jei turinys yra tinkamas, šis dizainas gali būti geras pasirinkimas.
8. Taikykite unikalias parinktis
Tinklelio ir tiesios linijos elementai yra saugus pasirinkimas, tačiau kai kurie unikalūs stiliai suteiks asmeniškumo ir išskiria jūsų svetainę nuo kitų.
- Nebijokite paslėpti tendencijos, įdėdami asimetriškus svetainės elementus arba naudodami sukrautus elementus, kad sukurtumėte sluoksniuotą išvaizdą.
- Nors elegantiški aštrių briaunų kvadrato elementai (žinomi kaip kortelių pateikimas) yra mažiau pageidautini nei minkšti, suapvalinti elementai.
2 dalis iš 2: Maksimalus svetainės našumas
Žingsnis 1. Pasinaudokite automobilių optimizavimo galimybėmis
Mobiliosios naršyklės pritraukia daugiau srauto nei stalinės. Tai reiškia, kad dėmesys, kurį skiriate versijai mobiliesiems, turėtų būti bent jau toks pat kaip ir darbalaukio svetainės kūrimas. Dauguma automatinių kūrėjų svetainių jau sukūrė automobilio versiją, tačiau nepamirškite šios informacijos apie svetaines mobiliesiems:
- Įsitikinkite, kad mygtukai (pvz., Svetainių nuorodos) yra dideli ir juos lengva paliesti.
- Venkite funkcijų, kurių negalima matyti mobiliuosiuose įrenginiuose (pvz., „Flash“, „Java“ir pan.).
- Apsvarstykite galimybę sukurti automobilių programą savo svetainei.
2 žingsnis. Neįtraukite per daug nuotraukų į puslapį
Staliniams kompiuteriams ir mobiliesiems skirtoms naršyklėms kartais kyla problemų įkeliant puslapius su daugybe nuotraukų ar vaizdo įrašų. Nors vaizdai yra labai svarbūs kuriant žiniatinklį, per didelis žiniasklaidos kiekis puslapyje gali pailginti įkėlimo laiką, o tai atbaido vartotojus nuo apsilankymo tuose puslapiuose.
Paprastai puslapio įkėlimas turėtų užtrukti mažiau nei keturias sekundes
Žingsnis 3. Pridėkite puslapį „Kontaktai“
Galite pastebėti, kad daugumoje svetainių yra puslapis „Susisiekite su mumis“, kuriame yra kontaktinė informacija (pvz., Telefono numeris ir el. Pašto adresas). Tiesą sakant, kai kurios svetainės šiame puslapyje pateikia automatinę užklausos formą. Puslapis „Kontaktai“yra tiesioginė komunikacijos linija tarp svetainės lankytojų ir jūsų, o tai reiškia, kad tai taip pat yra sprendimas lankytojo klausimui ar nusivylimui.
Žingsnis 4. Sukurkite pasirinktinį 404 puslapį
Kai lankytojas atvyksta į konkretų puslapį, kuris nebuvo sukurtas arba neegzistuoja, bus rodomas puslapis „404 klaida“. Daugelyje naršyklių yra įmontuotas 404 puslapis, tačiau galite tinkinti jo išvaizdą naudodami svetainės kūrėjo nustatymus. Jei norite sukurti pasirinktinį 404 puslapį, įveskite šią informaciją:
- Juokingi ir linksmi klaidų pranešimai (pvz., „Sveikiname, patekote į klaidos puslapį!“)
- Nuoroda į pagrindinį puslapį
- Nuorodų, kurias dažniausiai mato lankytojai, sąrašas
- Jūsų svetainės vaizdas ar logotipas
Žingsnis 5. Jei įmanoma, įveskite paieškos juostą
Jei jūsų naudojamas svetainės kūrėjo metodas palaiko paieškos juostos pridėjimą, rekomenduojame ją pridėti. Tai užtikrina, kad vartotojai gali rasti konkretų puslapį ar turinį, kurio jie ieško, nespustelėję visų naršymo parinkčių.
Paieškos juosta taip pat labai naudinga, kai lankytojai nori ieškoti bendrų terminų, nesidairydami atsitiktiniuose puslapiuose
Žingsnis 6. Daugiau dėmesio skirkite pagrindiniam puslapiui
Kai lankytojai eina į pagrindinį puslapį, jie turėjo suprasti jūsų svetainės temos esmę. Be to, visi pagrindinio puslapio elementai, įskaitant naršymo parinktis ir vaizdus, turėtų būti greitai įkelti. Pagrindiniame puslapyje taip pat turėtų būti nurodyti šie aspektai:
- Raginimas veikti (pvz., Mygtukas spustelėti arba forma, kurią reikia užpildyti)
- Įrankių juosta arba naršymo meniu
- Kviečianti grafika (pvz., Vientisa nuotrauka, vaizdo įrašas ar kelios nuotraukos su papildomu tekstu)
- Raktiniai žodžiai, susiję su jūsų svetainės paslauga, tema ar tema
Žingsnis 7. Išbandykite savo svetainę įvairiose naršyklėse ir platformose
Tai labai svarbu, nes naršyklės skirtingai apdoroja svetainės aspektus. Prieš reklamuodami savo svetainę, pabandykite atidaryti ir naudoti svetainę šiose „Windows“, „Mac“, „iPhone“ir „Android“platformų naršyklėse:
- „Google Chrome“
- „Firefox“
- „Safari“(tik „iPhone“ir „Mac“)
- „Microsoft Edge“ir „Internet Explorer“(tik „Windows“)
- Numatytoji kai kurių „Android“telefonų naršyklė („Samsung Galaxy“, „Google Nexus“ir kt.)
8. Atnaujinkite svetainę
Dizaino tendencijos, nuorodos, nuotraukos, koncepcijos ir raktiniai žodžiai visada keičiasi. Taigi, jūs taip pat visada turite atlikti pakeitimus, kad neatsiliktumėte nuo laiko. Turėtumėte patikrinti savo svetainės našumą ir palyginti ją su panašiomis svetainėmis bent kartą per tris mėnesius (pageidautina dažniau).
Patarimai
- Prieinamumas taip pat yra ne mažiau svarbus aspektas kuriant svetaines. Prieinamumas apima klausos negalią turinčių lankytojų aprašymus, regos negalią turinčių lankytojų garso aprašymus ir įspėjimus apie jautrumą šviesai, jei jūsų svetainėje naudojami galimai traukulius sukeliantys efektai.
- Dauguma svetainių kūrėjų pateikia šablonus, kuriuos naudodami galite nustatyti išdėstymą ir dizainą prieš pridėdami norimus elementus.
Įspėjimas
- Dauguma kūrėjų svetainių yra nemokamos, tačiau jei norite naudoti savo domeną (pvz., „Www.yourname.com“, o ne „www.yourname.wordpress.com“), turėsite sumokėti mėnesinį arba metinį mokestį.
- Venkite plagiato ir sužinokite visus autorių teisių įstatymus. Be leidimo neįtraukite atsitiktinių vaizdų iš interneto ar struktūrinių elementų.
