Share
Una parte fondamentale della composizione è capire come creare coerenza nei progetti e come visualizzare le relazioni tra ciascuno degli elementi nella pagina.
Innanzitutto, uno dei tuoi principali obiettivi con qualsiasi sito web dovrebbe essere quello di costruire la relazione tra l'utente e il sito web. La ragione è creare fiducia con l'utente, affinché si sentano a proprio agio con la navigazione e l'interazione con il sito web. Attraverso il design e la funzionalità, puoi offrire ai tuoi utenti un'esperienza migliore.
Costruire coerenza nei tuoi progetti aiuta anche a rafforzare il tuo marchio e mantenere chiaro il messaggio di un marchio. Per un cliente, è importante per la propria attività che il messaggio del proprio marchio (sia online che offline o su qualsiasi altro supporto) sia coerente, in modo da creare nuovamente fiducia con la propria base di clienti. Se il messaggio di un marchio è incoerente, confuso o difficile da capire, questo può essere scoraggiante per i clienti e può anche influenzare le vendite e le richieste, in ultima analisi, avendo un effetto negativo sulle attività commerciali dei tuoi clienti.
Anche tu stesso, come individuo, devi capire l'importanza della coerenza in il tuo marca. Tu stesso sei un marchio. Anche se hai un blog personale, ti stai mettendo sul web e dovresti preoccuparti del tuo marchio e della tua immagine. A volte, in particolare nel settore web, è ancora più importante creare una coerenza del marchio per te stesso, poiché ti aiuta a distinguerti e renderti unico.
Costruire coerenza e relazioni nei vostri progetti significa anche costruire relazioni tra gli elementi individuali più piccoli nei vostri progetti.
Solo perché stai lavorando sul web, ciò non significa che i valori che si vedono nel marketing e nella progettazione offline tradizionali dovrebbero scomparire. Invece, dovresti rendere quella transizione senza soluzione di continuità.
Ad esempio, se stai lavorando su un sito web per un negozio tradizionale (che ha locali reali, al dettaglio!), Allora dovresti portare quel marchio attraverso il design che crei per il loro sito web. Vuoi che i loro utenti si sentano felici e a proprio agio nel navigare nel loro sito web, sapendo che è familiare a loro - anche se non l'hanno mai visitato prima. Tutto considerato, progettare con coerenza in mente rende il design e il design un sistema più solido e affidabile.
Progettare con coerenza ha anche un vantaggio per te, come sviluppatore. Hai mai ricevuto un disegno che ti è stato incoerente, con margini, caratteri e spaziature molto diversi? È davvero fastidioso, non è vero? Se invece progettate con coerenza, sarete in grado di individuare modelli nel vostro disegno che vi aiuteranno quando siete nelle fasi di sviluppo, velocizzando così il vostro flusso di lavoro di sviluppo e riducendo la quantità di tempo che dovrete dedicare a capire le cose su.
È anche importante pensare alla coerenza nel complesso. Piuttosto che limitarsi a pensare visivamente a come le cose potrebbero apparire e a mantenere coerenti queste cose, pensa anche alle interazioni e ai modelli di comportamento nei tuoi progetti. Pensa a come l'utente interagirà con il tuo sito web, penserà alle animazioni e a come i diversi elementi potrebbero reagire all'input degli utenti. Se cambi drasticamente questi modelli da una pagina all'altra, confonderai solo i tuoi utenti.
Progettare con coerenza in mente dovrebbe essere abbastanza semplice. Come abbiamo spiegato in precedenza, la coerenza aiuta a mantenere visivamente un marchio visivamente forte e il rapporto tra un marchio e i suoi utenti, o clienti, ad un livello elevato.
Una tecnica di marketing secolare è progettare ripetendo i messaggi per aiutare gli utenti a ricordare le cose. Mentre questo può essere utilizzato nei tuoi progetti, è la coerenza in un altro modo in cui voglio che tu pensi di più.
Pensa al modo in cui disegni tutti gli elementi del tuo disegno, come ad esempio:
Pensa allo stile visivo di questi elementi e al modo in cui giocano l'uno contro l'altro. Hai imparato a usare il colore, le dimensioni e una gerarchia visiva per prestare attenzione a particolari elementi, ora voglio che tu provi a pensare a come rendere tutti questi elementi coerenti in qualche modo. Proprio come non useremmo (normalmente!) Otto diversi tipi di carattere in un paragrafo o area del nostro design, dovremmo essere gli stessi con gli altri nostri elementi di design.
Costruire coerenza nei tuoi progetti riguarda solo i piccoli dettagli che potrebbero passare inosservati di più, ma anche in questo caso forniranno loro un'esperienza migliore. Tuttavia, sono i piccoli dettagli che saranno apprezzati da quelli fare nota il tempo extra e l'attenzione che è stata spesa per quelle cose extra.
Assicurati inoltre di essere coerente da una pagina all'altra (a meno che non faccia specificamente parte di quel design per avere un design diverso per ogni pagina, come su un blog diretto all'arte). Ma anche allora, è super importante essere coerenti con gli elementi sono più probabili rimanere lo stesso, come il modo in cui il logo o la navigazione sono posizionati. È importante non abbandonare ogni aspetto del tuo design e invece creare familiarità nelle aree più adatte a essere coerenti.
Il sito web di OnSite ha un grande marchio, con un design semplice che rimane fedele in tutta la homepage e in altre pagine di alto livello. 
Come spiegato nei precedenti articoli di questa sessione, il colore ha un impatto enorme sulle persone e sulla loro percezione del design. Anche se non puoi concentrarti sulle relazioni personali di ogni individuo con il colore, puoi usare il colore in un senso più ampio per costruire una relazione tra un probabile pubblico di destinazione e il tuo design.
Il colore ha un impatto sulle persone personalmente - sia mentalmente, attraverso emozioni o sentimenti e anche fisicamente - e questo può capitare nel marchio, sperando di costruire relazioni più forti tra gli utenti e il sito web, se il messaggio viene mantenuto coerente.
Il tono è importante in qualsiasi design e fa una grande impressione sui tuoi utenti. Il tono può attraversare qualsiasi aspetto del tuo design, dal contenuto alle immagini e agli altri stili visivi che hai.
Anche l'aggiunta di personalità a un marchio è assolutamente valida, e puoi farlo attraverso ciò che hai imparato sul colore e sulla tipografia. Decisioni delicate come questa mostrano attraverso la personalità che puoi quindi migliorare attraverso il contenuto e le immagini, creando uno stile visivo coerente nel tuo design.
Pensa anche a come un utente potrebbe socio con il tuo marchio e come lo farebbero sentire a proposito. Pensa a come potresti volere i tuoi utenti sentono quando si associano con il marchio e cercano di riflettere questo nel tuo design. Prendi questi sentimenti e percezioni che vuoi che i tuoi utenti abbiano e utilizzi la coerenza nei tuoi elementi di design per proiettare questi sentimenti attraverso il sito web.
I WooThemes hanno un ottimo stile e tono visivo che è impostato su tutto il loro sito Web - il che può essere più difficile da fare quando si hanno siti più grandi come questo. 
Ci sono molti strumenti che puoi creare da solo o fornire ai tuoi clienti per aiutarli a capire l'importanza della coerenza.
Una guida di stile è quasi come un normale design e linee guida del brand con cui potresti lavorare, ma invece di essere correlata solo al marchio, si riferisce invece ad alcuni degli stili chiave e degli elementi di design nel design del tuo sito web.
Vedi: Piastrelle di stile per ulteriori idee.
Le librerie di modelli sono come un passo avanti a una guida di stile; sono un documento di ogni possibile stile di elemento incluso nel design del tuo sito web. Dagli stili di testo, dagli stili di pulsanti per elencare gli stili e i pattern di immagine, queste librerie di pattern possono essere davvero utili per la manutenzione futura di un design di un sito Web e per garantire che la coerenza venga mantenuta in qualsiasi modifica futura.
Mi piace pensare alle librerie di modelli per tre aree chiave: modelli di progettazione, schemi di marcatura e modelli di contenuto.
Sono un grande fan delle liste e penso che una cosa molto semplice da fare per verificare quanto siano coerenti nel tuo design è creare una checklist semplice e facile.
Tutto quanto sopra dovrebbe aiutarti quando stai cercando di creare un design che abbia più consistenza e ti aiuterà a costruire relazioni tra ognuno dei tuoi elementi. Voglio che tu usi la checklist alla fine (o creala tu!) Per vedere quanto è coerente il tuo design. Se non lo è, prendi il tempo per costruire quella coerenza nei tuoi progetti.
Accentsconagua