3 regole di progettazione Web che dovresti effettivamente provare a rompere

Ci sono un sacco di regole di progettazione che rimangono bloccate nella tua testa. Cose suggerite dai senior designer, elementi di teoria del design o lezioni apprese durante le lezioni. Ma forse dovresti rompere alcune di queste regole?

Tendenze e concetti di design cambiano molto nel tempo. I progressi tecnologici, in particolare, hanno cambiato alcune regole. Il design è un processo in evoluzione e ciò che funziona oggi potrebbe cambiare domani. Con questo in mente, ecco tre regole di progettazione che dovresti effettivamente provare rompere.

1. Usa caratteri tipografici Sans Serif per Web design

Ogni web designer diceva che era necessario utilizzare i caratteri sans serif online. Non è più il caso. Rompi questa regola!

Un buon mix di caratteri leggibili è la nuova norma. Ciò include serif, sans serif e persino stili di novità e di script. La chiave per scegliere il giusto tipo di carattere (o tipo di tavolozza) è scegliere stili di lettere facili da leggere.

C'è stata anche una ricerca per sostenere questa idea. Jakob Nielsen del Nielsen Norman Group, che si concentra sull'esperienza utente, la ricerca e la formazione, ha detto che gli schermi migliori stanno cambiando il panorama delle linee guida tipografiche per la progettazione di siti web. Ecco la conclusione di questo studio:

La vecchia linea guida sull'usabilità per la tipografia online era semplice: attenersi ai caratteri sans-serif. Poiché gli schermi dei computer erano troppo insignificanti per rendere correttamente i serif, il tentativo di tipo serif alle dimensioni del testo del corpo portava a forme di lettera sfocate.

Sfortunatamente, la nuova linea guida non è così chiara come quella precedente. La ricerca sulla leggibilità è inconcludente sul fatto che i caratteri serif siano veramente migliori di quelli sans serif.

La differenza nella velocità di lettura tra serif e sans serif è apparentemente piuttosto piccola. Pertanto, non esiste una linea guida per l'usabilità a favore dell'utilizzo dell'una o dell'altra, in modo che tu possa fare la scelta sulla base di altre considerazioni - come il branding o l'umore comunicato da un particolare stile tipografico.

Quindi vai avanti e infrange la vecchia regola dei sans serif. Ecco alcune cose da cercare quando pensi a quale font scegliere e se è altamente leggibile o meno.

  • Optare per larghezze di corsa uniformi in un peso medio o regolare. Il tipo super leggero o sottile può essere difficile da leggere.
  • Attenersi ad un'altezza x media. Lasciando che sia super skinny e alto può venire con preoccupazioni di leggibilità.
  • Cerca una spaziatura delle lettere coerente e adeguata, senza l'uso eccessivo di legature o svolazzi.
  • Usa caratteri decorati per piccoli blocchi di testo e solo con intenti distinti.
  • Optare per i caratteri serif o sans serif per i blocchi più grandi di copia. Scegli lettere con lettere distinte che sono facili da leggere a colpo d'occhio.

2. Stare lontano da Bold Backgrounds

Per un po 'sembrò che gli unici colori accettabili per uno sfondo di un sito web fossero neutrali bianchi e accesi. Non c'è modo!

Colori di sfondo audaci e brillanti possono essere un ottimo elemento di sfondo. Il colore può fare un'ottima impressione sugli utenti, dare il tono al design ed è un modo divertente e interessante per rompere gli stessi vecchi schemi di design.

Altri siti Web e grandi marchi utilizzano il colore per creare un'esperienza interessante e coinvolgente. E agli utenti sembra piacere.

La seconda parte di questa regola infrangibile consiste nel limitare il numero di colori nella tavolozza dei colori. Mentre è una buona idea avere una paletta di marca distinta, puoi andare un po 'più pizazz con progetti di design individuali.

Le tavolozze di colori dietro Material Design combinate con l'uso di scelte di colori più audaci hanno aperto ciò che è considerato elegante e di cattivo gusto. Più colore è accettabile Altri siti Web e grandi marchi utilizzano il colore per creare un'esperienza interessante e coinvolgente. E agli utenti sembra piacere.

Mentre hai bisogno di una tavolozza semplice come standard per coerenza, aggiungi dei colori extra (e più luminosi) per progetti specifici. Non è necessario riprogettare tutti i materiali del proprio marchio per avere sfondi viola o verdi brillanti, ma è possibile incorporare più colori di tendenza in progetti in vari modi.

  • Considera una sovrapposizione di foto a colori.
  • Scegli un colore brillante.
  • Scambia lo sfondo neutro per qualcosa di più memorabile.
  • Usa una tonalità più chiara per i pulsanti o gli elementi di invito all'azione. (Non tutti devono essere rossi o blu.)
  • Usa gli stati di passaggio del colore per incoraggiare l'interazione.

3. Creare un equilibrio simmetrico

All'inizio della mia carriera di designer, troppi designer veterani hanno spinto il potere di design perfettamente simmetrici per creare armonia ed equilibrio. Guardando indietro, molti di questi concetti erano semplicemente noiosi e troppo sicuri.

L'asimmetria può aiutarti a creare più interesse visivo ed equilibrio senza un design diviso in due. Mentre c'è un posto per simmetria, creare equilibrio con peso, spazio ed elementi che si contrappongono può essere molto più interessante.

Per sfruttare al massimo l'asimmetria nei progetti di design, considerare quanto segue per creare un senso di armonia e flusso visivo:

  • Bilanciare elementi e spazio l'uno contro l'altro. Un elemento pesante può sentirsi più equilibrato se abbinato allo spazio bianco.
  • Mettere l'accento sul movimento per l'occhio si muove attraverso il disegno come previsto. Pensa a come la gente legge, e inizia con elementi più pesanti e testo a sinistra che? Sposta? verso la destra
  • Usa il colore per creare punti focali.
  • Spazio tutto su una griglia per creare un senso di organizzazione e flusso.
  • Fai attenzione al peso. I disegni asimmetrici non dovrebbero essere "sbilenchi". L'utente dovrebbe spostarsi tra i contenuti con facilità. Usa elementi statici come la navigazione per creare un contenitore per elementi asimmetrici.

Conclusione

Rompere le regole del design può essere rinvigorente? o disastroso. Fai la scelta giusta su quale regola interrompere (e quando) pensando agli obiettivi per il tuo progetto o design.In che modo infrangere una regola rende questo progetto un lavoro migliore? Migliora l'usabilità, la funzionalità o l'abilità per l'utente di comprendere il messaggio?

Se la risposta è sì, allora il tuo progetto potrebbe essere la tela perfetta per infrangere una regola e provare qualcosa di nuovo e diverso. Non infrangere una regola di progettazione solo perché sei annoiato. (Non è davvero una buona ragione per fare molto di tutto.)