Svaki vlasnik web lokacije sanja o jedinstvenom dizajnu za svoj resurs. Svi znaju da osobu sreću odjećom. Isto vrijedi i za web mjesto, jer posjetitelj prvo skreće pozornost na dizajn projekta, a potom i na sadržaj. Ako je dizajn previše svijetao ili, obrnuto, dosadan, korisnik će uskoro napustiti resurs. Web mjesto ne pretrpavajte nepotrebnim elementima, jer web resursi s minimalističkim dizajnom često izgledaju mnogo zanimljivije. Kako izraditi dizajn web stranice?
U stvari, cijeli se postupak dizajna može podijeliti u tri faze: izrada skice, izrada izgleda u grafičkom uređivaču, dizajn dizajna. Skica dizajna može se nacrtati u jednostavnom uređivaču fotografija ili u običnoj olovci na komadu papira. Što se tiče izgleda, uglavnom dizajneri koriste Photoshop kao najmoćniji grafički uređivač postojećih. Za dizajn izgleda trebat će vam znanje jezika za označavanje hiperteksta i CSS. Prije stvaranja vlastitog dizajna postavite sebi nekoliko jednostavnih pitanja: znam li HTML i CSS i mogu li raditi s grafičkim uređivačem?
Ako odgovorite negativno, tada postupak stvaranja dizajna neće nadići prvu fazu. Jednostavno je nacrtati skicu, ali ne može svaki korisnik napraviti izgled i dovršiti gotov dizajn. Kao rezultat, preporučuje se da prvo naučite osnove HTML | CSS-a, kao i da pogledate nekoliko videozapisa o treningu o Photoshopu, kako biste znali gdje se nalazi svaki alat, kako primijeniti filtre i još mnogo toga.
Prije nego što počnete skicirati, stvorite sliku budućeg dizajna u svojoj glavi. Imajte na umu da se svaki dizajn sastoji od sljedećih dijelova:
- "Zaglavlje" web stranice je gornji dio bilo kojeg dizajna, koji u pravilu uključuje logotip, naziv web mjesta i nekoliko gumba (kontakti, o autoru). Kapica može biti različitih visina, ali obično ovaj parametar ne prelazi 300 piksela. Često se na vrhu stranice nalaze obrasci za pretraživanje i reklamni natpisi.
- Bočna traka - bočni izbornik web mjesta. Sekundarne informacije i dodatni elementi nalaze se u bočnoj traci: blok sa svježim člancima, obrazac za pretraživanje, razne ankete i kalendare, poveznice, oglašavanje, elementi navigacije na resursu. Nekoliko bočnih traka može se koristiti u izradi web mjesta, ali postoje i dizajni bez bočnih stupaca.
- "Podrum" je dno mjesta. Obično sadrži poveznicu na glavni resurs i autorska prava u stilu "(c) 2014 Najbolje web mjesto." No posljednjih godina koncept „podrumskog“ dijela dizajna promijenio se pojavom mobilnih uređaja. U "podrumu" su se počeli slagati elementi, koji su obično postavljeni u bočne trake.
- "Glavni dio" je blok u koji je postavljen glavni sadržaj. Većina dizajnera glavni dio web mjesta postavlja u središte, tako da je prikladnije čitati materijal.
Dakle, sada znate od čega se blok sastoji od web mjesta. Vrijeme je da počnete rješavati pitanje kako sami izraditi dizajn web stranice. Otvorite najjednostavniji uređivač fotografija (boja je dovoljna) i stvorite novi predložak rezolucije 1280 × 1024. Vrijedno je podsjetiti da se pri izradi web mjesta metrička mjerenja ne koriste. Svi se blokovi "mjere" u pikselima.
Na primjer, odlučili ste skicirati s jednom bočnom trakom. Označite granice podruma, naslove stranica i bočnu traku u grafičkom uređivaču.
Imate li ideju napraviti nekoliko bočnih stupaca i sadržaj staviti u središte? Izvrsno, ali prilikom označavanja uzmite u obzir širinu bočnih traka i prostor za glavni sadržaj. Bočni stupci ne smiju biti preširoki (ne više od 300 piksela), a ispod glavnog sadržaja treba ostaviti najmanje 500 piksela, u protivnom tekst će biti neugodan za čitanje.
Kad su glavne oznake raspoređene, vrijeme je da se dizajnerska skica nadopunjuje elementima. Dodajte autorska prava u podrumu, blok s obrascem za pretraživanje, naslovom itd. Skica dizajna poprimit će zanimljiviji izgled i neće biti skup geometrijskih oblika..
Ako ste naučili raditi u Photoshopu, onda je vrijeme da skicu pretvorite u izgled. Ali prije toga, odlučite o bojama web mjesta. Za vijesti su prikladnije bijela boja pozadine, crna boja teksta i plava boja veze. Ako je dizajn stvoren za mjesto ženske ili turističke teme, tada upotrijebite svjetlije boje. Istodobno, ne biste trebali božićno drvce izrađivati izvan dizajna, jer obilje boja ometa percepciju glavnog sadržaja.
Svaki blok izgleda počnite ispunjavati grafikom. Eksperimentirajte s bojama i pozadinama, stvorite vlastite elemente i gumbe. Međutim, na internetu postoji ogroman broj različitih pozadina, gumba za stvaranje dizajna.
Kad je izgled napokon spreman, izrezajte ga na blokove i od njega napravite dizajn. U isto vrijeme potpisujte svaki sloj tako da se lakše nameće.
S pojavom mobilnih uređaja porasla je popularnost odgovarajućih gumenih dizajna. Svaki korisnik može stvoriti temu za svoju web lokaciju, ali samo pravi dizajner može je prilagoditi na sve uređaje. Na početku svoje dizajnerske "karijere" pokušajte započeti s jednostavnim predloškom.
Sjetite se tri jednostavna pravila za "sjajan dizajn":
- tekst bi trebao biti dobro čitljiv čak i kad su slike onemogućene u pregledniku;
- pokušajte ne koristiti vyrviglaznye boje;
- stvorite prikladnu navigaciju do web mjesta.
Nakon što stvorite dizajn i prebacite ga na web mjesto, svakako ga testirajte u različitim preglednicima. Privucite na testiranje prijatelje i poznanike, jer kritika drugih ljudi ima pozitivan učinak na osobu. Sjetite se osnovnog pravila: dizajn web mjesta trebao bi se svidjeti ne samo vama, već i drugim korisnicima. Stoga, uvijek poslušajte mišljenja posjetitelja vašeg projekta..
