Paitsi ihmisiä heidän vaatteensa, myös verkkosivustot. Sivuston mekko on sen muotoilu. Resurssin korkealaatuinen ja houkutteleva muotoilu antaa käyttäjille suotuisan vaikutelman, mikä varmistaa heidän uskollisuutensa ja halukkuutensa käyttää aikaa tarkempaan katseluun. Laadun lisäksi suunnittelun omaperäisyys ja ainutlaatuisuus ovat tärkeitä. Hyvin kuluneet aiheet karkottavat kävijöitä. Ainutlaatuisen mallin kehittäminen on kallista. Siksi monet aloittelevat verkkovastaavat ihmettelevät, kuinka piirtää verkkosivujen suunnittelu omin käsin.
Se on välttämätöntä
- - lyijykynä;
- - paperi;
- - rasterigrafiikkaeditori GIMP tai Photoshop;
- - valinnainen: vektorigrafiikan muokkausohjelma (esimerkiksi CorelDraw);
- - valinnainen: 3D-mallinnusympäristö (3DStudio, Blender);
- - moderni selain;
- - pääsy Internetiin.
Ohjeet
Vaihe 1
Kehitä verkkosivujen suunnittelukonsepti. Päätä tyyli, värimaailma, sivun asettelu (sivuston otsikkokoko, valikon sijainti, tekstilohkot, kuvat). On hyvä, jos suunnittelukonsepti perustuu alkuperäisiin ideoihin. Mutta jos niistä puuttuu, voit saada inspiraatiota olemassa olevien ratkaisujen analyysistä. Esimerkiksi suosittujen CMS-teemojen luetteloiden selaaminen. Työn tulos voi olla luonnos sivuston sivusta, tehty lyijykynällä paperiarkille, jossa ilmoitetaan kiinteän ja erikokoiset alueet.
Vaihe 2
Luo tyhjä sivustosivumalli rasterigrafiikan muokkausohjelmassa. Avaa uusi asiakirja graafisessa editorissa. Asiakirjan koon tulee olla paljon pienempi kuin pienin sivukoko sekä vaakasuunnassa (vaikka et aio luoda "sujuvaa" mallia) että pystysuunnassa. Lisää uusi läpinäkyvä kerros. Piirrä lisätyssä kerroksessa sivumallin kuva 1 pikselin paksuisilla viivoilla elementtien todellisia mittoja noudattaen. Määritä kiinteän leveyden sivumalleille marginaalit, jotka täytetään taustavärillä.
Vaihe 3
Lataa Internetistä tai suunnittele omat sivusi ulkoasuelementit. Logo ja ainutlaatuiset muotoiluelementit voidaan luoda 3D-mallinnusympäristössä, vektori- tai rasterieditorissa. Suuri määrä korkean resoluution temaattisia kuvia sisältyy ilmaisiin Internet-valokuvapankkeihin. Internetissä on myös ilmaisia kuvakekokoelmia, joita voit käyttää vapaasti projekteissasi.
Vaihe 4
Piirrä verkkosivujen suunnittelu. Lisää läpinäkyviä tasoja asiakirjaan, joka sisältää verkkosivun mallin graafisessa editorissa. Valitse ja täytä ne alueet, jotka vastaavat sivun taustaa. Täytä alueet kaltevuusetäisyydellä ja jaksottaisilla tekstuureilla. Lisää logo, staattiset kuvat, kuvakkeet. Piirrä lohkorajat. Lisää tekstiä. Aseta kukin valmis muotoiluelementti, staattinen kuva ja logo erilliselle kerrokselle. Siirrä kuvia kerroksina vaaditun asettelun saavuttamiseksi.
Vaihe 5
Tallenna sivuston suunnittelun toimiva "lähde" graafisen muokkaimen "alkuperäisessä" muodossa. Tämän avulla voit palata myöhemmin sen muokkaamiseen.
