E-commerce, siti di prodotto e portfolio online sono accomunati da una stessa esigenza: mettere in risalto le immagini. In questi casi utilizzare background complessi, con texture particolari o semplici effetti di riempimento non è la scelta più efficace. Le immagini tendono a confondersi, e sfondo e primo piano contendono all’occhio tutta l’attenzione.
Il bianco è la tonalità più utilizzata, e proprio per questo più ovvia e scontata.
Più particolare l’alternativa del grigio, tinta che negli ultimi anni è diventata sinonimo di fascino e raffinatezza. Il grigio offre una percezione più brillante dei colori ed offre una ricca gamma di sfumature da adattare a qualsiasi design.
Per renderlo meno monotono è sempre una buona scelta ombreggiarlo e lavorarlo con sfumature o pattern semplicissimi. Come negli esempi seguenti:
4 Comments
Marco
dicembre 4, 2011 8:34 amGiustissimo, infatti (tiro fuori il primo esempio a caso che ho sotto mano) il mac che sto usando usa un background grigio dovunque è possibile. Per es. alcuni programmi usano rigorosamente sfondo grigio a righine, come finder e itunes, e inoltre è grigia l’area esterna della schermata che elenca i desktop. Così sono messi in evidenza gli elementi centrali dell’interfaccia grafica, perché sono quelli veramente importanti. 😀
Inoltre, non so quanto c’entri con il tema del post, ma leggendo mi è venuto in mente che le immagini *devono* in qualche modo distinguersi dallo sfondo, infatti non è raro trovare simboli delimitati da un doppio bordo.
Per esempio: perché la “stella della vita” ha un doppio bordo blu e bianco? E’ casuale? Secondo me, no, è stato messo apposta! Il simbolo è blu in tinta unita, quindi non si distinguerebbe se posto su uno sfondo dello stesso colore. Allora si è adottata una soluzione elegante e pratica, che delimita il disegno in entrambi i casi: su sfondi blu, resta un bordo bianco; su altri sfondi, appare il doppio bordo.
Marco
dicembre 4, 2011 8:41 amPS: vorrei lasciare un commento, non so se è troppo off-topic rispetto al post… 😀
Credo che questo blog sia veramente fantastico!! =D Non sono un esperto di grafica o design, tuttavia alcuni concetti li conosco già perché fanno parte del corso universitario di Ingegneria del Software (usabilità delle interfacce utente nello sviluppo software, design dell’interfaccia grafica, ecc.) che fa parte del corso di Ingegneria Informatica.
Ma a prescindere dai contenuti, il motivo principale è che mi “ispira”, mi dà idee per pensare, infatti non a caso ho apprezzato tanto il video che hai inviato il 6 nov 2011. Continua così 😀
Marco
dicembre 4, 2011 8:52 amAh, ecco, la 2 parte del primo commento mi è venuta in mente perché sono convinto che il bordo bianco che è nella prima immagine non sia lì per caso, ma sia frutto di una scelta precisa. L’ultima immagine, invece, ha un grigio con gradiente e righe, e (forse mi sbaglio) personalmente credo siano lì apposta per questa funzione e non solo per rendere lo sfondo meno monotono =) perché il grigio delle immagini ospitate ha maggiori probabilità di essere in tinta unita piuttosto che presentare lo stesso identico chiaroscuro che il sito gli mette attorno. Però personalmente trovo più efficace il bordo bianco.
Se vuoi integra questa cosa nel primo commento, scusami per il pasticcio :p
Elena
dicembre 5, 2011 9:38 amGrazie Marco e dei tuoi tanti spunti!
Torna a trovarmi 😉
Leave a Reply