Ne susreće ljude samo njihova odjeća, već i web stranice. Haljina stranice je njegov dizajn. Kvalitetan i atraktivan dizajn resursa ostavlja povoljan dojam na korisnike, čime osigurava njihovu odanost i spremnost da svoje vrijeme posvete daljnjem gledanju. Uz kvalitetu, važni su originalnost i jedinstvenost dizajna. Dobro istrošene teme odbijaju posjetitelje. No, razvoj jedinstvenog dizajna je skup. Zbog toga se mnogi webmasteri početnici pitaju kako vlastitim rukama nacrtati dizajn web stranice.
Nužno je
- - olovka;
- - papir;
- - uređivač rasterske grafike GIMP ili Photoshop;
- - neobavezno: uređivač vektorske grafike (na primjer, CorelDraw);
- - izborno: okruženje za 3D modeliranje (3DStudio, Blender);
- - suvremeni preglednik;
- - pristup Internetu.
Upute
Korak 1
Razviti koncept dizajna web stranice. Odlučite o stilu, shemi boja, izgledu stranice (veličina zaglavlja web stranice, mjesto izbornika, blokovi teksta, slike). Dobro je ako se koncept dizajna temelji na originalnim idejama. Ali ako nedostaju, nadahnuće možete potražiti u analizi postojećih rješenja. Na primjer, pregledavanje kataloga popularnih CMS tema. Rezultat rada može biti skica stranice web stranice, izrađena olovkom na listu papira, naznačujući zone fiksnih i različitih veličina.
Korak 2
Stvorite prazan predložak stranice web mjesta u uređivaču rasterske grafike. Otvorite novi dokument u grafičkom uređivaču. Veličine dokumenata trebale bi biti puno veće od minimalne veličine stranice i vodoravno (čak i ako ne namjeravate stvoriti "fluidni" dizajn) i okomito. Dodajte novi prozirni sloj. U dodanom sloju nacrtajte sliku predloška stranice crtama debljine 1 piksel, uvažavajući stvarne dimenzije elemenata. Za dizajne stranica fiksne širine odredite margine koje će biti ispunjene bojom pozadine.
3. korak
Preuzmite s interneta ili dizajnirajte vlastite elemente dizajna stranice. Logotip i jedinstveni elementi dizajna mogu se stvoriti u okruženju 3D modeliranja, vektorskom ili rasterskom uređivaču. Veliki broj tematskih slika visoke rezolucije nalazi se u besplatnim internetskim fotobankama. Na internetu postoje i besplatne kolekcije ikona koje možete slobodno koristiti u svojim projektima.
4. korak
Nacrtajte dizajn web stranice. Dodajte prozirne slojeve u dokument koji sadrži predložak stranice web mjesta u grafičkom uređivaču. Odaberite ih i popunite područja koja odgovaraju pozadini stranice. Ispunite područja gradijentnim ispunom i periodičnim teksturama. Umetnite logotip, statične slike, ikone. Nacrtajte granice blokova. Dodajte malo teksta. Stavite svaki gotovi element dizajna, statičnu sliku i logotip na zaseban sloj. Premještajte slike u slojevima kako biste postigli potreban izgled.
Korak 5
Spremite radni "izvor" dizajna stranice u "izvorni" format grafičkog uređivača. To će vam omogućiti da se kasnije vratite na njegovo uređivanje.
