Dai modelli, ai video, alle immagini, ci sono un sacco di cose da scegliere quando si tratta di selezionare lo sfondo perfetto per qualsiasi progetto di design. Sebbene la texture o l'immagine che scegli non sia necessariamente intesa come parte principale del messaggio generale, può avere un impatto abbastanza forte.
Gli sfondi possono essere sottili, audaci, statici, dinamici o inesistenti. E gli sfondi nei progetti di oggi sono spesso più di una semplice tela beige e sono parte integrante e integrata dello schema di progettazione generale. La tendenza del design di sfondo potrebbe addirittura indurre alcuni a chiedere dove finisce lo sfondo e inizia il primo piano. Oggi condividiamo alcuni suggerimenti e trucchi su come scegliere uno sfondo efficace.
Colore solido o sfumatura
Uno degli stili di sfondo più popolari e classici è quello di un singolo o di un colore con una leggera sfumatura. Entrambe le opzioni possono funzionare magnificamente per progetti di stampa o digitali e possono essere progettate utilizzando quasi tutte le combinazioni di colori, contribuendo a spiegare perché questa opzione è così popolare.
Le tonalità neutre sono l'opzione più popolare per l'uso di sfondi a tinta unita. Questa scelta logica funziona praticamente con qualsiasi elemento in primo piano senza essere invadente o rendendo difficile posizionare gli elementi sulla tela. Altri designer, tuttavia, optano per sfondi monocromatici più brillanti o più audaci con uno schema di progettazione generale più semplice. Questa tendenza è emersa con principi di design piatto in quanto sempre più persone hanno la possibilità di ottenere colori e caratteri e elementi semplici.
Ci sono due scuole di pensiero quando si tratta di utilizzare i gradienti come sfondi: dissolvenza in bianco o nero o per mescolare più colori contrastanti. Entrambe le opzioni possono funzionare, a seconda dell'uso, ma la dissolvenza in bianco o nero è di gran lunga una soluzione più semplice. È anche più facile da tirare fuori. Le sfumature sono anche un aspetto più datato in questo momento, in quanto la tendenza è passata di moda. (Ma come la maggior parte delle altre tendenze, probabilmente riemergerà).
Pattern sottile
Un altro design popolare è l'uso di motivi sottili per creare texture sullo sfondo. Questo può essere realizzato usando colori e forme semplici o linee o piccoli oggetti.
Questi piccoli motivi o frammenti di texture possono aiutare ad aggiungere un tocco tridimensionale al design, oppure, nel caso di progetti stampati, includere fisicamente un elemento di trama. Modelli che non vedi veramente aiuto? altri elementi di design fuori dalla tela, portando più attenzione e attenzione a loro.
Modelli sottili possono essere creati utilizzando forme e linee o piccole immagini. Entrambe le opzioni possono funzionare in una varietà di modi efficaci. Sottile, in termini di pattern, non sempre correlato al colore. Modelli sottili possono essere intessuti in quasi tutti i colori, dai neutri sbiaditi ai colori vivaci. La chiave quando i pattern sono progettati per lo sfondo è di tenerli lì. Troppo colore o contrasto nella progettazione dello sfondo possono far sì che sia in competizione con altri elementi che potrebbero essere più importanti per il messaggio generale del progetto di design.
Grassetto o Grande Motivo
Motivi oversize o di grandi dimensioni, in particolare quelli che utilizzano colori elevati, possono essere una delle cose più divertenti che si possono fare con la progettazione dello sfondo. Può anche essere uno dei più difficili.
La maggior parte dei designer che optano per motivi in grassetto o grandi lo fanno usandoli in posizioni chiave sulla tela e accoppiandoli con qualcos'altro che è più sottile o come uno sfondo di tela completo abbinato a sovrapposizioni di riquadri colorati per contenuti e altri elementi di design.
I modelli audaci sono piuttosto alla moda e spesso creano un certo mood per un progetto di design. Tendono a? Sentire? divertente e spensierato. Sono spesso usati con scelte di colore che sono luminose per contribuire ulteriormente a quello stato d'animo generale.
Un'altra opzione con modelli di grandi dimensioni è quella di utilizzare il modello in modo sovradimensionato. Con questo concetto, puoi vedere la ripetizione del modello solo una o due volte. I progettisti usano spesso il modello oversize? se puoi davvero chiamarlo così, in più combinazioni di colori monotone. Questo concetto confina con la linea oversize e grassetto o può essere attenuato per un design di sfondo più sottile.
Foto o video
Un'immagine vale più di mille parole. Questa è l'idea dietro sfondi di foto e video nei progetti di design. Gli sfondi basati su immagini possono essere più efficaci se usati per raccontare una storia in un modo che le parole o altri elementi visivi non possono.
Gli sfondi di foto o video a schermo intero - fermi o come parte di uno slider - sono incredibilmente popolari. Questo tipo di background è così coinvolgente che molti utenti non noteranno nemmeno lo sfondo rispetto a quello in primo piano nel design, perché quando vengono eseguiti correttamente tutti i pezzi sembrano fondersi insieme.
Questa tecnica non è sempre facile da produrre. Le immagini devono essere stellari per farlo funzionare. Le immagini devono anche includere aree aperte per altri elementi come testo o pulsanti sui siti web. Devono inoltre adattarsi al canvas e, a volte, a più tele quando vengono utilizzate come parte di un web design reattivo.
Ma il vantaggio principale di uno sfondo fotografico è la connessione. Le persone amano guardare le immagini. Seleziona uno sfondo fotografico che racconta la storia del progetto di design su cui stai lavorando e considera l'utilizzo dei volti come elemento chiave nella foto per attirare ulteriormente le persone nel design.
Gli sfondi di foto di grandi dimensioni sono stati popolari per un po 'in una varietà di tipi di progetti, in particolare siti Web. Più comunemente, anche i designer di stampa li stanno utilizzando. Le foto a pieno campo possono creare bellissime brochure, biglietti da visita e altri materiali stampati. D'altro canto, il video a pieno campo è una tendenza distintamente basata sul web che sta iniziando a conquistare un certo numero di siti che un tempo utilizzavano le foto a schermo intero. Velocità di connessione Web e tempi di caricamento più rapidi hanno reso ancora più semplice l'uso di questo formato nei progetti di design.
Illustrazione
Proprio come gli sfondi di foto o video, le illustrazioni forniscono un'esperienza visiva interattiva. Gli sfondi illustrati sembrano spesso fondersi con il primo piano, ma possono anche essere sottili.
La cosa bella di un'illustrazione è che è una visuale davvero personalizzata. La maggior parte dei designer che usano illustrazioni creano o contraggono disegni unici. Non vi è alcuna preoccupazione che altri progetti includano lo stesso materiale visivo o un modello simile.
L'illustrazione può anche aiutare a definire uno stato d'animo specifico per un progetto. Elementi popolari nei progetti di design con un pubblico più giovane, le illustrazioni sono spesso più leggere e facili da digerire, anche se abbinate a contenuti più seri.
Nessun background
Alcuni sfondi non sono affatto sfondi. Sono solo uno spazio bianco.
Questa è un'opzione particolarmente popolare in questo momento, mentre il minimalismo nel design è una tendenza importante. La mancanza di uno sfondo, abbinato ad altre semplici tecniche di progettazione, può creare un pacchetto visivamente sbalorditivo.
La chiave per fare un? Background-less? il lavoro di progettazione è attenta ad altri dettagli di design. Anche se è più popolare nella progettazione di siti Web, pensa a quanto sia facile creare un sito Web reattivo quando non devi considerare lo sfondo: si traduce bene per stampare progetti.
L'uso di grandi quantità di spazi bianchi porta la piena attenzione del pubblico agli elementi sulla tela. Rende ogni oggetto un po 'più importante che potrebbe altrimenti. Il rischio senza background è quello di perdere rapidamente il pubblico perché non sono abbastanza visivamente coinvolti.
Tutorial e risorse
Ora come inizi a mettere in pratica tutte queste idee? Abbiamo anche raccolto un mix di fantastici tutorial e risorse in modo da poter provare a sviluppare una varietà di sfondi da soli.
- Sfondi a tinta unita: seleziona e scarica uno sfondo solido per progetti personali o commerciali.
- Ultimate CSS Gradient Generator: imposta le opzioni di colore e ottieni il codice per importare una sfumatura direttamente sul tuo sito web.
- Tutorial - Crea 5 pattern di sfondo sottili: impara come creare i tuoi pattern di sfondo in questo semplice tutorial di Photoshop.
- Esercitazione - Creazione di motivi geometrici in Illustrator: scopri come creare grandi disegni in grassetto utilizzando forme basate su vettori.
- Esercitazione: crea pattern ripetuti in Photoshop: impara a creare un motivo, aggiungere colore e aggiungere profondità.
- Tutorial: crea un video di sfondo HTML5 a schermo intero: questo tutorial ti guida attraverso il CSS necessario per creare uno sfondo video.
- Pattern sottili: il sito e il plugin corrispondente per Photoshop includono molti sfondi.
- Zen BG: questo strumento ti consente di creare diversi tipi di sfondi.
Conclusione
Come puoi probabilmente vedere dagli esempi sopra, i migliori sfondi possono includere più di un tipo di tecnica di progettazione. Uno sfondo può utilizzare uno schema sottile animato o una foto di grandi dimensioni. Le combinazioni sono quasi illimitate.
La chiave con qualsiasi concetto di fondo, o progetto di design, è creare qualcosa con cui le persone vorranno interagire. Lo sfondo dovrebbe essere parte del piano di progettazione generale, non un ripensamento. Tieni questo a mente: solo perché non è la prima cosa che vedi, non significa che non sia una delle più importanti.
Fotografie Stock Per gentile concessione del mercato creativo.