Izrada je složen posao i obično nije dovoljna samo jedna osoba. To je važno kako bi se osigurala izrada web stranice na dosljedan i optimiziran način za ispunjenje poslovnih ciljeva i stvaranje ugodnog iskustvo za korisnike. Jedan od načina je osigurana suradnja između dizajnera i programera prilikom izrade. To je korisno imati stilu vodiča kako bi se stvorili kohezivnog iskustvo među različitim stranicama. Također to pomaže kako bi se osiguralo da se budući razvoj ili proizvodnju treće strane će slijediti smjernice brand i da će se promatrati kao dio cjelokupnog branda. Luka Clum je dotaknuo površinu pomoću stilu vodiče kao svoj prvi korak u web dizajnu prošle godine i volio bih da se više in-dubina pogled o tome kako stvoriti iskoristiv web dizajn u stilu vodič za svoje projekte. Što je stil vodič? Stil vodič je skup unaprijed osmišljen elemenata, grafike i pravilima dizajnera ili programera treba slijediti kako bi se osiguralo da odvojene web komada će biti dosljedan i da će stvoriti kohezivnu iskustvo na kraju. Zašto je to važno? To je izuzetno važno kada više dizajneri rade na velikim web stranice ili web aplikacije kako bi se osiguralo da oni ne tumače previše i ne mijenjati ili prilagoditi stilove na temelju osobnih preferencija. U razvoju, imaju definirane elemente web stranice olakšava za programere za ponovno korištenje tih elemenata. Štoviše, to može olakšati, jer oni će dobiti ono što su elementi moraju kodu i da će vidjeti točno koliko im je potrebno gledati od samog početka. Kako napraviti programeri lakše živi, da je dizajner je dužnost da uključuju sve moguće interakcije kao što hover, kliknite, posjetiti i druge države za gumbe, naslovi, linkovi, itd Stvaranje Vodič Web dizajn Style
1. Proučavanje branda
Prvo, potrebno je proučiti brand, tako da ste razumjeli što to stoji za. Upoznajte priču iza branda, promatrati tim i shvatiti viziju, misiju i vrijednosti tvrtke. Važno je da kopaju dublje u brand, tako stilu vodiča proizvoditi će vizualno i emocionalno predstavljaju organizaciju. Ako ste dizajner koji ne mogu kod, jednostavno otvorite Photoshop i dati svoj dokument naslov i kratak opis onoga što je dokument i što je za. Ako možete kodirati, bolje je stvoriti HTML dokument s prethodno kodiranih imovine, tako da se lako može ponovno koristiti.
2. Definiranje tipografije
Prema Oliver Reichenstein , tipografija je 95 posto web dizajna. Morate dobiti Tipografija pravo jer je to jedan od najvažnijih komunikacijskih alata između posjetitelja i vaše web stranice. Postavite hijerarhija i da ga identificira. Postoje vrste naslovom: H1, H2, H3, H4, H5 i H6. Tada je tijelo kopija, hrabar i varijacije u kurzivu. Razmislite o custom kopiji koja će se koristiti za manje veze, uvodni tekst i tako dalje. Osigurati fonta obitelj, težinu i boju.
3. Odabir palete boja
Nevjerojatno je kako ljudi percipiraju boje i nijanse suradnik s poznatim brandovima. Razmislite o Coca-Cole, kladim se da vidjeti da je crveni sada. Započnite postavljanjem primarne boje za svoj stil vodič koji će dominirati svoje web stranice, dominantne boje treba sadržavati više od tri nijanse. U nekim slučajevima, međutim, trebat će vam sekundarne i tercijarne čak i boje kako bi ilustrirao svoje korisničko sučelje, pobrinite se da ih definirati previše. Također su neutralne boje poput bijele, sive i crne boje za primarni brand boje se ističu. color palette Gost Centar paleta boja koju Chloe Park
4. Sadržaj
Sadržaj internet stranice ne smije biti kopija. Vi ste proučavali brand prije početka stilu vodiča i doznao da je brand je mladenački i trendi. Ako ne postoje smjernice za glas kopiju, morate ga definirati. To može biti jednostavan primjer dao pokazuje taj glas mora biti profesionalna, ali smiješno i dobrodošlice. Umjesto navođenja "Imaš 404 pogrešku", možete reći: "Oh boy, ti si polomio interwebs. 404 pogreška. "Ako je glas bili su više korporativnih, ne bi to učinio. Brilliance krije u malim stvarima.
5. ikonografija
Ikone postoje već tisućama godina i stariji od teksta i riječi. Iskoristite pomoću ikone u svojim projektima, jer oni će vam dati instant ideja za posjetitelje o tome što se događa i što će se sljedeće dogoditi. Branje pravo ikone će dati više kontekst sadržaja nego paleti boja, kopirati ili grafike. Kada koristite ikone, pobrinite se da razmišljati o ciljanoj publici, religije, povijesti, tako da se izbjegne zablude i nesporazume. Još jedna stvar koju treba napomenuti, da o brandu i njezinih vrijednosti, tako da ne koristite crtan ikone na velikom bankarskom web stranice. iconfinder Iconfinder je izvrstan alat za pronalaženje strašan ikone za svoje projekte. Icons NounProject gradi vizualni jezik ikona svatko može razumjeti
6. Galerija slika
Slike govore tisuće riječi. Pobrinite se da su slike koje definira stil i smjer slike stranice treba koristiti. Još jednom, razmislite o vrijednostima branda i njegove misije. Na primjer, ljubav vode koristi upečatljiv slike koja ima jaku emociju, dobru stvar i poziva da se ljudskih emocija bi bili sretni da imaju bitne životne roba kao što su voda, hrana, struja i obrazovanja. images Neke velike web stranice za slobodne slika: 16 mjesta za pronaći najbolji besplatni stock fotografija .
7. Obrasci
Obrasci su ono što bi vaše web stranice ili web-app interaktivna i dinamična tako da korisnik može unijeti podatke i onda možete manipulirati i obaviti posao. Pobrinite se da se uspostavi hijerarhiju i uključuju mogući povratne informacije od oblika - aktivna, lebdjeti, dodajte pogreške, upozorenja i poruke o uspjehu, uključujući stvari kao što su lozinka biti preslab, e da nisu valjani ili jednostavne poruke o uspjehu, npr "e-mail je poslan." više na Domidona informacijske tehnologije
