Esistono regole di progettazione web per aiutarti a creare un sito web che funzioni universalmente. Gli elementi di teoria del design tratti dalle lezioni impartite in classe si attengono sempre alle regole di base.
In alcuni casi, però, sarebbe meglio romperli.
Ci sono stati importanti cambiamenti nelle regole che vincolano un sito web. Per dare ai siti web un aspetto più moderno, potresti dover rinunciare ad alcune regole e optare per qualcos'altro. Ecco tre regole che un web designer può infrangere senza commettere un peccato grave.
Utilizzando Sans Serif
La maggior parte dei web designer preferisce utilizzare il carattere sans serif nella progettazione di tutti i siti Web: la buona notizia è che non devi attenervisi. Gli stili di novità e di script possono funzionare anche per i siti Web purché si scelga un carattere tipografico che non comprometta la leggibilità.
Jakob Nielsen di Nielsen Norman Group ha ribadito il cambiamento delle linee guida tipografiche nella progettazione dei siti web. La regola in passato era quella di scegliere un carattere tipografico sans serif.
La logica alla base di questa regola è il fatto che gli schermi rendevano i serif in modo improprio, quindi le lettere risultavano sfocate. Le nuove linee guida non raccomandano un unico carattere tipografico per la progettazione del sito web.
C'è una piccola differenza tra leggere sans serif e serif. Ora devi fare una scelta in base allo stato d’animo trasmesso dal carattere tipografico e dal tuo marchio.
Sebbene tu sia libero di scegliere il carattere tipografico che desideri, considera sempre la leggibilità. Ecco anche alcuni elementi che ogni web designer dovrebbe considerare:
- Scegli un tratto uniforme con un peso regolare o medio. Leggere un carattere sottile o molto leggero è difficile.
- L'altezza media funziona, non optare per lettere alte o super magre.
- Considerare sempre una spaziatura adeguata e coerente, limitare svolazzi e legature.
- I caratteri tipografici decorati funzionano per piccoli blocchi di testo e dovrebbero avere uno scopo.
- Sans serif e serif sono le opzioni migliori per grandi blocchi di testo. Scegli un carattere tipografico con lettere che puoi leggere senza difficoltà.
Sfondi audaci
I colori bianco e neutro erano il colore di sfondo preferito per i siti Web. Non è più così.
Gli sfondi luminosi e audaci stanno diventando sempre più popolari e possono dare una prima impressione distintiva agli utenti. Optando per colori più audaci, il tuo sito web diventa più interessante.
Le grandi aziende stanno iniziando a utilizzare il colore per rendere il sito web più accattivante e gli utenti sembrano avere un feedback positivo su questo tipo di web design.
Un'altra regola che riguarda i colori a cui aderisce un web designer è limitare la tavolozza dei colori. È fantastico attenersi alla tua combinazione di colori distinta per avere coerenza. Tuttavia, puoi sempre aggiungere un tocco di colore ai singoli progetti.
Avere più colore non è più di cattivo gusto e i siti Web aziendali delle principali aziende utilizzano un sito Web più colorato per migliorare l'esperienza del cliente.
Alcune cose che vale la pena considerare includono:
- Una sovrapposizione di foto
- Colore brillante del titolo
- Allontanarsi dai neutrali
- Colori più brillanti per i pulsanti di invito all'azione
- Usando il passaggio del mouse per il blocco dei colori
Spingi per la simmetria perfetta
I web designer veterani erano soliti spingere per siti Web con equilibrio e armonia attraverso la simmetria. Se sei un web designer moderno, potresti scoprire che alcuni concetti tendono ad essere troppo noiosi e sicuri.
L'asimmetria attira l'attenzione e diventa più interessante per gli utenti. Crea equilibrio utilizzando lo spazio e altri elementi per raggiungere l'obiettivo.
È ancora possibile ottenere un senso di armonia senza elementi simmetrici con questi suggerimenti:
- Abbina elementi pesanti con spazi bianchi. Creare armonia modificando l'elemento e lo spazio è possibile.
- Utilizza elementi pesanti a sinistra per favorire il movimento dell'occhio del lettore verso il lato destro del sito web.
- Crea un punto focale con il colore.
- Utilizza una griglia per aiutarti a organizzare il flusso della progettazione del tuo sito web.
Non dimenticare di considerare il peso del sito web. Il design asimmetrico del sito web non dovrebbe essere sbilanciato. Anche se gli elementi non si rispecchiano tra loro, il lettore dovrebbe essere in grado di muoversi al loro interno contenuto facilmente.
Può funzionare anche l'uso di elementi statici che fungano da contenitore per un elemento asimmetrico.
Conclusione
Le regole di progettazione si evolvono e infrangerle non è un peccato grave a meno che i risultati non siano disastrosi. Ogni web designer dovrebbe concentrarsi sull'obiettivo del design per fare le scelte giuste.
Naturalmente, queste non sono le uniche cose che devi considerare. Ci sono ulteriori best practice per la progettazione di siti Web per gli sviluppatori web se vuoi migliorare l'esperienza dell'utente.
Se infrangere una regola migliorerà l’aspetto di un sito web, non esitare e provaci. Pensa alla facilità d'uso e alla funzionalità. Se il cambiamento migliora tutto, infrangi la regola.
Non esitare a guidare un cambiamento importante provando qualcosa di nuovo purché tu abbia un obiettivo chiaro sul motivo per cui devi infrangere la regola. Chissà, il tuo design potrebbe essere lodato per aver infranto con successo la regola?
Articolo correlato: “I web designer di Sydney rivelano le 9 caratteristiche importanti di ogni buon sito web"