Share
O parte esențială a compoziției este înțelegerea modului de a crea coerență în desenele dvs. și cum să afișați relațiile dintre fiecare dintre elementele de pe pagină.
În primul rând, unul dintre obiectivele dvs. principale cu orice site web ar trebui să fie acela de a construi relația dintre utilizator și site-ul Web. Motivul este de a crea încredere cu utilizatorul, astfel încât să se simtă confortabil cu navigarea și interacțiunea cu site-ul web. Prin design și funcționalitate, puteți oferi utilizatorilor o experiență mai bună.
Consistența clădirii în desenele dvs. vă ajută să vă consolidați marca și să păstrați clar mesajul mărcii. Pentru un client, este important pentru afacerea lor ca mesajul mărcii sale (online, offline sau în orice alt mediu) să fie consecvent, deoarece acesta va construi din nou încrederea în baza de clienți. Dacă mesajul unei mărci este inconsecvent, confuz sau greu de înțeles, acest lucru poate fi dezactivat pentru clienți și poate chiar afecta vânzările și anchetele, având în cele din urmă un efect negativ asupra afacerilor clientului dvs..
Chiar și dumneavoastră, ca persoană, trebuie să înțelegeți importanța consecvenței ta marca. Tu, tu, ești un brand. Chiar dacă aveți un blog personal, vă puneți pe web și ar trebui să aibă grijă de brand și imagine. Uneori, în special în industria web, este chiar mai important să construiți o consistență a mărcii pentru dvs., deoarece vă ajută să vă deconectați și să vă faceți unic.
Construirea coerenței și a relațiilor în desenele dvs. se referă, de asemenea, la construirea de relații între elementele mai mici, individuale din desenele dumneavoastră.
Doar pentru că lucrați pe web, nu înseamnă că valorile care se văd în marketingul și designul tradițional, offline, ar trebui să dispară. În schimb, ar trebui să faceți această tranziție fără probleme.
De exemplu, dacă lucrați pe un site web pentru un magazin tradițional (care are spații comerciale reale!), Atunci ar trebui să purtați marca respectivă prin designul pe care îl creați pentru site-ul lor. Doriți ca utilizatorii să se simtă fericiți și confortabili în navigarea pe site-ul lor, știind că este familiar cu ei - chiar dacă nu l-au vizitat niciodată înainte. Toate în toate, proiectarea cu consistență în minte face ca un sistem de design și design mai solid, demn de încredere.
Proiectarea cu consistență are și un avantaj pentru dvs., ca dezvoltator. Ați avut vreodată un design care v-a fost oferit în mod inconsecvent, cu margini diferite, margini și dimensiuni diferite? E chiar enervant, nu-i așa? Dacă, în schimb, proiectați cu consecvență, veți putea să observați modele în designul dvs. care vă vor ajuta atunci când vă aflați în stadiul de dezvoltare, accelerând astfel fluxul de lucru al dezvoltării și reducând timpul pe care trebuie să-l cheltuiți pentru a vă imagina lucrurile afară.
De asemenea, este important să ne gândim la coerență în ansamblu. Mai degrabă decât să vă gândiți vizual la modul în care ar putea arăta lucrurile și cum să păstrați acele lucruri consecvente, ci și să vă gândiți la interacțiunile și modelele de comportament ale modelelor dvs. Gândiți-vă la modul în care utilizatorul va interacționa cu site-ul dvs. web, gândiți-vă la animații și la modul în care ar putea reacționa diferite elemente la intrarea utilizatorilor. Dacă schimbați drastic aceste tipare de la o pagină la alta, veți confunda doar utilizatorii.
Proiectarea cu consistență în minte ar trebui să fie foarte simplă. Așa cum am explicat mai devreme, consistența ajută la menținerea unui brand vizibil puternic și la relația dintre un brand și utilizatorii sau clienții săi la un nivel ridicat.
O tehnică de marketing veche de vârstă este de a proiecta prin repetarea mesajelor pentru a ajuta utilizatorii să-și amintească lucrurile. În timp ce acest lucru poate fi utilizat în desenele dvs., este coerența într-un alt mod pe care vreau să vă gândiți mai mult.
Gândiți-vă la modul în care proiectați toate elementele din design, cum ar fi:
Gândiți-vă la stilul vizual al acestor elemente și la modul în care se joacă unul împotriva celuilalt. Ați învățat cum să folosiți culoarea, dimensiunea și o ierarhie vizuală pentru a acorda o atenție deosebită anumitor elemente, acum vreau să încercați să vă gândiți cum puteți face toate aceste elemente coerente într-un fel. La fel ca și cum n-am fi (în mod normal!) Să folosim opt fonturi diferite într-un paragraf sau în zona designului nostru, ar trebui să fim la fel cu celelalte elemente de design.
Consolidarea clădirilor în proiectele dvs. se referă la detaliile mici care ar putea trece neobservate de cele mai multe, dar chiar și atunci le va oferi subconștient o experiență mai bună. Cu toate acestea, este vorba de detaliile mici care vor fi apreciate de aceia care do observați timpul suplimentar și atenția acordată acelor lucruri suplimentare.
De asemenea, asigurați-vă că aveți consecvență de la o pagină la alta (cu excepția cazului în care este specific ca o parte din acest design să aibă un design diferit pentru fiecare pagină, cum ar fi un blog orientat spre artă). Dar chiar și atunci, este foarte important să fii consecvent în ele sunt mai probabile pentru a rămâne aceeași - cum ar fi modul în care este poziționat logo-ul sau navigația. Este important să nu renunțe la fiecare aspect al designului dvs. și să construiți în același timp familiaritate în domeniile care sunt mai potrivite pentru a fi consecvente.
Site-ul OnSite are un brand grozav, cu un design simplu, care este valabil în întreaga pagină de pornire și alte pagini de nivel superior. 
Așa cum sa explicat în articolele anterioare ale acestei sesiuni, culoarea are un impact masiv asupra oamenilor și percepția lor asupra designului. În timp ce nu vă puteți concentra pe relațiile personale ale fiecărui individ cu culoarea, puteți utiliza culoarea într-un sens mai larg pentru a construi o relație între un public țintă și proiectul dvs..
Culoarea are un impact asupra oamenilor personal - atât mental, emoțional sau emoțional, cât și fizic - și acest lucru se poate întâmpla în marcă, sperând să construim relații mai puternice între utilizatori și site-ul web, dacă mesajul este păstrat consecvent.
Tonul este important în orice design și face o impresie mare pentru utilizatorii dvs. Tonul se poate întâlni prin orice aspect al designului dvs., de la conținut până la imagini și orice alte stiluri vizuale pe care le aveți.
Adăugarea de personalitate la un brand este, de asemenea, absolut delicată, și puteți face acest lucru prin ceea ce ați învățat despre culoare și tipografie. Decizii subtile precum acest spectacol prin personalitatea pe care o puteți îmbunătăți apoi prin conținut și imagini, construind un stil vizual consistent în design.
De asemenea, gândiți-vă la modul în care un utilizator ar putea asociat cu marca dvs. și cum ar face simți despre. Gândește-te cum ai putea vrei utilizatorii dvs. să se simtă atunci când se asociază cu marca și să încerce să reflecte acest lucru în design-ul dvs. Luați aceste sentimente și percepții pe care doriți ca utilizatorii dvs. să aibă și să utilizeze coerența elementelor dvs. de design pentru a proiecta aceste sentimente prin intermediul site-ului.
WooThemes au un stil vizual și un ton grozav care este setat pe tot site-ul lor - ceea ce poate fi mai greu de făcut când aveți site-uri mai mari. 
Există multe instrumente pe care le puteți crea, sau le puteți oferi clienților dvs. pentru a le ajuta să înțeleagă importanța consecvenței.
Un ghid de stil este aproape ca un design obișnuit și o orientare a mărcii cu care ați putea lucra, dar în loc să fie legată doar de marcă, ea se referă, în schimb, la unele dintre stilurile cheie și elementele de design din designul site-ului dvs..
A se vedea: Placi de stil pentru alte idei.
Formatele de bibliotecă sunt ca un pas înaintea unui ghid de stil; ele sunt un document al oricărui stil posibil de element care este inclus în design-ul site-ului dvs. Din stilurile de text, stilurile de butoane pentru a lista stilurile și modelele de imagini, aceste biblioteci de modele pot fi cu adevărat utile pentru întreținerea ulterioară a unui design al site-ului și pentru a se asigura că coerența este păstrată în orice schimbări viitoare.
Îmi place să mă gândesc la bibliotecile de modele pentru trei domenii cheie: modele de design, modele de marcare și modele de conținut.
Sunt un mare fan al listelor și cred că un lucru foarte simplu de făcut pentru a verifica cât de coerente sunt lucrurile în design-ul dvs. este de a crea o listă de verificare simplă și ușoară.
Toate cele de mai sus ar trebui să vă ajute atunci când încercați să creați un design care are o mai mare coerență și vă va ajuta să construiți relații între fiecare element. Vreau să folosiți lista de verificare la sfârșit (sau să creați propria dvs.!) Pentru a vedea cât de consistent este designul dvs. Dacă nu este, atunci ia-ți timp pentru a construi acea coerență în desenele tale.
Accentsconagua