Share
Progettare un'identità di marca grafica forte e coerente è uno dei compiti più gratificanti nella progettazione grafica. È un'opportunità unica per creare qualcosa che continuerà ad essere utilizzato in molti luoghi, applicazioni e design diversi. In questa serie di tutorial in più parti ti guiderò attraverso i processi e il design che ho usato per creare il marchio Rockable Press e le sue numerose applicazioni sia offline che on. Inizieremo guardando la creazione del logo, dell'aspetto e del marchio Rockable.
Questo post è il giorno 11 della nostra sessione di Graphic Design. Sessioni creative "Session Day 10Session Day 12"Il branding è un'area che comprende molto più della semplice progettazione grafica. In realtà tende a sanguinare pesantemente nel marketing e nella pubblicità. Quindi lo sviluppo del marchio per le grandi aziende viene spesso gestito da un'agenzia pubblicitaria o da un marchio specializzato e una casa di design. Aziende come Landor e FutureBrand andranno ben oltre la progettazione grafica e spesso le sentirai parlare dell'esperienza del marchio e della costruzione del marchio.
Come designer, il mio primo istinto è quello di assumere che i marchi siano riconosciuti principalmente visivamente, ma in effetti le agenzie di branding spesso si immergono anche negli altri sensi. Così per esempio qualche tempo fa ho incontrato un ragazzo che produce fragranze aromatiche per marchi in modo che ogni volta che si entra, per esempio, in un particolare negozio di abbigliamento c'è la stessa sottile fragranza. Un altro metodo non visuale di branding è il branding audio che è notoriamente utilizzato da Intel con quel familiare carillon a quattro note che riproducono sempre sui loro annunci quando appare il logo "Intel Inside".
Se sei interessato a sapere come funziona il branding per le aziende, leggi davvero immutabili sul branding.
Per i nostri scopi, ci concentreremo piuttosto sull'esperienza visiva di un marchio.
In questa serie di esercitazioni esamineremo lo sviluppo di un marchio Envato chiamato Rockable Press. È una piccola divisione della nostra azienda che rende le guide EBook all'apprendimento come fare le cose. Quindi abbiamo un libro su come freelance, un libro su come progettare temi WordPress, e abbiamo alcuni minibook in via di sviluppo sull'utilizzo di Twitter per uso aziendale, sulla scrittura per il web, sull'affettatura di disegni di Photoshop e così via.
Se dovessi identificare il valore della marca chiave, sarebbe quello chiunque può essere fantastico in quello che fanno, e i prodotti Rockable sono lì per aiutare le persone ad acquisire nuove competenze e diventare veramente bravi.
Quindi, basandoci su quel valore chiave del marchio, abbiamo inventato i titoli dei nostri libri "Come essere un Rockstar Qualcosa"e" Rockstar QualcosaQuindi abbiamo come diventare un Freelancer Rockstar, come essere un designer WordPress Rockstar e il marchio personale Rockstar.
Quando è arrivato il momento di creare un nome per l'azienda, tuttavia è risultato che Rockstar Press o Rockstar Books hanno causato molti problemi. Una ricerca del US Trademark Database rivela che ci sono un sacco di marchi Rockstar Something là fuori, compresa una famosa compagnia di gioco.
Quindi, con un po 'di pensiero laterale, abbiamo escogitato Rockable che è una parola inventata ma che suona reale. Infatti una ricerca del Dizionario Urbano afferma che la "parola" significa avere l'abilità di fare rock ... che è perfetto!
Una ricerca di nomi di dominio ha mostrato che Rockable.com era sparito, ma RockablePress.com era disponibile e quindi il nome è stato scelto.
Se sei interessato a selezionare domini / nomi di marchi, ti potrebbe interessare leggere l'articolo di SmashingMagazine La strategia efficace per scegliere i nomi di dominio giusti.
Esistono due criteri principali che uso per creare i loghi:
Per saperne di più su ciò che rende un grande logo, dovresti dare un'occhiata a Tony Spaeth di IdentityWorks sui Sei attributi universali di un grande marchio.
Un primo passo nella creazione di un logo è decidere se sarà un segno di parola o un simbolo. Un marchio è quando il logo è basato esclusivamente su testo. Un logo basato su simboli è di solito un segno grafico iconico sposato con un testo semplice. Famosi esempi di marchi includono Google, Microsoft, Elle, Sony e il nostro Tuts +. Mentre famosi esempi di loghi basati su simboli includono Nike, BP, Blogger, Chevron e Envato!
Come scegli? Tony Spaeth ha di nuovo un articolo pulito chiamato Symbol? O Wordmark? che in pratica dice che dovresti favorire i timbri per nomi e simboli distintivi per nomi generici più lunghi.
Personalmente preferisco i loghi basati su simboli perché tendono ad essere un po 'più accattivanti, soprattutto se un marchio è completamente sconosciuto. Quindi per Rockable Press andremo con un simbolo.
Quindi la grande domanda è: quale simbolo rappresenterà questo marchio? Per scegliere un simbolo di solito penso a:
Nel mio caso, per Rockable ho deciso che il simbolo doveva essere qualcosa con la parola "Rockstar". Per prima cosa ho pensato che solo un asterisco * sarebbe stato buono, dal momento che alcuni la chiamano una "stella". E quando stavamo progettando di creare il marchio Stella del rock Ho pensato che sarebbe stato carino scrivere Roccia* ma come ho spiegato sopra quel nome è stato trashed e siamo andati con Rockable invece.
Ho anche passato un po 'di tempo a pensare a cosa fanno le rockstars. Un'idea visiva che spicca per me è stata l'idea che qualcuno saltasse con una chitarra in mano, o saltasse su una folla o saltasse sul palco. Per me il salto sembrava appropriato.
Questa idea apparirà più avanti nelle copertine dei nostri libri, ma ha anche reso l'idea di trasformare l'asterisco in una figura saltatrice come questa:
Il prossimo passo è scegliere un font per scrivere il mio nome accanto al simbolo piccolo asterisco. Quindi come si seleziona un font? Ecco alcune considerazioni:
Nel mio caso il mio simbolo è abbastanza semplice quindi non mi importa se il carattere tipografico non è minimale. Allo stesso tempo c'è anche un simbolo, quindi non vorrei nulla di troppo fru-fru.
Nel mio caso voglio un forte, audace sentire - stiamo parlando di rockstar qui dopo tutto!
Perché il mio simbolo è così semplice da sembrare quasi una lettera, voglio trovare un carattere che corrisponda al peso. In questo modo il simbolo può essere quasi una parte della dicitura.
Ora ho un modo molto tecnologico di scegliere i caratteri. Fondamentalmente scrivo la mia parola "Rockable" e poi faccio scorrere il mio milione e un font finché non vedo qualcosa che sembra buono! Poi lo copio da un lato e lo faccio ancora. Alla fine scelgo uno dei migliori candidati.
Usando questo metodo rivoluzionario ho trovato un font che sembra adatto - Rockwell Bold:
Rockwell è ciò che è noto come carattere tipografico Slab Serif. Un altro grande esempio di questo tipo di carattere tipografico è Lubalin che usiamo per il marchio Tuts +. I caratteri tipografici serif Slab sono talvolta chiamati "Square serif" o "Egyptian".
Tendono ad essere molto audaci, specialmente nei pesi più pesanti come sto usando per il logotipo. I serif di lastra mi sembrano abbastanza moderni, specialmente se usati in un modo tipografico minimalista, di grandi dimensioni, in grassetto, come faremo con Rockable Press. Secondo il blog di Desedo, anche Rockwell sta vivendo un po 'di rinascita in popolarità, il che potrebbe spiegare perché penso che sia moderno. Comunque, ecco un video divertente per gentile concessione di Pulp Fiction, Samuel L Jackson e Rockwell (NSFW):
Quindi scegliamo una tavolozza di colori per il nostro marchio. Come ho detto prima per la Rockable Press, volevo qualcosa di audace, ma dovrebbe anche essere amichevole e moderno. Quale combinazione di colori è audace, amichevole e moderna? Probabilmente molti di loro, ma per Rockable Press ho scelto una combinazione molto semplice di giallo, grigio e nero.
Ho selezionato un giallo che ha un po 'di Magenta mescolato in modo che sia un po' più caldo del giallo. Per il grigio sono andato con un grigio misto con un po 'più ciano in esso, e poi un secondo grigio chiaro (e più chiaro) per la scrittura su nero con. E per il nero sono andato con il semplice nero.
La scelta dei colori sarà probabilmente influenzata da alcuni di questi fattori:
Se ti piacciono i colori, dovresti davvero unirti al fantastico sito di COLOURlovers, una community dedicata proprio a questo!
A questo punto potresti anche decidere di scegliere un colore Pantone specifico che desideri utilizzare. I colori Pantone sono un set standard di inchiostri che quasi tutte le stampanti possono offrire per l'uso in lavori di stampa offset. Il vantaggio di usare Pantones è che è possibile ottenere una rappresentazione del colore completamente coerente in tutto il lavoro di stampa. Per scegliere un Pantone, estrarrai il tuo libro a colori Pantone e scegli una sfumatura di giallo che ti è piaciuta. Nel mio caso ho venduto tutti i miei libri Pantone quando ho smesso di fare progetti freelance, quindi lo faremo con il semplice vecchio CMYK!
L'ultimo passaggio nella progettazione del logo consiste nel posizionare insieme il simbolo e il testo. A questo punto dovrei notare che la scelta di colori, caratteri tipografici e la creazione del simbolo di solito avviene come un processo organico - ha solo più senso spiegarlo come passi!
Quindi qui ho inserito il simbolo e il carattere tipografico. Ho scelto questo dimensionamento perché:
A questo punto è anche importante decidere come apparirà il logo quando è inverso su un colore scuro. Un buon logo dovrebbe apparire altrettanto inverso rispetto al bianco.
Alcuni marchi avranno bisogno di un look più sviluppato per applicazioni come packaging e segnaletica. Nel caso di Rockable Press, ci sarà un elemento molto importante sotto forma di copertine di libri. Molto tempo prima che prendessi il tempo per creare il primo libro, mi sono seduto e ho disegnato la prima copertina:
Come capirai, in realtà non c'è molto per questa cover, infatti gli elementi sono:
E poi ho appena messo tutto sulla pagina!
Un aspetto interessante del design è che molto spesso non coinvolge molta tecnica con Illustrator o Photoshop. Vale a dire che in realtà non ci sono trucchi tecnici speciali che aiutano il design. La maggior parte delle volte si tratta solo di posizionare oggetti, di individuare l'emirarchia visiva e di garantire un buon bilanciamento di spazio ed elementi.
Nel caso di questa copertina non c'è una vera tecnica per questo. Tuttavia c'è un sacco di posizionamento. Quindi, ad esempio, il titolo è posizionato in modo tale da sembrare davvero in grassetto e salta fuori dalla pagina. Il prossimo elemento più pronunciato è l'uomo stagliato che in bianco su nero è in contrasto con quello che ottiene. I tre elementi di testo di supporto sono posizionati in modo che vengano letti come incidentali, ma bilanciano anche la pagina, quindi nota che la parte superiore e inferiore sono entrambe centrate e il sottotitolo è nascosto sotto il titolo.
Noterai anche che i singoli elementi sono sbilanciati: gli elementi del titolo sono storti, la silhouette è spenta a sinistra, le macchioline sono solo sulla destra - ma l'effetto complessivo è bilanciato. Quindi la silhouette e le macchie si bilanciano un po ', così come il sottotitolo che è giusto pesante. Allo stesso modo i componenti storti del titolo formano tutti un blocco coesivo.
Una styleguide è un documento che dice a un altro designer come lavorare con un marchio. Se hai mai lavorato a un progetto per un marchio importante, molto probabilmente ti sarà stato fornito un PDF o un web styleguide che descrive cose come:
Gli Styleguides sono importanti per mantenere un marchio coerente quando più progettisti lavorano allo stesso progetto.
Alcuni esempi di styleguides aziendali:
Naturalmente, realisticamente, il marchio Rockable difficilmente verrà utilizzato da molti designer come il marchio di Webex. Tuttavia vale ancora la pena creare una mini-styleguide. Ad esempio, se questo fosse un lavoro per un cliente, consegnerei il mio mini-styleguide alla fine del lavoro nel caso in cui smettessero di usare i miei servizi e reclutassimo un altro designer. Potrebbero quindi semplicemente consegnare il PDF al prossimo per riprendere da dove avevo interrotto.
Cosa dovremmo inserire nella nostra mini-styleguide? Abbiamo:
Puoi farlo come preferisci. Tutto ciò che ho fatto è stato creare un nuovo documento A4 Illustrator e quindi salvato cinque versioni consecutive ciascuna con una pagina diversa di elementi, quindi salvarle come PDF e unirle insieme in Acrobat usando la funzione Inserisci pagina. Ci sono voluti circa dieci minuti (ed è un po 'dura). Ecco come appare il mio prodotto finito:
Visualizza il mio PDF di Rockable Press Styleguide!
La cosa bella di uno styleguide è che sembra qualcosa di solido da consegnare a un cliente. Soprattutto se hai progettato un logo di un marchio, a volte può sembrare che stai semplicemente realizzando qualcosa di veramente semplice.
Questo post è il giorno 11 della nostra sessione di Graphic Design. Sessioni creative "Session Day 10Session Day 12"
Accentsconagua