Share
Het ontwerpen van een sterke, coherente grafische merkidentiteit is een van de meest lonende taken in grafisch ontwerp. Het is een unieke kans om iets te maken dat zal worden gebruikt op veel verschillende plaatsen, toepassingen en ontwerpen. In deze uit meerdere delen bestaande tutorialserie zal ik u door de processen en ontwerpen leiden die ik gebruikte om het merk Rockable Press en de vele verschillende applicaties zowel offline als op te zetten. We zullen beginnen met het maken van het Rockable-logo, uiterlijk en gevoel en merk.
Dit bericht is dag 11 van onze Graphic Design Session. Session Day 10Session Day 12 van Creative Sessions "Branding is een gebied dat veel meer omvat dan alleen grafisch ontwerp. In feite heeft het de neiging om zwaar te bloeden in marketing en reclame. Vandaar dat merkontwikkeling voor grote bedrijven vaak wordt afgehandeld door een reclamebureau of een gespecialiseerd merk- en designhuis. Bedrijven zoals Landor en FutureBrand gaan veel verder dan grafisch ontwerp en u zult hen vaak horen praten over merkbeleving en merkopbouw.
Als ontwerper is mijn eerste instinct om te veronderstellen dat merken vooral visueel worden herkend, maar in feite vallen ook merkbureaus vaak ook in de andere zintuigen. Dus bijvoorbeeld heb ik een tijd geleden iemand ontmoet die aromatische geuren produceert voor merken, zodat elke keer als je binnenloopt, een bepaalde kledingwinkel dezelfde subtiele geur heeft. Een andere niet-visuele merkmethode is de audiotory-branding, die door Intel op indrukwekkende wijze wordt gebruikt met het bekende vier-tonengeluid dat ze altijd op hun advertenties afspelen omdat het logo 'Inside van Intel' wordt weergegeven.
Als je wilt leren hoe branding voor bedrijven werkt, is het echt, heel goed en vrij gemakkelijk om te lezen de 22 onveranderlijke wetten van het merkenbeleid..
Voor onze doeleinden gaan we ons vrijwel alleen concentreren op de visuele ervaring van een merk.
In deze reeks tutorials gaan we kijken naar de ontwikkeling van een Envato-merk met de naam Rockable Press. Het is een kleine afdeling van ons bedrijf die EBook-handleidingen maakt om te leren hoe dingen te doen. Dus we hebben een boek over freelance, een boek over het ontwerpen van WordPress-thema's, en we hebben enkele minibooks in ontwikkeling over het gebruik van Twitter voor zakelijk gebruik, over schrijven voor het web, over het snijden van Photoshop-ontwerpen, enzovoort.
Als ik de belangrijkste merkwaarde zou identificeren, zou dat zijn iedereen kan geweldig zijn in wat ze doen, en Rockable-producten zijn er om mensen te helpen nieuwe vaardigheden te verwerven en echt goed te worden.
Dus op basis van die belangrijke merkwaarde bedachten we onze boektitels "How to be a Rockstar Iets"en" Rockstar Iets"Dus we hebben een Rockstar-freelancer, hoe word je een Rockstar WordPress Designer en Rockstar Personal Branding?.
Toen het tijd was om een naam voor het bedrijf te creëren, bleek dat Rockstar Press of Rockstar Books veel problemen veroorzaakten. Een zoekopdracht in de US Trademark Database onthult dat er veel Rockstar Something-merken zijn, waaronder een zeer bekend gamingbedrijf.
Dus met een beetje lateraal denken kwamen we op de proppen met Rockable, een verzonnen woord dat echter echt klinkt. In feite beweert een zoekopdracht van de Urban Dictionary dat het "woord" betekent: het vermogen hebben om te rocken ... wat perfect is!
Een zoekopdracht naar domeinnamen toonde aan dat Rockable.com verdwenen was, maar RockablePress.com was beschikbaar en daarom werd de naam gekozen.
Als u geïnteresseerd bent in het selecteren van domein- / merknamen, leest u misschien het artikel van SmashingMagazine De effectieve strategie voor het kiezen van juiste domeinnamen.
Er zijn twee hoofdcriteria die ik gebruik om logo's te maken:
Voor meer informatie over wat een geweldig logo is, moet je Tony Spaeth van IdentityWorks bekijken op de zes universele attributen van een groot merk.
Een eerste stap bij het maken van een logo is om te beslissen of het een Wordmark of een symbool wordt. Een woordmerk is wanneer het logo uitsluitend op tekst is gebaseerd. Een op een symbool gebaseerd logo is meestal een iconisch grafisch merkteken dat met een eenvoudige tekst is getrouwd. Bekende voorbeelden van woordmerken zijn Google, Microsoft, Elle, Sony en onze eigen Tuts +. Terwijl beroemde voorbeelden van op symbolen gebaseerde logo's Nike, BP, Blogger, Chevron en Envato omvatten!
Hoe kies je? Tony Spaeth heeft weer een mooi artikel genaamd Symbol? Of Wordmark? wat in feite zegt dat je de voorkeur moet geven aan woordmerken voor onderscheidende namen en symbolen voor langere, generieke namen.
Persoonlijk geef ik de voorkeur aan op symbolen gebaseerde logo's, omdat ze meestal een beetje opvallender zijn, vooral als een merk volledig onbekend is. Dus voor Rockable Press gaan we met een symbool.
De grote vraag is dus, welk symbool gaat dit merk vertegenwoordigen? Om een symbool te kiezen, denk ik meestal aan:
In mijn geval, voor Rockable, heb ik besloten dat het symbool iets zou moeten zijn met het woord "Rockstar". Ik dacht eerst dat alleen een asterisk * -karakter goed zou zijn, omdat sommige mensen dat een "ster" noemen. En toen we van plan waren om het merk te maken Rockster Ik dacht dat het netjes zou zijn om te schrijven Rots* maar zoals ik hierboven heb beschreven, werd die naam vernield en gingen we in plaats daarvan met Rockable.
Ik heb ook enige tijd nagedacht over wat rockstars doen. Een visueel idee dat voor mij opviel, was het idee dat iemand met een gitaar in de hand springt of in een menigte springt of over het podium springt. Voor mij leek springen passend.
Dit idee zal later in onze boekomslagen verschijnen, maar het heeft ook zijn weg gevonden in het idee om de asterisk in een springende figuur als deze te veranderen:
De volgende stap is het kiezen van een lettertype om mijn merknaam te schrijven naast het symbooltje van de kleine asterisk. Dus hoe selecteer je een lettertype? Hier volgen enkele overwegingen:
In mijn geval is mijn symbool vrij rechttoe rechtaan dus ik vind het niet erg als het lettertype niet echt minimaal is. Tegelijkertijd is er ook een symbool, dus ik zou niets te fruitig willen.
In mijn geval wil ik een sterk, stoutmoedig gevoel - we hebben het hier immers over rocksterren!
Omdat mijn symbool zo eenvoudig is, lijkt het bijna op een letter, ik wil een lettertype vinden dat overeenkomt met het gewicht. Op die manier kan het symbool bijna een deel van de formulering zijn.
Nu heb ik een zeer hoogtechnologische manier om lettertypen te kiezen. Eigenlijk schrijf ik mijn woord "Rockable" en dan scrol ik door mijn miljoen en één lettertypen totdat ik iets zie dat er goed uitziet! Daarna kopieer ik dat naar de ene kant en doe ik het nog een keer. Uiteindelijk kies ik er een uit de beste kandidaten.
Met deze revolutionaire methode bedacht ik een lettertype dat zelfs geschikt lijkt - Rockwell Bold:
Rockwell is wat bekend staat als het lettertype Slab Serif. Een ander geweldig voorbeeld van dit type lettertype is Lubalin die we gebruiken voor de branding van Tuts +. Slab serif-letterbeelden worden ook wel "Square serif" of "Egyptian" genoemd.
Ze hebben de neiging heel stoutmoedig te zijn, vooral in de zwaardere gewichten die ik gebruik voor het logo. Slabschilders voelen me wat modern, vooral als ze worden gebruikt op een minimale, grote typografische, gewaagde typografische manier - zoals we zullen doen met Rockable Press. Volgens de Desedo-blog beleeft Rockwell ook een beetje een opleving in populariteit, wat zou kunnen verklaren waarom ik het moderner vind. Hoe dan ook, hier is een amusante video met dank aan Pulp Fiction, Samuel L Jackson en Rockwell (NSFW):
Vervolgens kiezen we een kleurenpalet voor ons merk. Zoals ik al eerder zei voor Rockable Press wilde ik iets gewaagds, maar het zou ook vriendelijk en modern moeten zijn. Welk kleurenschema is vet, vriendelijk en modern? Waarschijnlijk veel, maar voor Rockable Press koos ik een heel eenvoudige combinatie van geel, grijs en zwart.
Ik heb een geel geselecteerd waarin een beetje magenta is ingemengd, zodat het iets warmer is dan het rechte geel. Voor het grijs ging ik met een gemengd grijs met een beetje meer cyaan erin, en vervolgens een tweede gewoon (en lichter) grijs om op zwart mee te schrijven. En voor de zwarte ging ik met de gewone zwarte.
Uw kleurkeuze zal waarschijnlijk worden beïnvloed door een aantal van deze factoren:
Als je van kleur houdt, moet je je echt aansluiten bij de geweldige COLOURlovers-site, een community die daar precies op is gericht!
Op dit punt wilt u misschien ook beslissen over een specifieke Pantone-kleur die u wilt gebruiken. Pantone-kleuren zijn een standaardset inkten die bijna alle printers kunnen aanbieden voor gebruik in offsetafdruktaken. Het voordeel van het gebruik van Pantones is dat u een volledig consistente kleurweergave in al uw afdrukwerk kunt krijgen. Om een Pantone te kiezen, haalt u uw Pantone-kleurenboek tevoorschijn en selecteert u een kleur geel die u goed vond. In mijn geval heb ik al mijn Pantone-boeken verkocht toen ik stopte met freelance ontwerpen, dus we gaan dit doen met gewoon oude CMYK!
De laatste stap in het logo-ontwerp is om het symbool en de tekst bij elkaar te plaatsen. Op dit punt moet ik opmerken dat het kiezen van kleuren, letterbeelden en het maken van het symbool meestal gebeurt als één organisch proces - het is gewoon logischer om het uit te leggen als stappen!
Dus hier heb ik het symbool en het lettertype bij elkaar geplaatst. Ik koos voor deze dimensionering omdat:
Op dit moment is het ook belangrijk om te beslissen hoe het logo er uit zal zien als het op een donkere kleur wordt omgekeerd. Een goed logo moet er net zo sterk omgekeerd uitzien als op wit.
Sommige merken hebben een meer ontwikkelde look nodig voor toepassingen op bijvoorbeeld verpakkingen en signalisatie. In het geval van Rockable Press zal er een heel belangrijk element zijn in de vorm van boekomslagen. Tot lang voordat ik de tijd nam om het eerste boek te maken, ging ik zitten en ontwierp ik de eerste hoes:
Zoals je zult beseffen is er niet echt veel aan deze cover, in feite zijn de elementen:
En dan heb ik zojuist alles op de pagina geplaatst!
Een interessant aspect van het ontwerp is dat het vaak niet veel met echte technieken te maken heeft met Illustrator of Photoshop. Dat wil zeggen dat er niet echt speciale technische trucs zijn die helpen bij het ontwerp. Meestal gaat het eigenlijk om het plaatsen van objecten, het uitzoeken van de visuele hiërarchie en het zorgen voor een mooie balans tussen ruimte en elementen.
In het geval van deze dekking is er geen echte techniek. Er is echter veel plaatsing. Dus de titel is bijvoorbeeld zo geplaatst dat het er echt vet uitziet en van de pagina springt. Het volgende meest uitgesproken element is de silhouetmens die in wit op zwart zo contrasterend is als mogelijk. De drie ondersteunende tekstelementen zijn zo geplaatst dat ze als incidentele items worden gelezen maar ook de pagina in evenwicht brengen. Houd er dus rekening mee dat de boven- en onderkant beide gecentreerd zijn en dat de onderkop is genesteld onder de titel..
Je zult ook opmerken dat individuele elementen uit balans zijn - de titelelementen zijn krom, het silhouet is naar links, de spikkels zijn alleen aan de rechterkant - maar het totale effect is gebalanceerd. Dus het silhouet en de spikkels balanceren elkaar een beetje, net als de ondertitel die juist zwaar is. Op dezelfde manier vormen de scheve componenten van de titel allemaal een samenhangend blok.
Een styleguide is een document dat een andere ontwerper vertelt hoe met een merk te werken. Als je ooit aan een project voor een groot merk hebt gewerkt, heb je waarschijnlijk een PDF of een webstyleguide ontvangen met dingen als:
Styleguides zijn belangrijk voor het behoud van een consistent merk wanneer meerdere ontwerpers aan hetzelfde project werken.
Enkele voorbeelden van bedrijfsstijlgidsen:
Natuurlijk zal het merkbare merk nauwelijks door veel ontwerpers worden gebruikt zoals het merk van Webex zou doen. Het is echter nog steeds de moeite waard om een mini-styleguid te maken. Als dit bijvoorbeeld een klus was voor een klant, leverde ik mijn mini-styleguide aan het einde van de klus in het geval dat ze mijn diensten stopzetten en een andere ontwerper werven. Ze konden de PDF dan gewoon aan de volgende man overhandigen om op te halen waar ik was gebleven.
Wat moeten we in onze mini-styleguide plaatsen? Laten we:
Je kunt dit doen hoe je maar wilt. Het enige dat ik deed, was een nieuw A4 Illustrator-document maken en vervolgens vijf opeenvolgende versies met elk een verschillende pagina met elementen erop opslaan, ze vervolgens als PDF's opslaan en ze samen in Acrobat samenvoegen met de functie Pagina invoegen. Het duurde ongeveer tien minuten (en is een beetje ruw). Hier ziet u hoe mijn afgewerkte product eruitziet:
Bekijk mijn Rockable Press Styleguide PDF!
Het leuke van een styleguide is dat het voelt als iets solide om aan een klant te leveren. Vooral als u een woordmerklogo heeft ontworpen, kan het soms lijken alsof u iets eenvoudigs aflevert.
Dit bericht is dag 11 van onze Graphic Design Session. Session Day 10Session Day 12 van Creative Sessions "
Accentsconagua