Ci sono molti termini aggiuntivi relativi a questi principi: ritmo del movimento, simmetria e spazio bianco. Questi concetti di progettazione rientrano e / o si basano sui principi di cui sopra e quindi non sono considerati principi autonomi.
Analizziamo tutti i principi del design e i loro concetti di design associati.
Equilibrio
Equilibrio è come sono disposti gli oggetti in una composizione e quale peso visivo essi trasportano. L'equilibrio può essere raggiunto utilizzando i seguenti metodi.
- Simmetria (Equilibrio formale): quando gli oggetti sono disposti uniformemente attorno ad un asse verticale o orizzontale. Gli oggetti sono disposti attorno a un punto centrale (o un raggio) noto come simmetria radiale.
- Asimmetria (Bilancio informale): quando gli oggetti sono disposti in modo non uniforme attorno a un asse verticale o orizzontale. In genere, c'è una parte dominante o un elemento in una composizione asimmetrica.
Contrasto
Contrasto si riferisce a come gli elementi in una composizione sono diversi. Questo principio è spesso associato al principio di somiglianza, ecco come gli elementi di composizione si assomigliano. Il contrasto può essere stabilito usando elementi di design come spazio, forma, dimensione, colore e trama.
Spazio bianco è anche un importante elemento di contrasto. Spesso chiamato spazio negativo, che lo spazio fa riferimento alle parti vuote di una composizione. Lo spazio bianco può aiutare a organizzare gli elementi in una composizione e enfatizzare quelli più importanti. Crea anche un'aura di lusso e minimalismo.
fonte
Dominance
Dominance si riferisce ai vari gradi di enfasi all'interno di una composizione. L'enfasi viene in genere ottenuta utilizzando elementi come dimensioni, scelta dei caratteri e alcune combinazioni di colori (che possono creare contrasto). Ci sono tre fasi principali di dominanza nel design.
- Dominante – L'oggetto di primaria importanza. Ha il maggior peso visivo e si trova in genere in primo piano in una composizione.
- Sub-dominante – L'oggetto / i di enfasi secondaria che si trova di solito nella terra di mezzo.
- Subordinare – L'oggetto / i di enfasi terziaria si trova in genere sullo sfondo.
Fatto divertente: il centro visivo è dove ci concentriamo naturalmente su un pezzo di design visivo. È leggermente sopra e alla destra del centro effettivo di una composizione e viene spesso definito "altezza del museo".
fonte
Movimento
Movimento è il percorso visivo seguito da un osservatore durante la visualizzazione di una composizione. Con un movimento appropriato, una composizione può creare una narrazione e fornire un'esperienza utente di alta qualità (UX). Il movimento può essere stabilito usando elementi di design come linee, forme e colori.
fonte
Proporzione o scala
Proporzione si riferisce al peso e alle dimensioni visive degli elementi di una composizione e al loro rapporto reciproco. Questo principio è anche noto come scala.
La dimensione relativa di un oggetto a un altro può aiutare a creare un punto focale o un movimento lungo la composizione. Inoltre, le dimensioni variabili degli oggetti possono aiutare a comunicare l'importanza e il dominio di un elemento rispetto all'altro.
fonte
Unità
Visivo unità è stato definito come l'obiettivo principale del design, sebbene tale opinione differisca tra i designer e alcune comunità di design. Unità, o armonia, si riferisce alla relazione tra le singole parti e l'intera composizione. Quando gli elementi di una composizione sono concordi, esiste l'unità; quando gli elementi non sono d'accordo, si dice che una composizione abbia varietà.
I seguenti principi di progettazione sono associati all'unità.
- Allineamento – Quando gli oggetti sono allineati su un determinato asse o cadenza
- continuazione – Quando si estende una linea o un motivo
- Prospettiva – Quando c'è una distanza tra gli elementi
- Prossimità – Quando gli oggetti sono posti vicini
- Ripetizione – Quando gli oggetti vengono copiati più volte
- Ritmo – Quando gli oggetti si ripresentano con una leggera modifica o interruzione
fonte
Mentre i principi del design sono considerati universali, sembrano un po 'diversi come applicati a diverse comunità e pratiche di design. Di seguito, abbiamo esaminato i primi sette tipi di design nel marketing.
Tipi di design in marketing
- Disegno grafico
- Branding e Logo Design
- UI e UX Design
- Web (Front-End) Design
- Design multimediale
- Progettazione Ambientale
Analizziamo ogni tipo di design e come si applicano all'industria del marketing.
Disegno grafico
Il design grafico è probabilmente quello che immagini quando pensi al design nel campo del marketing: immagini di social media, intestazioni di email marketing, infografiche, cartoline e molto altro.
Poiché il contenuto visivo è un mezzo di marketing estremamente prezioso e coinvolgente, le aziende si affidano ai grafici per creare risorse che rappresentino il loro marchio e comunichino con il pubblico.
Hai bisogno di modelli per aiutarti a creare contenuti per qualsiasi canale online? Scarica la nostra libreria gratuita di oltre 195 modelli di visual marketing design.
Branding e Logo Design
Il design del marchio e del logo è un sottoinsieme del design grafico. Include gli elementi visivi di un marchio e l'identità del marchio, come logo, tipografia, tavolozze dei colori, guide di stile e altro.
fonte
I progettisti di marchi e loghi creano risorse che rappresentano un marchio, illustrano la missione, la visione e i valori del marchio e promuovono la consapevolezza del marchio per l'azienda.
Impara i concetti fondamentali della grafica e come utilizzarli per creare grafica di alta qualità seguendo il corso di Graphic Design Essentials di HubSpot Academy.
UI e UX Design
L'interfaccia utente (UI) e l'esperienza utente (UX) si concentrano sul miglioramento del modo in cui gli utenti di siti Web, app e software interagiscono e sperimentano un prodotto.
fonte
Mentre alcuni ruoli combinano design UI e UX, le due pratiche sono molto diverse. I progettisti dell'interfaccia utente sono responsabili della creazione di un'esperienza visivamente piacevole e on-brand per gli utenti attraverso la progettazione di pagine Web, il design di app e la progettazione di temi su siti come WordPress e Shopify.
I progettisti di UX, d'altra parte, sono responsabili di assicurarsi che un prodotto risolva effettivamente un problema attraverso test di usabilità, flussi di utenti e prototipi digitali.
Web (Front-End) Design
Il web design si applica al lato front-end (lato pubblico) di un sito web. I progettisti front-end sono come i progettisti dell'interfaccia utente dotati di conoscenza della codifica: progettano prototipi di interfacce utente statiche per un sito Web e quindi li traducono in codice HTML, CSS e JavaScript. (Ma non confondere questa pratica con lo sviluppo web front-end.)
I Web designer creano risorse che producono un sito Web attraente e completamente funzionale, come splash page, elementi di navigazione, sitemap e pagine, funzioni di scorrimento e clic e sistemi di gestione dei contenuti.
Design multimediale
Il design multimediale (o grafico motion) sta progettando la grafica per una varietà di media, in particolare video e animazione. A causa delle sue esigenze in termini di tempo e costi, questo tipo di design è stato storicamente riservato a chi si occupa di TV e film. Ma con i progressi tecnologici e il recente aumento nel marketing dei contenuti video, il motion graphic design è diventato più accessibile che mai.
I progettisti multimediali sono responsabili della creazione di beni mobili che comunicano e si dilettano con un pubblico, come logo mobili, GIF, video animati, video tutorial e siti Web animati.
Progettazione Ambientale
Il design ambientale, noto anche come progettazione grafica ambientale, è inteso a migliorare l'esperienza di una persona promuovendo lo scopo di un ambiente, che sia memorabile, eccitante, informativo, motivazionale o facilmente navigabile. La pratica unisce interior design, architettura, design grafico, progettazione del paesaggio e design industriale.
fonte
I progettisti ambientali creano risorse che collegano le persone al loro ambiente, come ad esempio murali, design e marchi di uffici, interni di negozi, progettazione di spazi per eventi, pubblicità di segnaletica e interattiva.
Suggerimenti per la progettazione del marketing
Abbiamo coperto le basi dei tipi più comuni di design nel marketing: grafica, branding, UI e UX, e web, multimedia e ambientale. Ora, ci tufferemo in alcuni suggerimenti per i primi quattro.
Nota: tieni d'occhio il principi di progettazione che abbiamo discusso sopra … faranno anche un'apparizione in questa sezione.
Suggerimenti per la progettazione grafica
1. Inizia con lo scopo
Che tipo di contenuti stai progettando … un annuncio sui social media, un'intestazione del modello email o un ebook? Questi sono tre diversi contenuti con tre scopi e obiettivi molto diversi. Prima di creare il tuo pezzo di design grafico, annota lo scopo del contenuto. Ciò può aiutare a mantenere gli obiettivi di progettazione allineati con gli obiettivi dei contenuti mentre crei la tua opera d'arte.
2. Applica la tua guida di stile
Al momento di decidere quali elementi di design includere, considera la guida allo stile del branding della tua azienda. (Vedremo come e perché creare una guida di stile successiva.) Questa guida ti mostrerà immediatamente quali colori, caratteri e altri elementi di design utilizzare durante la progettazione dei tuoi contenuti. Da lì, puoi apportare piccole modifiche a seconda del tipo di contenuto che stai creando.
3. Creare ordine con linee e allineamento
Le linee e l'allineamento nella progettazione grafica possono creare movimento e ordine. Allinea il testo nel tuo grafico per guidare lo spettatore mentre legge o incorpora linee orizzontali per separare il testo e le immagini. Analogamente a come si formattano i post dei blog lunghi in piccoli paragrafi, le linee e l'allineamento rendono più facili da digerire pezzi di design grafico.
fonte
4. Pepe in alcune icone e illustrazioni
Colori, testo e immagini creano una grafica meravigliosa, ma non limitare i tuoi elementi a questi tre. Le icone e le illustrazioni possono anche dare un tocco a un testo o a un contenuto di immagine pesante. Le icone potrebbero anche essere in grado di illustrare concetti che le foto non possono, e servono come punti elenco creativi per lunghe liste.
Abbellisci oggi il tuo design grafico con le nostre 135 icone gratuite da utilizzare nella grafica di marketing.
Suggerimenti per la progettazione di marchi e marchi
1. Progetta l'estetica della tua personalità
Come presentate visivamente la personalità del vostro marchio e della vostra azienda? Se il tuo marchio fosse una persona, come sarebbe? Il tuo design di branding dovrebbe riflettere le risposte a queste domande.
Prima di iniziare la progettazione, crea un elenco di aggettivi che descrivono il tuo marchio, la tua azienda e la tua cultura. Questo ti aiuterà a scegliere combinazioni di colori, immagini, caratteri e altri elementi di design e far emergere i punti chiave della tua personalità. Inoltre, usando gli aggettivi del tuo brand come guida, crea una raccolta di immagini, grafici, campioni di colori e loghi simili che rappresentano lo "stato d'animo" del tuo marchio – a.k.a un mood board.
2. Diventa un po 'eccentrico
Il tuo logo e le risorse del marchio non devono essere una rappresentazione chiara di ciò che fa la tua azienda. Heck, il logo di HubSpot non ha nulla a che fare con il marketing, le vendite o il software di servizio. Tuttavia, rappresenta perfettamente la nostra azienda pur essendo memorabile e distintiva.
Mentre progetti l'identità visiva del tuo marchio, non aver paura di diventare un po 'eccentrico e di incorporare alcuni aspetti di design unici. Ciò potrebbe aiutare il tuo marchio a distinguersi dal resto.
3. Resta semplice
Il tuo marchio dovrebbe comunicare la tua estetica in meno di un secondo. Le impressioni sono fatte in un batter d'occhio e il tuo logo e la tua identità di marca non fanno eccezione. I consumatori decideranno se gradiscono, non amano, sono impressionati o non vogliono avere niente a che fare con il tuo marchio in una frazione di secondo, quindi mantieni il tuo design semplice e diretto.
4. Dare priorità alla coerenza
Questo è forse il consiglio più importante quando si parla di branding e design del logo: Sii coerente. Puoi spendere centinaia di ore e migliaia di dollari per sviluppare una splendida identità visiva per il tuo brand, ma se non si riflette su ogni pezzo di stampa e contenuto digitale, tutte le tue risorse sono andate sprecate.
La coerenza si applica su un paio di assi diversi: orizzontalmente lungo i tuoi elementi di contenuto, ad esempio nei caratteri, nella spaziatura e nelle combinazioni di colori e verticalmente tra i tuoi contenuti, ad esempio tra i tuoi social media, email, sito Web e materiali di stampa. Crea una guida di stile per incoraggiare tutti ad aderire al tuo nuovo marchio. Ecco La guida allo stile di HubSpot come esempio.
Scopri gli elementi chiave di cui hai bisogno per creare un marchio forte scaricando qui la Guida Essenziale di Branding Your Company.
Suggerimenti per la progettazione di UI e UX
Nota: il design UI e UX sono considerati due diversi tipi di design, ma poiché sono così simili, abbiamo raccolto alcuni suggerimenti che possono essere applicati a entrambe le pratiche.
1. Adattare la prospettiva di un utente
Sia che stiate progettando l'interfaccia o l'esperienza di un'app, di un sito Web o di uno strumento online, adattate sempre la prospettiva di un utente. Perché qualcuno dovrebbe usare il tuo sito? Cosa speravano di ottenere? Quali potrebbero essere le loro sfide? È importante ricercare la tua base di utenti e capire meglio come si avvicinerebbero al tuo sito o alla tua applicazione. Prendi in considerazione la possibilità di fare ricerche di prima mano attraverso un focus group o parlando con i clienti attuali.
fonte
2. Anticipare gli errori
Indipendentemente dal fatto che parli con gli utenti, ci sarà sempre una manciata (o più) di persone che incapperanno nel tuo sito web o applicazione. Anticipa questi errori incorporando meccanismi a prova di idiota, come non permettere a qualcuno di inviare un modulo Web se hanno saltato una casella o se un utente ha confermato che vorrebbe uscire nel caso in cui si accedesse accidentalmente dallo schermo. Questi meccanismi possono aiutare a prevenire gli errori prima che accadano e far sapere ai tuoi utenti che hai le spalle.
3. Non trascurare gli standard e le tendenze
I designer adorano aprire un nuovo percorso e "reinventare la ruota" con i loro progetti. Mentre questo può creare qualcosa di unico e memorabile per l'utente, potrebbe anche confonderli se sei andato troppo lontano. Prendi in considerazione la possibilità di attenersi a modelli, standard e tendenze di progettazione noti, ad esempio una barra di navigazione nell'angolo in alto a destra o informazioni di contatto nella parte inferiore della pagina. Questo può aiutare i tuoi utenti a sapere inconsciamente come navigare nel tuo sito senza spiegazioni.
4. Sii amichevole con i dispositivi mobili
Il design reattivo è un non negoziabile per siti Web e applicazioni, ma il tuo design è amico dei dispositivi mobili? Considerare la spaziatura dei pulsanti, la dimensione del testo e qualsiasi altro elemento di navigazione o organizzativo che potrebbe risultare scomodo in un design reattivo. Inoltre, guarda come il tuo sito potrebbe cambiare se visualizzato su un desktop, tablet e vari tipi di smartphone.
Suggerimenti di progettazione Web (front-end)
1. Considera la piega
Su un sito web, la piega è considerata la parte inferiore dello schermo – dove la tua pagina si "piega" se si trattasse di un oggetto fisico, come un giornale. Le informazioni più importanti su un sito web devono sempre essere posizionate "above the fold" (come nei giornali) in modo che un visitatore non debba scorrere verso il basso per vederlo.
2. Sfrutta lo spazio bianco per attirare l'attenzione
Nel caso del web design, meno è spesso di più. Con molte informazioni da condividere con i visitatori, si può essere tentati di ingombrare tutto sopra le pieghe così la gente lo vede subito. Ma i siti Web meno ingombranti sono più facili da leggere, navigare e digerire. Mantieni i tuoi visitatori sul tuo sito web mettendo un sacco di spazio bianco intorno ai tuoi contenuti; sarà più facile per loro concentrarsi sulla lettura e sulla comprensione dei contenuti.
3. Usa il colore per guidare l'azione
La psicologia del colore gioca un ruolo importante nel marketing. Senza che nemmeno noi lo sappiamo, alcuni colori possono incoraggiarci a fare certe cose, come fare clic su un pulsante o continuare alla pagina successiva di un modulo web. Usa i colori per guidare lo stesso tipo di azione sul tuo sito web. Rendi tutti i tuoi CTA in grassetto per farli risaltare.
fonte
4. Evita le immagini generiche
Esistono molti modi per utilizzare le immagini nel tuo marketing, ma l'unico modo per evitare è usare immagini generiche. Immagini di stock generiche e scadenti fanno sembrare un marchio pigro e disimpegnato con il loro personaggio acquirente. Le immagini sul tuo sito web dovrebbero essere una rappresentazione del tuo pubblico e se non puoi catturare il tuo effettivo pubblico, dovresti lavorare duro per trovare le immagini che lo fanno. Suggerimento: un ottimo modo per raccogliere le immagini del pubblico è eseguire una campagna di contenuti generati dall'utente (UGC).
Scarica la nostra guida gratuita al web design basato sulla crescita per ulteriori suggerimenti sul web design.
Tempo di progettare
Il design è disponibile in tutte le forme e dimensioni … letteralmente. Dai siti Web per stampare la grafica alla progettazione di spazi per uffici, svolge un ruolo importante nel marketing delle nostre attività e marchi. Anche se non ti consideri un designer, ti incoraggiamo a familiarizzare con gli elementi e i tipi di design. Non sai mai quando potresti doverti consultare su un progetto o creare un tuo progetto.
Pubblicato originalmente il 12 febbraio 2019 alle 5:30:00, aggiornato il 12 febbraio 2019
