Web design per developer: risorse utili

Anche lo sviluppatore più abile dovrà confrontarsi, prima o poi, con questioni relative al design e all’estetica di un progetto. E sebbene esistano figure professionali specifiche per questo scopo, non solo è importante costruire una struttura che permetta un’agile integrazione con il design finale, ma spesso il budget ridotto non permette di approfittarne.

Eppure, in un certo senso lo sviluppo di codice è tanto creativo quanto la cura dell’estetica di un progetto: richiede elasticità mentale, una propensione all’innovazione, nonché abilità nel risolvere le problematiche più annose. Quali sono, di conseguenza, i consigli e le risorse che potrebbero ritornare utili allo sviluppatore per migliorare il design, almeno a livello base, delle proprie creazioni?

• Colori: lo schema colori di un progetto deve essere ben chiaro già dalla primissima fase di progettazione, prima ancora di scrivere una singola riga di codice. In caso non si fosse particolarmente pratici con la scelta delle tinte e il loro abbinamento, utili soluzioni provengono da servizi online. Colour Lovers, ad esempio, mette a disposizioni milioni di combinazioni per i colori di base, da modificare poi a piacere con sfumature. Per ogni interfaccia, è quindi raccomandata la scelta di 2 o 3 colori primari che ne costituiscano le fondamenta. Naturalmente, è necessario lavorare anche su gradienti e sfumature, aiutandosi con la Color Wheel di Adobe;
• Pattern: i pattern sono elementi estremamente utili già nella fase di progettazione, poiché permettono di raggiungere consistenza nello sfondo e, fatto non da poco, costituiscono la base per il successivo lavoro di design. Subtle Patterns offre una raccolta davvero infinita di campioni da cui scegliere, da inserire nella propria progettazione anche sfruttando i comandi di blend all’interno delle specifiche CSS 3;
• Fotografie: si tratti di un sito web, di un’applicazione mobile o qualsiasi altro tipo di interfaccia, la progettazione più avvincente dal punto di vista del codice verrà certamente uccisa dalla scelta di fotografie di pessima qualità. Oltre all’esistenza di numerosi siti di stock a pagamento, o al ricorso a fotografi professionisti, esistono moltissime raccolte di immagini dal buon impatto visivo, distribuite gratuitamente e con licenza CC0. Fra i più famosi, Unsplash, Pixabay e Pexels;
• Semplicità e ispirazione: quando si elabora il design per il proprio progetto, si applichino gli stessi principi cardine dello sviluppo del codice, ovvero quelli della semplicità e della consistenza. Design troppo ricchi e sofisticati, infatti, potrebbero confondere l’utente finale, riducendo così le stesse potenzialità di codice.

Un buon consiglio, per chi si avvicinasse per la prima volta a questo ambito, è quello di lasciarsi ispirare dal lavoro altrui. Questo non significa ovviamente copiare, bensì capire quali siano le soluzioni che hanno più presa sull’utente, quali massimizzano le potenzialità del codice, quali risultano davvero visivamente appaganti.

Via Ben Roux