Ne sreće ljude samo njihova odjeća, već i web stranice. Haljina stranice je njegov dizajn. Kvalitetan i atraktivan dizajn resursa ostavlja povoljan utisak na korisnike, čime osigurava njihovu odanost i spremnost da svoje vrijeme posvete daljem gledanju. Pored kvaliteta, važni su originalnost i jedinstvenost dizajna. Dobro istrošene teme odbijaju posjetitelje. Ali razvoj jedinstvenog dizajna je skup. Zbog toga se mnogi webmasteri početnici pitaju kako vlastitim rukama nacrtati dizajn web stranice.
Neophodno je
- - olovka;
- - papir;
- - uređivač rasterske grafike GIMP ili Photoshop;
- - opcionalno: uređivač vektorske grafike (na primjer, CorelDraw);
- - opcionalno: okruženje za 3D modeliranje (3DStudio, Blender);
- - savremeni pretraživač;
- - pristup Internetu.
Instrukcije
Korak 1
Razviti koncept dizajna web stranice. Odlučite o stilu, shemi boja, izgledu stranice (veličina zaglavlja web lokacije, mjesto izbornika, blokovi teksta, slike). Dobro je ako se koncept dizajna temelji na originalnim idejama. Ali ako nedostaju, nadahnuće možete crpiti iz analize 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 stranice u rasterskom grafičkom uređivaču. Otvorite novi dokument u grafičkom uređivaču. Veličine dokumenata trebale bi biti mnogo veće od minimalne veličine stranice i vodoravno (čak i ako ne namjeravate stvoriti "fluidan" dizajn) i vertikalno. Dodajte novi prozirni sloj. U dodanom sloju nacrtajte sliku predloška stranice linijama debljine 1 piksel, poštujući stvarne dimenzije elemenata. Za dizajne stranica fiksne širine odredite margine koje će biti ispunjene bojom pozadine.
Korak 3
Preuzmite s interneta ili dizajnirajte vlastite elemente dizajna stranice. Logotip i jedinstveni elementi dizajna mogu se kreirati u okruženju 3D modeliranja, vektorskom ili rasterskom uređivaču. Veliki broj tematskih slika visoke rezolucije nalazi se u besplatnim Internet bankama. Na Internetu postoje i besplatne kolekcije ikona koje možete slobodno koristiti u svojim projektima.
Korak 4
Nacrtajte dizajn web stranice. Dodajte prozirne slojeve u dokument koji sadrži predložak stranice web stranice 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.
