Pensa a quanti schemi segui nella tua routine quotidiana. Dal risveglio e dal prepararsi per il lavoro ad addormentarsi ogni notte, il giorno è pieno di questi piccoli elementi ripetuti che creano ordine e calma. I pattern nel design fanno la stessa cosa: questi elementi ripetitivi possono portare ordine in un progetto e creare un senso di calma (o caos) per dare un tono.
Questo è il vero fascino di un modello. Aiuta a indirizzare gli utenti attraverso un'estetica seguendo il modello o la serie di oggetti e indica agli utenti come interagire con qualcosa. I progettisti possono creare modelli in diversi modi: con sfondi, oggetti, colori, parole, pannelli o utilizzando una combinazione di questi elementi.
Cos'è un Pattern?
? Una disposizione di parti ripetute o corrispondenti, motivi decorativi, ecc.? - Dizionario inglese Collins
Un modello può includere qualsiasi modo di ripetere oggetti, parole, colori o forme. Ai fini del design, un pattern coinvolge tutti gli elementi in cui è possibile vedere alcune connessioni o ripetizioni nell'estetica generale. Mentre molti presumono che i modelli equivalgano a disposizioni ordinali e simmetriche, questo non è sempre il caso. I pattern possono cadere in qualsiasi array; a volte la disorganizzazione è il modello stesso.
I modelli possono essere riconosciuti da qualsiasi numero di sensi. I modelli visivi sono spesso più caotici di quelli creati. I modelli naturali includono spirali, onde, crepe e rotazioni. Quasi tutti i modelli tessili o perfetti sono creati appositamente per l'armonia visiva, anche se le forme di base derivano dalla natura.
Con sfondi
Una delle prime cose che mi viene in mente quando si parla di pattern sono gli sfondi. Apprezzati dallo sfondo (le varietà home e desktop), i pattern ripetuti piccoli o sottili sono modi popolari per aggiungere profondità allo spazio di base in un progetto di design. Alcuni progettisti optano per motivi di sfondo più grandi o più audaci, anche se questo non è così comune. (A molta attività in background può distrarre dal messaggio in primo piano.)
Quindi quali sono alcune tecniche comuni per creare un pattern di sfondo accattivante?
- Semplicità: I pattern di sfondo semplici sono efficaci e aggiungono profondità senza che gli utenti si concentrino effettivamente su questo aspetto del design. Gli sfondi migliori cadono nello scenario di per sé e servono solo a evidenziare la parte principale del design.
- Loghi: Per molti marchi, piccoli loghi ripetuti sono uno stile di sfondo comune. (Anche se ce ne sono parecchie che vanno sovradimensionate con un logo in background.) La ripetizione dei loghi può aiutare a stabilire una connessione di marca.
- Tavolozza neutra: Il colore è uno dei fattori più comuni nella progettazione dello sfondo. E le tavolozze neutrali sono prepotentemente dominanti. Anche con la tendenza di utilizzare immagini sfocate per sfondi - che è molto popolare in questo momento - i colori e le forme sono sfocate fino al punto di neutralità, dove gli oggetti e i colori si fondono l'uno nell'altro.
- Simmetria: I modelli di sfondo spesso cadono in forme ordinali. Con gli elementi ripetuti, il pattern potrebbe spesso essere spostato, titolato, invertito o modificato in molti modi e avere ancora lo stesso aspetto generale.
- Ripetizione: Anche gli oggetti ripetuti sono popolari nei pattern di sfondo. Questa semplice tecnica può aggiungere profondità a uno schema altrimenti piatto.
Raggruppando oggetti
Forme e oggetti simili sembrano quasi in linea tra loro quando utilizzati in prossimità. Mentre la scelta ovvia per raggruppare oggetti per modelli è raggruppare oggetti della stessa forma e dimensione, non è sempre necessario.
Nelle immagini sopra, il portfolio di Jonathan Patterson crea un modello ovvio con nove scatole di forma identica che contengono forme della stessa dimensione. Il modello è chiaro e accattivante. Il pattern utilizzato nell'immagine per Dots Printhaus è meno? Perfetto? ma altrettanto ovvio, con un insieme di forme simili in varie dimensioni.
Questo dimostra che gli oggetti possono essere raggruppati in modi diversi, ma creare comunque un senso del modello:
- Forme simili
- Forme variabili in dimensioni simili
- Le forme si organizzano per creare un oggetto
- Forme collegate da linee o altri elementi
- Forme con un numero simile di punti o estremità
Ripetendo colore
Il motivo può essere stabilito creando un tema con il colore. Questo include oggetti o elementi dello stesso colore o anche lavorare con elementi che hanno un colore simile? come saturazione, luminosità o tonalità. I colori sono spesso usati per dire agli utenti cosa fare con un disegno. Nella progettazione di siti Web, ad esempio, è comune che tutti i pulsanti selezionabili siano di un solo colore. Questo crea un modello esteticamente e per il comportamento dell'utente (ad esempio, fai clic su tutto ciò che è rosso).
Negli esempi sopra, il colore è usato in modi nettamente diversi. Brand Aid Design utilizza il colore per distinguere gli elementi e per creare un motivo con icone di forme e dimensioni diverse. Ro and Co utilizza il colore per uno sfondo e la stessa tonalità di colore per immagini più piccole in tutto il sito. Questa connessione a colori lega ciascuna delle immagini più piccole al design generale in un modello che non ha simmetria e una distinzione molto poco evidente.
Usa il colore per creare modelli per:
- Stabilire una connessione tra gli oggetti
- Creare un senso su come utilizzare un design
- Imposta un tono visivo
- Aggiungi un modello in cui nessuno potrebbe esistere altrimenti
- Disegna gli utenti da un oggetto all'altro
Con parole ripetute
Le parole ripetute possono creare uno schema visivo o auditivo. Vedendo la stessa parola più e più volte inizierai a connetterti al design o al messaggio. (Il sito Casper Sleep, ad esempio, utilizza la parola "Sleep" due volte in un progetto che contiene meno di 20 parole e usa anche il nome del marchio due volte.)
Bay Street Biergarten fa qualcosa di simile, ma suona mentre leggi il sito ad alta voce.L'immagine ripetuta di un orso e il collegamento con bicchieri da birra e parole? Artigianale? tutti iniziano a giocare lo stesso schema. Ogni elemento nel design dice birra. (Intelligente, eh?)
Usa le parole per creare pattern anche in altri modi:
- Ripetizione di parole o frasi
- Parole che hanno un aspetto simile (molte delle stesse lettere)
- Parole e immagini che dicono la stessa cosa
- Più parole che hanno lo stesso significato
- Parole di lunghezza simile (come molte frasi lunghe o corte per creare il ritmo)
Con pannelli di dimensioni simili
Le tendenze del design come i progetti in stile carta o i siti web a scorrimento di parallasse hanno lasciato il posto ai pannelli per creare modelli nei progetti di design. Da gruppi di carte a tessere ispirate per Pinterest a schermi? gruppi di pannelli creano modelli ovvi per gli utenti. Questi pannelli stabiliscono le differenze e le connessioni tra gli oggetti e consentono agli utenti di conoscere i cambiamenti nelle informazioni che stanno vedendo.
Questi pannelli possono essere di qualsiasi forma e dimensione, verticali o orizzontali e di colori diversi. Il sito Web di 10 Past Ten fa un ottimo lavoro per creare pannelli distinti in un contesto di parallasse con il posizionamento di colori e prodotti in modo che gli utenti possano distinguere chiaramente un'idea da una all'altra. Craftsman Ave. adotta un approccio leggermente diverso con un design che presenta un pannello di grandi dimensioni, seguito da pannelli all'interno di pannelli, in modo alternato per un modello in stile pattern.
Usa i pannelli per:
- Link come elementi
- Imposta scene
- Crea un flusso di informazioni
- Stabilire una posizione dominante utilizzando più immagini
- Racconta una storia visiva
Conclusione
I modelli possono essere progettati in diversi modi per variare l'impatto. Crea pattern che funzionano con il tono che desideri avere un progetto. I raggruppamenti simmetrici sono organizzati e rilassanti, elementi più casualmente accoppiati possono sembrare dirompenti ed eccitati.
Non sentirti in dovere di attenersi a un tipo di schema. Mescolare e abbinare diversi tipi di modelli per l'impatto in diversi luoghi. Parti diverse dello stesso progetto possono includere diversi tipi di modelli in diverse posizioni. (E questo è assolutamente accettabile.)