Crearea de site-uri devine din ce în ce mai complexă, deseori executată nu de o singură persoană. Este important să vă asigurați că designul este optimizat pentru a atinge obiectivele de afaceri și este capabil să creeze o experiență bună pentru utilizatori.
O modalitate de a vă asigura că întregul site este realizat într-un singur stil este să creați un ghid stilistic sau stil.
Este convenabil - să aveți un stailgold pentru a păstra toate paginile site-ului într-un singur stil. De asemenea, contribuie la asigurarea faptului că dezvoltarea viitoare, care, probabil, va fi produsă de alte persoane, va fi susținută în stilul brandului și va fi percepută ca parte a acestuia.
Luca Clam atins la utilizarea staylgaydov ca un prim pas în web design (Nota traducătorului :. în limba engleză), în ultimul an, și vreau să spun mai multe despre crearea ghid de stil user-friendly pentru proiectele dumneavoastră.
Ce este un ghid de stil?
Staylgayd - o colecție de componente și reguli pe care designerii și dezvoltatorii trebuie să le urmeze pre-construite pentru a se asigura că diferitele pagini ale designului și arată holistic și sunt realizate în același stil.
De ce este important acest lucru?
Atunci când mulți designeri lucrează la un site mare sau la o aplicație web, este extrem de important să se asigure că munca lor este holistică și că fiecare interpretează stilul de brand în felul propriu. Acest lucru este, de asemenea, important atunci când vorbim despre dezvoltatori: disponibilitatea elementelor gata va facilita în mare măsură sarcina dezvoltatorilor dacă vor să le utilizeze din nou.
Crearea unui stil
1. Explorează marca
Mai întâi trebuie să studiezi marca pentru a înțelege ce înseamnă. Aflați istoricul mărcii, observați echipa, clarificați misiunea și prioritățile companiei. Immersarea în marcă este importantă, pentru că, cu ajutorul său, stailgalge-ul creat de dvs. va exprima vizual și emoțional organizația.
Dacă sunteți un designer care nu știe cum să scrie cod, trebuie doar să deschideți Photoshop și să dați documentului un titlu și o mică descriere. În ea veți pune elementele.
Dacă puteți codifica, va fi mai bine să creați un document html cu elemente gata făcute pentru a le face mai ușor de utilizat.
2. Decideți cu privire la tipografie
Potrivit lui Oliver Richtenstein, tipografia reprezintă 95% din designul web.
Trebuie să selectați fonturile corecte, deoarece aceasta este una dintre cele mai importante modalități de comunicare între vizitatori și site.
Specificați o ierarhie. Iată tipurile de anteturi: h1, h2, h3, h4, h5, h6. Apoi selectați modul în care va arăta textul principal, variantele sale bold și italice. Nu uitați să specificați numele fontului, grosimea și culoarea.
3. Paleta de culori
Începeți prin setarea principalelor culori care vor domina proiectarea site-ului. Aceste flori nu ar trebui să fie mai mult de trei. Cu toate acestea, în unele cazuri, veți avea nevoie de culorile principale, secundare și a treia. Asigurați-vă că le identificați. De asemenea, includ culorile neutre în cârlige, cum ar fi alb, gri și negru.
Exemplu: ați studiat marca înainte de a crea un stilgeid și ați descoperit că era tânără și modernă. Apoi, puteți da brandului o "voce". De exemplu, în loc de "Eroare 404", puteți scrie "Oh, tipule, ați spart totul." Eroare 404 ". Dacă marca este mai formală, nu merită.
Amintiți-vă că frumusețea este inclusă în detalii.
Icoanele existau de mii de ani. Sunt mai vechi decât text și cuvinte. Utilizați pictogramele din proiectele dvs., deoarece acestea ajută utilizatorii să înțeleagă ce se va întâmpla dacă faceți clic pe un element.
Alegerea pictogramelor potrivite îi va ajuta mai mult decât paleta de culori sau grafica. Folosind pictogramele, asigurați-vă că vă gândiți la publicul țintă, religia și istoria (cum ar fi amuzant ar suna), pentru a evita neînțelegerile și confuzia.
Iconfinder este un instrument excelent pentru găsirea icoanelor pentru proiectele dvs.
NounProject creează o limbă icoană vizuală pe care orice
6. Imagini
Formulare - acest lucru face ca un site sau o aplicație web să fie interactivă și dinamică; utilizatorul poate introduce datele și tu - le poți elimina.
Butoane - un amestec de paletă de culori, forme și voce. Desenați părțile create anterior ale stilului, pentru a crea butoane funcționale și unice. Nu uitați să arătați cum vor arăta în diferite stări (când hovering, când faceți clic, etc.).
9. Distanța
Care este distanța în stil? De fapt, este foarte important să menționăm distanța din ghidul de stil. Acesta poate fi exprimat sub forma unei grile utilizate pentru a crea un aspect; aceasta poate fi distanța dintre titluri, butoane, imagini, forme și alte elemente.
Stabilirea distanței potrivite este importantă, deoarece oferă elementelor mai mult aer și face munca dvs. mai structurată și mai profesională.
10. Nu face / nu
Ultimul punct foarte important: nu uitați secțiunea "Do / Do" (DO / DON'Ts). Este oarecum similar cu întrebările frecvente. În ea trebuie să descrieți capcanele folosirii stilului și să descrieți cum puteți și cum nu îl puteți folosi.
Mai jos sunt cele mai bune exemple de ghiduri de stil care pot fi folosite ca sursă de inspirație pentru crearea propriului stil. Rețineți că aceste orientări au influențat organizarea companiei, viziunea, misiunea și valorile, și multe lucruri care se potrivesc la o altă companie ar arăta ilogic ca ceea ce faci, asa ca nu copia orbește fel de elemente preferate.