Typografie in actie ontwerp eenvoudige en effectieve typelogo's

Wat je gaat creëren

Typografie speelt een grote rol in de manier waarop merken worden waargenomen en hoe succesvolle merken bij consumenten worden. Een verstandige keuze van het type kan een logo gedenkwaardiger, meer ambitieus, betrouwbaarder en opwindender maken. Minimale typografische logo's zijn eenvoudig te realiseren en hebben vaak meer impact dan een symbolisch logo-ontwerp.

Hier zullen we bekijken hoe typografie met succes kan worden gebruikt voor het ontwerpen van logo's en uitsplitsen hoe u effectieve branding kunt maken voor verschillende soorten commerciële bedrijven, met behulp van zeer eenvoudige typografische tips en trucs..

We zullen onderzoeken hoe eenvoudige aanpassingen aan lettertype, formaat, hoofdletter, gewicht, tracking, uitlijning en kleur uw typografische ontwerpen echt kunnen oplichten en ze in een oogwenk passend maken voor de industrie. Als u de ontwerpen opnieuw wilt maken terwijl u leest, hebt u toegang tot Adobe InDesign nodig.

Maak de ontwerpen opnieuw met InDesign

De ontwerpen die in deze zelfstudie zijn afgebeeld, zijn samengesteld met behulp van Adobe InDesign. 

Om de logo's opnieuw te maken terwijl u leest, opent u InDesign en maak een nieuw document voor Afdrukken. Stel de Grootte naar A4, en de oriëntatie naar Landschap. Stel de Aantal pagina's naar 1 voor nu; u kunt pagina's toevoegen waar nodig. Klik OK.

1. Speel een Ampersand af

Veel bedrijven worden gevormd door partnerschappen of samenwerkingen en zullen een 'en' hebben als onderdeel van hun bedrijfsidentiteit, bijvoorbeeld Smith and Sons, D & G, H & M, Jones & Partners.

Overweeg om de 'en' van de bedrijfsnaam te benadrukken door aandacht te geven aan een en-teken, '&', in het merkontwerp. Een decoratief, sierlijk ampersand ziet er elegant en ouderwets uit en geeft het logo een verfijnde, volwassen uitstraling. Een groot ampersand benadrukt ook het samenwerkingskarakter van het bedrijf, dat de consument of klant geruststelt dat het wordt verzorgd door een deskundig team. 

Formele bedrijven die klantendiensten verlenen, zoals advocatenkantoren of financiële adviesbureaus, passen bij dit soort merkontwerp, net zoals onderwijsinstellingen of academische instellingen, zoals universiteiten en musea.

Dit voorbeeldlogoontwerp is gemaakt met Caslon 540 LT Std, in te stellen Romeins en Cursief, hoewel een serif-lettertype met een leuk en-teken-ontwerp net zo goed zou kunnen werken. De Cursief gewicht van Caslon heeft een mooie curling ampersand, die een aanvulling is op de meer traditionele serif hoofdletters.

Je kunt ook een prominente ampersand instellen in een schreefloos lettertype. Dit transformeert het uiterlijk en de sfeer van het logo-ontwerp. Dit voorbeeldontwerp is ingesteld in BonvenoCF Light. Het zou goed kunnen werken voor een digitaal bureau of een technologiebedrijf, of voor een modern ziekenhuis of een gezondheidsvertrouwensrelatie.

Maak het logo in InDesign

Stap 1

Om dit serif-ampersand-ontwerp opnieuw te creëren, ga je naar InDesign en open het document dat we eerder hebben opgesteld. 

Sleep een hulplijn omlaag vanaf de bovenste liniaal (Weergave> Linialen weergeven) om een ​​basislijn te geven om je tekst op te plaatsen. 

Open de Lagen paneel (Venster> Lagen) en dubbelklik op de standaardwaarde Laag 1 titel om de laag te hernoemen. Hernoem het als Gidsen en klik OK

Klik op de Maak een nieuwe laag pictogram rechtsonder van de Lagen paneel om een ​​tweede laag erboven te maken Gidsen. Hernoem dit als Zwarte tekst. Herhaal het proces om nog twee lagen te maken, de eerste met de naam Wit, en de bovenste laag genaamd Blue Ampersand.

Stap 2

Klik op de Zwarte tekst laag om ervoor te zorgen dat je aan die laag werkt. Selecteer nu de Type Tool (T) van de Hulpmiddelen paneel en sleep om een ​​vierkant tekstkader te maken.

Typ een enkele letter in het kader en stel de letter in doopvont naar Caslon 540 LT Std Roman, Grootte 150 pt. Zit de onderkant van de letter op de basislijn, gemarkeerd door de gids. Selecteer het tekstkader en Bewerken> Kopiëren, Bewerken> Plakken, de brief bewerken. Zit het tweede frame rechts van de letter, met ongeveer een 20 mm gat tussen de twee letters.

Stap 3

Ga terug naar de Lagen paneel en klik op de bovenste laag, Blue Ampersand, om het te activeren. Maak een derde tekstkader en type '&' erin. Stel de doopvont naar Caslon 540 LT standaard cursief, maat 170 pt. Je kunt het in contrastkleur naar voren halen in een gedurfde kleur, hier heb ik een sterk blauw gebruikt, C = 86 M = 0 Y = 19 K = 0.

Stap 4

Slot de Blue Ampersand laag, en spring één laag omlaag, naar Wit. U kunt een vleugje wit toepassen om het uiterlijk te creëren dat helemaal links van de afbeelding staat 'W' letter is gewist door het en-teken.

Selecteer de Ellipse Tool (L) en sleep om een ​​klein ovaal te maken dat in de rechterbovenhoek van het ampersand past. Stel de Beroerte naar [Geen] en de Vullen naar [Papier]. Herhaal dit om een ​​tweede kleine ovaal te maken dat in de kom van het ampersand zit.

En je bent klaar! Een elegant, klassiek logo-ontwerp samengetrokken door een stoutmoedig ampersand.

2. Kaders kunnen logo's een stempel van autoriteit geven

Sommige merken moeten meer dan alleen hun naam hebben als onderdeel van hun merkidentiteit. Een klant kan u ook vragen om een ​​slogan of kantoorlocatie (s) op te nemen. 

U kunt verschillende secties tekst uitbalanceren door een A, B, C regel. EEN is de bedrijfsnaam en zou de grootste kop moeten zijn. B is een subtitel, voor het volgende en meest belangrijke stuk informatie. De C heading is het kleinste en minst belangrijke stuk tekst.

Dus in dit voorbeeld, 'The Hotel Company' is een, 'New York Londen Parijs' is B, en 'Service van wereldklasse sinds 1952' is C. 

Alle tekst is ingesteld Arial Bold en regelmatig. Het verhogen van de Tracking (de ruimte tussen alle letters) vergroot ook de leesbaarheid van het logo en geeft de letters ruimte om te ademen.

Dat is allemaal goed en de tekst ziet er gebalanceerd uit, maar de tekst ziet er nog steeds uit, nou, net als tekst. Hoe kunnen we het transformeren in iets dat meer op een logo lijkt?

Slagen en kaders zijn heel eenvoudig toe te passen op je merkontwerpen, maar worden soms over het hoofd gezien. Omkaderd door vier eenvoudige zwarte, stevige lijnen, wordt de tekst omgezet in een ingetogen, minimaal logo.

Plaats een effen zwart kader rond de tekst en het logo lijkt meer op een stempel. Deze ontwerpstijl past echt bij lifestylemerken of luxewinkels.

Maak het logo in InDesign

Stap 1

Terug keren naar InDesign en sleep een gids naar beneden vanaf de bovenste liniaal (Weergave> Linialen weergeven) om een ​​basislijn te maken.

Selecteer de Type Tool (T) en sleep om een ​​lang, smal tekstkader te maken. Plaats deze centraal op de pagina. Typ de bedrijfsnaam en stel de doopvont naar Arial Bold, Grootte 40 pt en In hoofdletters. Verhogen Tracking naar 130.

Stap 2

Maak een tweede, smaller tekstkader en voer de kantoorlocatie (s) in. Stel de doopvont naar Arial Bold, maat 15 pt, alle doppen en hogerop Tracking naar 130. Plaats dit frame centraal boven de bedrijfsnaam.

Zet een derde tekstkader onder de bedrijfsnaam, stel de doopvont naar Arial Regular, maat 11 pt, alle doppen en Tracking naar 130, zoals eerder.

Stap 3

Selecteer de Lijngereedschap (\) van de Hulpmiddelen paneel en, ingedrukt Verschuiving op je toetsenbord, sleep van links naar rechts om een ​​perfect rechte horizontale lijn te maken. Plaats het aan de rechterkant van de B-kop van het logo en verleng het om in lijn te komen met het laatste teken van de bedrijfsnaam.

Stel de Lijnkleur naar [Zwart] en de Beroerte gewicht naar 0,3 mm. Open de Beroerte Paneel (Venster> Streek) en stel de pet naar een Ronde dop, om de eindpunten van de lijn te verzachten. 

Stap 4

Bewerken> Kopiëren en Bewerken> Plakken de lijn, plaats deze aan de linkerkant van de B-kop. Plak nog twee slagen, plaats ze aan beide kanten van de C-lijn en breid zo nodig hun lengte uit. 

Stap 5

Als u in plaats daarvan een kader rond de gehele tekst wilt maken, selecteert u de Rechthoekgereedschap (M) en sleep om een ​​frame te maken dat ongeveer a mogelijk maakt 13 mm marge tussen de rand van het kader en de tekst aan alle kanten.

Van de Beroerte paneel, stel de Gewicht naar 1 mm en de Type naar Dik dun.

3. Kies Retro Type voor Friendly Branding

Veel bedrijven hebben een vriendelijker en toegankelijker merklook nodig dan bedrijven in meer formele of exclusieve sectoren. Voedselmerken, cafés, liefdadigheidsinstellingen en creatieve bureaus moeten benaderbaar zijn en de typografie die zij gebruiken in hun merkontwerpen kan echt helpen om dit vrolijke, open ethos te versterken..

Retro-geïnspireerde letterontwerpen zijn geschikt voor dit soort bedrijven. Gelijktijdig trendy en nostalgisch, kan het juiste vintage-geïnspireerde lettertype een merk warm en uitnodigend laten lijken.

Lettertypen die verwijzen naar ontwerpstijlen uit de jaren 1950, met hun vrolijke, leuke esthetiek, zijn geweldig voor logo-ontwerpers. Bekijk dit voorbeeld van een logo-ontwerp voor een koffiemerk. Afgezet tegen een pastelkleurige achtergrond, loopt het type langs een gebogen pad. Je moet het ontwerp vlak houden (geen schaduwen of verlopen) voor een moderne kijk op de vintage look, om het fris en relevant te houden.

Maak het logo in InDesign

Stap 1

Keer terug naar jouw InDesign document en maak een nieuwe pagina. Open de Stalen paneel (Venster> Kleur> Stalen) en klik op de Nieuw staal pictogram rechtsonder in het paneel. 

Dubbelklik op de naam van de nieuwe staal om deze te bewerken. Stel de mode naar CMYK en de waarden voor de volgende: C = 35 M = 1 Y = 20 K = 0. Klik OK.

Selecteer de Rechthoekgereedschap (M) van de Hulpmiddelen paneel en sleep om een ​​kader te maken 180 mm in Breedte en 60 mm in Hoogte. Stel de Lijnkleur naar [Geen] en de Opvulkleur naar je nieuwe staal, C = 35 M = 1 Y = 20 K = 0.

Stap 2

Selecteer de Ellipse Tool (L) en sleep om een ​​ruw ovaal te maken, ongeveer 195 mm in Breedte en 100 mm in Hoogte. Plaats centraal over de gekleurde rechthoek, met de bovenste helft van de ovaal in het gekleurde gebied.

Selecteer de Typ op een padgereedschap (Shift-T), die je kunt vinden in het drop-down menu onder de Type Tool (T) in de Hulpmiddelen paneel. Beweeg de muis over de linkerkant van de bovenrand van de ovaal tot een kleine '+' pictogram verschijnt naast uw cursor. Klik eenmaal en de rand van het ovaal wordt omgezet in een tekstpad.

Type 'The Little Coffee Co.' en stel de doopvont in de gratis te downloaden Grand Hotel. Op de Lettertypegrootte naar 70 pt, en stel de Letterkleur van 'De' en 'Co' naar [Papier]. set 'Little Coffee' in een nieuw CMYK swatch, die u kunt maken vanuit de Stalen paneel, C = 64 M = 55 Y = 50 K = 50.

Als u de hoeveelheid curve onder het type wilt aanpassen, kunt u het onderste centrale anker van de ovale vorm naar boven trekken (om de diepte van de curve te verkleinen) of naar beneden (om de diepte te vergroten).

Stap 3

Selecteer de Type Tool (T) en sleep om een ​​klein smal tekstkader te maken. Zit centraal onder de bedrijfsnaam. Type '~ (Spatie) Est. 2005 (spatie) ~' en stel de doopvont in een dun schreefloos type. Hier heb ik gebruikt BonvenoCF Light, met een licht retro uiterlijk. 

Stel de Lettertypegrootte naar 20 pt, Letterkleur naar [Papier], In hoofdletters en Centre uitlijnen.

Stap 4

In dit voorbeeldontwerp hebben we kleur geïntroduceerd om het logo een meer vintage uiterlijk te geven. Een goede tip voor het testen van de sterkte en veelzijdigheid van een logo-ontwerp, vooral als het in kleur is ontworpen, is om het in zwart te zetten. Als het ontwerp er een beetje 'uit' uitziet als de kleur wordt weggestreept, moet het ontwerp waarschijnlijk wat meer nadenken.

U kunt het logo ook in wit plaatsen en het voor een fotografische achtergrond plaatsen om verder te testen hoe het werkt in verschillende soorten lay-outs en ontwerpen. Zal het net zo goed werken als hij alleen staat op een document, zoals het bijvoorbeeld zal gaan als onderdeel van een webpaginaontwerp??

4. Maak je type ontwerpen iconisch

Typelogo's kunnen een beetje neutraal en saai lijken naast hun op afbeeldingen gebaseerde tegenhangers. We hebben gekeken hoe het aanpassen van het letterbeeld en de grootte van tekens en het introduceren van frames een logo interessanter en dynamischer kan maken. Maar hoe kunt u ervoor zorgen dat uw logo-ontwerp memorabel gaat worden??

Veel bedrijven, met name in de detailhandel, maken 'pictogrammen', evenals logo's, om hun merk te vertegenwoordigen. Pictogrammen kunnen net zo goed werken als logo's in kleine formaten en zijn meestal geconstrueerd op een vierkante, in plaats van een rechthoekige lay-out. Ze bevatten vaak minder informatie (geen ondertitels of andere extra informatie) en zijn daarom vaak veelzijdiger en gedenkwaardig dan logo's.

Een kledingmerk kan bijvoorbeeld kiezen voor een pittig, gedenkwaardig pictogram om op merchandise te drukken. Kleine, symbolische ontwerpen trekken de aandacht, zelfs op kleine schaal, en kunnen het oog verder aantrekken met kleurentoepassing en contrast.

Als u een logo ontwerpt dat opvalt en dat er aantrekkelijk uit zal zien in een breed scala aan media, van merchandise tot etalages, kunt u overwegen uw type in een vierkante of ronde lay-out in te stellen. Streef ernaar onnodige extra informatie weg te halen en het ontwerp opvallend en minimaal te houden.

Neem dit voorbeeld-logo-ontwerp, voor een fictief merk voor kleding en accessoires, Jodie. Het type-logo is prima, maar niet bijzonder interessant.

De pictogramversie van het ontwerp omsluit de merknaam in een gekleurde cirkel en stelt de tekst in wit in voor toegevoegd contrast. Deze versie ziet er onmiddellijk moderner en gedenkwaardig uit. 

Het is ook een veelzijdiger ontwerp - u kunt eenvoudig de kleur van het pictogram wijzigen om een ​​andere identiteit te geven aan de verschillende bereiken van het merk (bijvoorbeeld voor vrouwen, voor mannen, voor kinderen, enz.).

Maak het pictogram in InDesign

Stap 1

Keer terug naar jouw InDesign documenteren en indien nodig een nieuwe pagina maken (toevoegen van de Pages paneel [Venster> Pagina's]).

Selecteer de Type Tool (T) en sleep om een ​​tekstkader te maken 115 mm in Breedte en 40 mm in Hoogte. Plaats het frame centraal op de pagina en typ 'Jodie' in het frame.

Stel de doopvont naar Callie Hand regelmatig, stel de Grootte naar 122 pt en stel de tekst in Centre uitlijnen.

Stap 2

Maak een tweede, veel kleiner tekstkader en -type 'TM.' in het frame. Ga naar de rechterbovenhoek van het eerste tekstkader, net boven de stip van de 'ik'.

Stel de doopvont naar Fira Sans regelmatig, Grootte 12 pt en Centre uitlijnen. 

Stap 3

Selecteer de Ellipse Tool (L) van de Hulpmiddelen paneel en, ingedrukt Verschuiving, slepen om een ​​perfecte cirkel te maken 91 mm in diameter. Plaats de bovenkant van de 'Jodie' tekstkader. Klik met de rechtermuisknop (Windows) of Control-klik (Mac OS)> schikken> naar achtergrond verzenden.

Stel de Lijnkleur naar [Geen] en de Opvulkleur naar een nieuw roze CMYK Swatch, C = 0 M = 51 Y = 20 K = 0 (selecteer Nieuw kleurenstaal van de Stalen paneel [Venster> Kleur> Stalen]).

Stap 4

Pas de tekstkleur van beide tekstkaders aan [Papier] van de Tekenopmaakbesturingselementen paneel langs de bovenkant van het scherm of vanaf de Stalen paneel.

Conclusie

Het ontwerpen van logo's en pictogrammen kan ongelooflijk eenvoudig zijn als u alleen met typografie werkt. Houd deze tips in gedachten bij het ontwerpen om uw merkontwerpen effectief, gedenkwaardig en klantgericht te maken:

  • Verbeter een ampersand om stijl en flair te geven aan anderszins conservatieve, formele logo's. Wees niet bang voor overlappende personages of verander de tracking of tekenspatiëring aanzienlijk om je logo een unieke en elegante uitstraling te geven.
  • Kaders en lijnen kunnen worden gebruikt om meerdere tekstregels samen te stellen en geef een logo een gezaghebbend uiterlijk. Blijf bij de A, B, C regel voor het dimensioneren van koppen om uw ontwerp een gevoel van structuur en orde te geven.
  • Om logo-ontwerpen vriendelijker en minder formeel te maken, neemt u retro- of handgetekende lettertypen aan voor een nostalgische draai. Stel het type in warme, complementaire kleuren in om meer optimisme in het ontwerp te injecteren.
  • Overweeg een op het type gebaseerd pictogram te ontwerpen voor meer geheugen en impact. Houd vast aan een minimaal ontwerp en eenvoudig kleurcontrast om de veelzijdigheid van het pictogram te maximaliseren.

Lees meer over het kiezen van lettertypen voor logo's en andere printontwerpen met deze leuke tutorial van Julie Felton.