Sappiamo tutti intuitivamente cosa rende un sito Web brutto: effetti smussati sovrautilizzati, corny clip art, layout sovraffollati. Questi fastidi possono essere facilmente risolti sviluppando i concetti fondamentali del design, gli stessi principi usati dai designer professionisti e dagli artisti.
I grandi siti web riuniscono forma e funzione. In effetti, i siti web ben progettati sono visti come più credibili, secondo a Studio di Stanford e sono effettivamente più facili da usare (come studiato dal ricercatore Don Norman ). Quindi, ecco cinque principi fondamentali per aiutarti a mantenere il design di qualità in prima linea nella tua pratica.
Nella scuola di design, ti daranno una lista di principi da rispettare che assegnano le regole agli elementi di bellezza come il layout, l'ordine e la simmetria. Ma mentre avanzi, ti viene detto di infrangere le regole un po 'per creare luoghi in cui gli occhi di un osservatore possono guardare impiegando elementi come varietà, tensione o contrasto.
Ecco un esempio di una pagina Ho fatto in Edge Reflow CC. Riesci a individuare i diversi elementi di design utilizzati, quindi a giocare?
Ci sono alcune icone universali alle quali le persone sono addestrate a rispondere. La lente d'ingrandimento (ricerca), la casa (pagina iniziale) e il dischetto (salva) sono già presenti nei tuoi utenti. Approfitta di quelli scorciatoie visive ; tutti quei segnali stradali dovrebbero essere immediatamente riconoscibili.
Il colore fa la differenza, soprattutto perché i nostri schermi migliorano sui nostri telefoni e tablet. È un aspetto del design che può essere una parte davvero importante della storia che il tuo sito web vuole raccontare. Usa solo il colore per supportare il contenuto, non decorare una pagina. E spesso se stai usando una foto, i colori del disegno dovrebbero essere campionati dalle foto utilizzate in modo che il tuo design abbia una bella sensazione unificata.
Mi piace molto tirare esempi di colore con campioni di colore - e il Adobe Kuler L'app Web è un ottimo modo per giocare con diversi temi e quindi importarli nei tuoi strumenti di progettazione. Una delle migliori regole da seguire è usare i colori complementari. Che fondamentalmente usa colori caldi e colori freddi per bilanciare.
Ci sono letteralmente migliaia di font tra cui scegliere.
Spetta a te mescolare e abbinare, ma ricorda che è meglio usare solo un massimo di tre tipi di carattere alla volta, un bel font, uno per il corpo principale del testo, quindi uno per qualsiasi tipo di callout che potresti bisogno. Spesso, questo significa usare un sans-serif per la copia del corpo, e per i titoli puoi diventare più interessante con serif o sans-serif.
Va bene, hai i tuoi elementi di design di base, con belle icone e immagini, con una combinazione di colori sonori e caratteri divertenti. Qual'è il prossimo?
Ottenere aiuto dagli altri, ovviamente! E non solo persone casuali per strada, ma critiche costruttive da parte di persone che conoscono davvero le loro cose, come altri designer / sviluppatori. Questo può essere utile per passare da un sito web OK a uno che si apre davvero. Se non hai mai usato Behance per pubblicare un work in progress, ti consiglio di provarlo. La community attiva farà molto di più che dirti "per ingrandire il logo", ma fornisci consigli che possono fare la differenza tra un buon sito web e uno fantastico.
Per approfondire come applicare gli elementi di progettazione allo sviluppo web, controlla la mia presentazione da SXSW: