Tämä wikiHow opettaa sinulle, kuinka suunnitella sujuva ja ammattimainen verkkosivusto. Vaikka voit vapaasti päättää sivustosi suunnittelusta, on olemassa joitain tärkeitä asioita, joita sinun on vältettävä verkkosivuston luomisessa.
Vaihe
Osa 1/2: Sivuston suunnittelun luominen
Vaihe 1. Päätä, haluatko käyttää verkkosivuston luojaa
Verkkosivuston luominen tyhjästä edellyttää HTML -koodin yksityiskohtaista ymmärtämistä, mutta voit luoda sivuston käyttämällä ilmaista isännöintipalvelua, kuten Weebly, Wix, WordPress tai Google Sites. Verkkosivujen luonti on yleensä paljon helpompaa aloittelijoille kuin HTML.
- Jos päätät koodata itse, sinun on opittava HTML- ja CSS -koodaus.
- Jos et halua käyttää aikaa ja energiaa oman verkkosivustosi luomiseen, voit palkata verkkosivuston suunnittelijan. Freelance -suunnittelijapalvelut vaihtelevat suuresti, jotkut maksavat tunnissa ja toiset projektia kohti, ja niiden kokonaismäärä vaihtelee miljoonista kymmeniin miljooniin rupioihin.
Vaihe 2. Luo sivustokartta
Ennen kuin avaat verkkosivuston luojan, sinun olisi pitänyt määrittää, kuinka monta sivua sivustolla on, mikä sisältö kullakin sivulla on, ja tärkeiden sivujen, kuten "Etusivu" ja "Tietoja", yleinen asettelu.
Sinun on helpompi visualisoida sivustosi sivut luomalla karkeita kuvia, ei vain varjoja
Vaihe 3. Käytä intuitiivista suunnittelua
Vaikka uudet ideat ovat yleensä mielenkiintoisia, perussuunnitelmien tulee noudattaa näitä yleisiä ohjeita:
- Siirtymisvaihtoehdot (esimerkiksi useita välilehtiä eri sivuille) tulee sijoittaa sivun yläreunaan.
- Jos käytät valikkokuvaketta (☰), sen pitäisi olla sivun vasemmassa yläkulmassa.
- Jos käytät hakupalkkia, aseta se lähelle sivun oikeaa yläreunaa.
- Hyödyllisiä linkkejä (esimerkiksi linkkejä "Tietoja" tai "Ota yhteyttä" -sivuille) pitäisi olla sivun alareunassa.
Vaihe 4. Ole johdonmukainen
Riippumatta valitsemastasi tekstistä, väripaletista, kuvateemasta ja suunnittelusta, varmista, että käytät samoja päätöksiä koko sivustossasi. Käyttäjät yllättyvät nähdessään, että Tietoja -sivun fontti ja värimaailma eroavat suuresti etusivulla käytetystä.
- Jos esimerkiksi käytät kotisivullesi pehmeää väriä, älä käytä kirkkaita värejä seuraavalla sivulla.
- Huomaa, että kirkkaiden tai törmäävien värien, erityisesti dynaamisesti näytettyjen (tai liikkuvien) värien käyttö voi aiheuttaa kouristuksia tai epileptisiä kohtauksia pienellä osalla käyttäjiä. Jos päätät käyttää tällaista väriä, varmista, että lisäät "takavarikointiriskin" varoituksen ennen kyseistä sivua.
Vaihe 5. Lisää navigointivaihtoehtoja
Suoralinkkien sijoittaminen tärkeille sivuille etusivun yläpuolelle auttaa uusia kävijöitä heille tärkeälle sisällölle. Useimmat sivuston luojat lisäävät tämän linkin oletukseksi.
On tärkeää varmistaa, että kaikki sivuston sivut ovat käytettävissä napsauttamalla sivuston vaihtoehtoa sen sijaan, että pääsisimme vain sivun osoitteen kautta
Vaihe 6. Käytä vastaavia värejä
Kuten kaikki suunnittelutyypit, myös verkkosivujen suunnittelu perustuu miellyttäviin väriyhdistelmiin. Siksi sopivan teeman värin valitseminen on erittäin tärkeää.
Jos olet hämmentynyt, aloita mustalla, valkoisella ja harmaalla
Vaihe 7. Harkitse minimalistista suunnittelua
Minimalistinen konsepti kannustaa käyttämään viileitä sävyjä, yksinkertaisia grafiikoita, mustia tekstisivuja valkoisella pohjalla ja mahdollisimman vähän koristelua. Koska minimalistinen muotoilu vaatii hyvin vähän elementtejä, on helppo tehdä sivustostasi ammattimainen ja houkutteleva ilman liikaa vaivaa.
- Useimmat sivuston luojat tarjoavat "minimalistisen" teeman, josta voit valita verkkosivustoa luodessasi.
- Minimalistinen vaihtoehto on "brutalismi", joka käyttää kovempia sanoja, kirkkaita värejä, lihavoitua tekstiä ja minimaalista grafiikkaa. Brutaalisten mallien käyttäjiä on paljon vähemmän kuin minimalisteja, mutta jos sisältö on asianmukaista, tämä muotoilu voi olla hyvä valinta.
Vaihe 8. Käytä ainutlaatuisia vaihtoehtoja
Ruudukko ja suoraviivaiset elementit ovat turvallisia valintoja, mutta jotkut ainutlaatuiset tyylit lisäävät persoonallisuutta ja erottavat sivustosi muista.
- Älä pelkää hillitä trendiä sijoittamalla epäsymmetrisiä sivuston elementtejä tai käyttämällä pinottuja elementtejä luodaksesi kerroksellisen ilmeen.
- Vaikka tyylikkäät, teräväreunaiset neliöelementit (tunnetaan nimellä korttipohjainen esitys) ovat vähemmän toivottavia kuin pehmeät, pyöristetyt elementit.
Osa 2/2: Maksimoi sivuston suorituskyky
Vaihe 1. Hyödynnä auton optimointivaihtoehdot
Mobiiliselaimet tuovat enemmän liikennettä kuin työpöytäselaimet. Tämä tarkoittaa, että mobiiliversioon kiinnitettävän huomion tulisi olla vähintään sama kuin työpöytäsivuston kehittäminen. Useimmat automaattisten sisällöntuottajien verkkosivustot ovat jo tehneet auton version, mutta muista seuraavat tiedot mobiilisivustoille:
- Varmista, että painikkeet (esimerkiksi sivustolinkit) ovat suuria ja niitä on helppo napauttaa.
- Vältä ominaisuuksia, joita ei voi nähdä mobiililaitteissa (esim. Flash, Java jne.).
- Harkitse autosovelluksen luomista sivustoosi.
Vaihe 2. Älä sisällytä liikaa valokuvia sivulle
Pöytäkoneiden ja mobiililaitteiden selaimilla on joskus vaikeuksia ladata sivuja, joissa on paljon valokuvia tai videoita. Vaikka kuvat ovat erittäin tärkeitä web -suunnittelussa, liiallinen määrä mediaa sivua kohti voi pidentää latausaikoja ja estää käyttäjiä käymästä näillä sivuilla.
Yleensä sivun lataaminen kestää alle neljä sekuntia
Vaihe 3. Lisää "Yhteystiedot" -sivu
Saatat huomata, että useimmat sivustot tarjoavat "Ota yhteyttä" -sivun, joka sisältää yhteystietoja (kuten puhelinnumeron ja sähköpostiosoitteen). Jotkut sivustot tarjoavat itse asiassa automaattisen kyselylomakkeen tällä sivulla. "Yhteystiedot" -sivu on suora viestintäkanava sivuston kävijöiden ja sinun välillä, mikä tarkoittaa, että se on myös ratkaisu kävijän kysymykseen tai turhautumiseen.
Vaihe 4. Luo oma 404 -sivu
Kun kävijä saapuu tietylle sivulle, jota ei ole luotu tai jota ei ole olemassa, "404 -virhe" -sivu tulee näkyviin. Useimmat selaimet tarjoavat sisäänrakennetun 404-sivun, mutta voit muokata ulkoasua verkkosivuston luoja-asetuksista. Jos haluat luoda mukautetun 404 -sivun, kirjoita seuraavat tiedot:
- Hauskoja ja hauskoja virheilmoituksia (esim. "Onnittelut, tulit virhesivulle!")
- Linkki takaisin etusivulle
- Luettelo vierailijoiden tavallisesti näkemistä linkeistä
- Sivustosi kuva tai logo
Vaihe 5. Anna hakupalkki, jos mahdollista
Jos käyttämäsi verkkosivuston luojamenetelmä tukee hakupalkin lisäämistä, suosittelemme sen lisäämistä. Näin käyttäjät voivat löytää etsimänsä sivun tai sisällön ilman, että heidän tarvitsee napsauttaa kaikkia navigointivaihtoehtoja.
Hakupalkki on myös erittäin hyödyllinen, kun kävijät haluavat etsiä yleisiä termejä ilman satunnaisia sivuja
Vaihe 6. Kiinnitä enemmän huomiota kotisivulle
Kun kävijät siirtyvät etusivulle, heidän olisi pitänyt ymmärtää sivustosi teema. Lisäksi kaikkien kotisivun elementtien, mukaan lukien navigointivaihtoehdot ja kuvat, pitäisi latautua nopeasti. Kotisivun tulisi sisältää myös seuraavat näkökohdat:
- Toimintakehotus (esimerkiksi napsautuspainike tai täytettävä lomake)
- Työkalurivi tai navigointivalikko
- Kutsuva grafiikka (kuten kiinteä valokuva, video tai useita valokuvia, joissa on täydentävää tekstiä)
- Palveluun, aiheeseen tai sivustosi painopisteeseen liittyvät avainsanat
Vaihe 7. Testaa sivustosi eri selaimilla ja alustoilla
Tämä on erittäin tärkeää, koska selaimet käsittelevät verkkosivuston osia eri tavoin. Ennen sivustosi mainostamista yritä avata ja käyttää sivustoasi seuraavissa selaimissa Windows-, Mac-, iPhone- ja Android -alustoilla:
- Google Chrome
- Firefox
- Safari (vain iPhone ja Mac)
- Microsoft Edge ja Internet Explorer (vain Windows)
- Joidenkin Android -puhelimien oletusselain (Samsung Galaxy, Google Nexus jne.)
Vaihe 8. Pidä sivusto ajan tasalla
Suunnittelutrendit, linkit, valokuvat, käsitteet ja avainsanat muuttuvat aina. Joten sinun on myös aina tehtävä muutoksia pysyäksesi ajan tasalla. Tarkista sivustosi suorituskyky ja vertaa sitä vastaaviin sivustoihin vähintään joka kolmas kuukausi (mieluiten useammin).
Vinkkejä
- Esteettömyys on myös yhtä tärkeä näkökohta verkkosivujen kehittämisessä. Esteettömyys sisältää kuvaukset kuulovammaisille kävijöille, äänikuvaukset näkövammaisille vieraille ja valoherkkyyshälytykset, jos sivustosi käyttää mahdollisesti kohtauksia aiheuttavia vaikutuksia.
- Useimmat verkkosivujen luojat tarjoavat malleja, joiden avulla voit määrittää asettelun ja suunnittelun ennen haluttujen elementtien lisäämistä.
Varoitus
- Useimmat sisällöntuottajasivustot ovat ilmaisia, mutta jos haluat käyttää omaa verkkotunnustasi (kuten www.yourname.com eikä www.yourname.wordpress.com), sinun on maksettava kuukausi- tai vuosimaksu.
- Vältä plagiointia ja opi kaikki tekijänoikeuslait. Älä lisää satunnaisia kuvia Internetistä tai rakenneosia ilman lupaa.
