Typografi i åtgärd Design enkla och effektiva typlogotyper

Vad du ska skapa

Typografi spelar en stor roll i hur märkena uppfattas och hur framgångsrika varumärken blir hos konsumenter. Ett klokt val av typ kan göra en logotyp mer minnesvärd, mer ambitiös, mer pålitlig och mer spännande. Minimala typografiska logotyper är enkla att uppnå, och kan ofta ha större påverkan än en symbolisk logotyp.

Här tittar vi på hur typografi kan användas framgångsrikt över logotypdesign och bryta ner hur du kan skapa effektiv branding för olika typer av kommersiella företag, med hjälp av mycket grundläggande typografiska tips och tricks.

Vi undersöker hur enkla tweaks till typsnitt, storlek, fall, vikt, spårning, anpassning och färg verkligen kan lyfta dina typografiska mönster och göra dem branschkorrigerade på ett ögonblick. Om du vill återskapa mönster som du läser måste du ha tillgång till Adobe InDesign.

Återskapa designen med InDesign

Mönstren som beskrivs i hela denna handledning har sammanställts med hjälp av Adobe InDesign. 

För att återskapa logotyperna när du läser öppnar du InDesign och skapa ett nytt dokument för Skriva ut. Ställ in Storlek till A4, och orienteringen till Landskap. Ställ in Antal sidor till 1 tills vidare; Du kan lägga till sidor efter behov. Klick ok.

1. Spela upp en Ampersand

Många företag bildas genom partnerskap eller samarbeten och kommer att ha en "och" som en del av deras företagsidentitet, t.ex. Smith and Sons, D & G, H & M, Jones & Partners.

Överväg att betona "och" av företagsnamnet genom att framhäva en ampersand, "&", i varumärkesdesignen. En dekorativ, utsmyckad ampersand ser elegant och gammaldags ut, vilket ger logotypen en sofistikerad, vuxen utseende. En stor ampersand betonar också företagets samarbetsegenskaper, vilket ger konsumenten eller kunden råd om att de efterfrågas av ett expertteam. 

Formella företag som tillhandahåller klienttjänster, som advokatbyråer eller finansiella konsultföretag, skulle passa denna typ av varumärkesdesign, liksom utbildningsinstitutioner eller akademiska institutioner som universitet och museer.

Det här exemplet logotypdesign skapades med Caslon 540 LT Std, satt i romersk och Kursiv, även om någon serif font med en trevlig ampersand design kan fungera lika bra. De Kursiv vikt av Caslon har en härlig curling ampersand som kompletterar de mer traditionella serif stora bokstäverna.

Du kan också ställa in en framträdande ampersand i en sans serif typsnitt. Detta förvandlar utseendet och stämningen av logotypen. Detta exempel design är inställt i BonvenoCF Light. Det kan fungera bra för ett digitalt byrå eller teknikföretag, eller för ett modernt sjukhus eller hälso- och sjukvårdstjänst.

Skapa logotypen i InDesign

Steg 1

För att återskapa denna serif ampersand design, hopp över till InDesign och öppna dokumentet vi satt upp tidigare. 

Dra en guide ner från topplinjen (Visa> Visa linjaler) att ge en baslinje för att sätta din text på. 

Öppna Skikten panel (Fönster> Lager) och dubbelklicka på standardvärdet Layer 1 titel för att byta namn på skiktet. Byt namn på det som guider och klicka ok

Klicka på Skapa nytt lager ikonen längst ner till höger om Skikten panelen för att skapa ett andra lager ovan guider. Byt namn på detta som Svart text. Upprepa processen för att skapa ytterligare två lager, den första namnet Vit, och toppskiktet heter Blue Ampersand.

Steg 2

Klicka på Svart text lager så att du arbetar med det lagret. Välj nu Typverktyg (T) från Verktyg panel och dra för att skapa en fyrkantig textram.

Skriv ett enda bokstav i ramen och ställ in Font till Caslon 540 LT Std Roman, Storlek 150 pt. Sitt botten av brevet på baslinjen, markerad av guiden. Välj textramen och Redigera> Kopiera, Redigera> Klistra in, redigering av brevet. Sätta den andra ramen till höger om brevet med ca a 20 mm gap mellan de två bokstäverna.

Steg 3

Återgå till Skikten panelen och klicka på det översta lagret, Blue Ampersand, för att aktivera det. Skapa en tredje textram och skriv '&' Gillar det. Ställ in Font till Caslon 540 LT Std Kursiv, Storlek 170 pt. Du kan dra ut den i en djärv färg för kontrast - här har jag använt en starkblå, C = 86 M = 0 Y = 19 K = 0.

Steg 4

Låsa de Blue Ampersand skikt och hop ett lager ner till Vit. Du kan applicera en vit prydnad för att skapa utseendet som längst till vänster på 'W' brev har raderats av ampersand.

Välj Ellipsverktyg (L) och dra för att skapa en liten oval för att passa i det övre högra hörnet av ampersand. Ställ in Stroke till [Ingen] och den Fylla till [Papper]. Upprepa för att skapa en andra liten oval som sitter i skålen i ampersand.

Och du är klar! En elegant klassisk logotyp som dras ihop av en djärv ampersand.

2. Ramar kan ge logotyper en stämpel av myndighet

Vissa varumärken behöver ha mer än bara deras namn som en del av deras varumärkesidentitet. En klient kan fråga dig att även inkludera en slogan eller en kontorsplats (er). 

Du kan balansera olika delar av texten genom att tillämpa en A, B, C regel. en är företagets namn och bör vara den största rubriken. B är en underrubrik, för nästa största och nästa viktigaste information. De C rubrik är den minsta och minst viktiga texten.

Så i det här exemplet, "The Hotel Company" är en, "New York London Paris" är B och "World Class Service sedan 1952" är C. 

All text är inställd i Arial Bold och Regelbunden. Öka spårning (utrymmet mellan alla bokstäver) ökar också loggens läsbarhet och ger bokstäverna något utrymme att andas.

Det är allt bra och texten ser balanserad ut, men texten ser fortfarande ut, ja, precis som text. Hur kan vi omvandla det till något som ser ut som en logotyp?

Stroker och ramar är verkligen enkla att tillämpa på dina märkesdesigner, men är ibland förbisedda. Inramad av fyra enkla svarta solida streck, förvandlas texten till en diskret, minimal logotyp.

Sätt en solid svart ram runt texten, och logotypen ser ut som en stämpel. Denna design stil skulle verkligen passa livsstil varumärken eller lyxhandel.

Skapa logotypen i InDesign

Steg 1

Återvänd till InDesign och dra en guide ner från topplinjen (Visa> Visa linjaler) för att skapa en baslinje.

Välj Typverktyg (T) och dra för att skapa en lång, smal textram. Placera den centralt på sidan. Skriv företagsnamnet och ställ in Font till Arial Bold, Storlek 40 pt och Alla kepsar. Öka spårning till 130.

Steg 2

Skapa en sekund, smalare textram och skriv in kontorsplatsen (erna). Ställ in Font till Arial Bold, storlek 15 pt, alla kepsar och uppåt spårning till 130. Placera denna ram centralt ovanför företagsnamnet.

Ange en tredje textram under företagets namn och ställ in Font till Arial Regular, storlek 11 pt, alla kepsar och spårning till 130, som förut.

Steg 3

Välj Linjeverktyg (\) från Verktyg panelen och håller ner Flytta Dra på vänster till höger på tangentbordet för att skapa en perfekt rak horisontell linje. Placera den till höger om B-rubriken på logotypen och förläng den så att den stämmer överens med företagets sista tecken.

Ställ in Stroke Color till [Svart] och den Slagvikt till 0,3 mm. Öppna Stroke Panel (Fönster> Slag) och ställa in Keps till a Round Cap, att mjuka linjens ändpunkter. 

Steg 4

Redigera> Kopiera och Redigera> Klistra in linjen, placera den på vänster sida av B-rubriken. Klistra in ytterligare två slag, placera dem på vardera sidan av C-rubriken och förlänga deras längder om det behövs. 

Steg 5

För att skapa en ram runt hela texten istället, välj Rektangelverktyg (M) och dra för att skapa en ram som tillåter runt en 13 mm marginal mellan rammens kant och texten på alla sidor.

Från Stroke panel, ställ in Vikt till 1 mm och den Typ till Tjock tunn.

3. Välj Retro Type för Friendly Branding

Många företag behöver ett mer vänligt och tillgängligt varumärkesutseende än företag i mer formella eller exklusiva sektorer. Livsmedelsmärken, kaféer, välgörenhetsorganisationer och kreativa myndigheter måste vara åtkomliga, och den typografi de använder i deras märkesdesign kan verkligen bidra till att förstärka denna glada öppna etos.

Retro-inspirerade typdesign är en bra passform för dessa typer av företag. Samtidigt trendig och nostalgisk, kan den rätt vintageinspirerade typsnittet göra ett märke verka varmt och inbjudande.

Teckensnitt som refererar till 1950-talets designstilar, med sin snygga, roliga estetik, är bra för logotypdesigners. Kolla in det här exemplet logotypdesign för ett kaffemärke. Satt mot en pastellfärgad bakgrund, körs typen längs en krökt bana. Du borde hålla designen platt (inga skuggor eller gradienter) för att modernisera på vintageutseendet, för att hålla det friskt och relevant.

Skapa logotypen i InDesign

Steg 1

Återgå till din InDesign dokument och skapa en ny sida. Öppna rutor~~POS=HEADCOMP panel (Fönster> Färg> Färgämnen) och klicka på Ny Swatch ikonen längst ner till höger på panelen. 

Dubbelklicka på namnet på den nya swatchen för att redigera den. Ställ in Läge till CMYK och värdena till följande: C = 35 M = 1 Y = 20 K = O. Klick ok.

Välj Rektangelverktyg (M) från Verktyg panel och dra för att skapa en ram 180 mm i Bredd och 60 mm i Höjd. Ställ in Stroke Color till [Ingen] och den Fyllnadsfärg till din nya swatch, C = 35 M = 1 Y = 20 K = O.

Steg 2

Välj Ellipsverktyg (L) och dra för att skapa en oval, ungefärlig 195 mm i Bredd och 100 mm i Höjd. Placera centralt över den färgade rektangeln, med den övre halvan av det ovala sittande i det färgade området.

Välj Skriv på ett sökverktyg (Shift-T), som du hittar i rullgardinsmenyn under Typverktyg (T) i Verktyg panel. Haka över vänster sida av ovans övre kant till en liten '+' ikonen visas bredvid markören. Klicka en gång och kanten på den ovala ska omvandlas till en textväg.

Typ "The Little Coffee Co." och ställa in Font i den kostnadsfria nedladdningen Grand Hotel. Uppe Textstorlek till 70 pt, och ställa in Fontfärg av 'De' och 'Co' till [Papper]. Uppsättning "Liten kaffe" i en ny CMYK swatch, som du kan skapa från rutor~~POS=HEADCOMP panel, C = 64 M = 55 Y = 50 K = 50.

Om du behöver justera mängden kurva under typen, kan du dra det nedre centrala ankaret i den ovala formen uppåt (för att minska kurvets djup) eller nedåt (för att öka djupet).

Steg 3

Välj Typverktyg (T) och dra för att skapa en liten, smal textram. Sitt den centralt under företagsnamnet. Typ '~ (Utrymme) Est. 2005 (utrymme) ~' och ställa in Font i en tunn sans serif typ. Här har jag använt BonvenoCF Light, som har en något retro look. 

Ställ in Textstorlek till 20 pt, Fontfärg till [Papper], Alla kepsar och Centrera i linje med.

Steg 4

I det här exemplet har vi introducerat färg för att ge logotypen ett mer vintage utseende. Ett bra tips för att testa styrkan och mångsidigheten hos en logotyp, speciellt om den är designad i färg, är att ställa in den i svart. Om designen ser lite ut, när färgen är borttagen, behöver designen nog lite mer tanke.

Du kan också ställa in logotypen i vitt och ställa in den framför en fotografisk bakgrund för att ytterligare testa hur det fungerar över olika typer av layouter och mönster. Kommer det att fungera lika bra står ensam på ett utskriftsdokument som det kommer att vara som en del av en webbdesign, till exempel?

4. Gör din typdesigner Iconic

Typ logotyper kan vara i fara för att se lite blött och tråkigt bredvid sina bildbaserade motsvarigheter. Vi har tittat på hur justering av tecken och teckenstorlek och införande av ramar kan göra en logotyp mer intressant och dynamisk. Men hur kan du se till att din logotypsdesign kommer att bli minnesvärd?

Många företag, särskilt inom detaljhandeln, skapar "ikoner" och logotyper för att representera deras varumärke. Ikoner kan fungera lika bra som logotyper i små storlekar, och brukar byggas på en fyrkant, snarare än rektangulär, layout. De innehåller ofta mindre information (inga undertexter eller annan extra information) och är följaktligen ofta mångsidigare och minnesvärda än logotyper.

Ett klädmärke, till exempel, kan välja att använda en punchig, minnesvärd ikon för att skriva ut på varor. Små symboliska mönster lockar uppmärksamhet även i liten skala, och kan ytterligare locka ögat med färgapplikation och kontrast.

Om du utformar en logotyp som behöver sticka ut och det ser snygg ut över ett brett utbud av media, från varor till butiksfönster, överväga att ställa in din typ i en kvadratisk eller cirkulär layout. Syfta att ta bort all onödig extra information och hålla designen slående och minimal.

Ta det här exemplet på logotypdesignen, för ett fiktivt klädmärke och tillbehörsmärke, Jodie. Typlogotypen är bra men inte särskilt intressant.

Ikonversionen av designen omsluter varumärket i en färgad cirkel och sätter texten i vit för extra kontrast. Denna version ser genast ut mer modern och minnesvärd. 

Det är också en mer mångsidig design. Du kan helt enkelt byta färg på ikonen för att ge en annan identitet till varumärkets olika intervall (t.ex. för kvinnor, för män, för barn etc.).

Skapa ikonen i InDesign

Steg 1

Återgå till din InDesign dokument och skapa en ny sida om det behövs (lägg till från sidor panel [Fönster> Sidor]).

Välj Typverktyg (T) och dra för att skapa en textram 115 mm i Bredd och 40 mm i Höjd. Placera ramen centralt på sidan och skriv 'Jodie' in i ramen.

Ställ in Font till Callie Hand Regelbunden, ställa in Storlek till 122 pt och ange texten till Centrera i linje med.

Steg 2

Skapa en sekund, mycket mindre, textram och typ 'TM.' in i ramen. Placera längst upp till höger om den första textramen, precis ovanför punkten på 'jag'.

Ställ in Font till Fira Sans Regelbunden, Storlek 12 pt och Centrera i linje med. 

Steg 3

Välj Ellipsverktyg (L) från Verktyg panelen och håller ner Flytta, dra för att skapa en perfekt cirkel 91 mm i diameter. Ställ över toppen av 'Jodie' textram. Högerklicka (Windows) eller Control-Click (Mac OS)> Ordna> Skicka till Tillbaka.

Ställ in Stroke Color till [Ingen] och den Fyllnadsfärg till en ny rosa färg CMYK Swatch, C = 0 M = 51 Y = 20 K = 0 (Välj Ny färgstämpel från rutor~~POS=HEADCOMP panel [Fönster> Färg> Färger]).

Steg 4

Justera textfärgen på båda textramarna till [Papper] från Teckenformateringskontroller panelen springer längst upp på skärmen eller från rutor~~POS=HEADCOMP panel.

Slutsats

Att designa logotyper och ikoner kan vara oerhört enkelt när man arbetar med typografi ensam. Håll dessa tips i åtanke när du designer för att göra dina varumärkesdesigner effektiva, minnesvärda och klient-lämpliga:

  • Förbättra en ampersand att ge stil och känsla till annars konservativa, formella logotyper. Var inte rädd för överlappande tecken eller dramatiskt justera spårning eller kerning för att ge din logotyp ett unikt och elegant utseende.
  • Ramar och linjer kan användas för att dra samman flera textrader och ge en logotyp ett auktoritativt utseende. Håll dig vid A, B, C reglera för dimensionering rubriker för att ge din design en känsla av struktur och ordning.
  • För att göra logotyperna mer vänliga och mindre formella, anta retro eller handritade teckensnitt för en nostalgisk vridning. Ange typ i varma, komplementära färger för att injicera mer optimism i designen.
  • Överväg att utforma en typbaserad ikon för ökad minnesförmåga och effekt. Håll dig till en minimal design och enkel färgkontrast för att maximera ikonens mångsidighet.

Ta reda på mer om att välja typsnitt för logotyp och annan tryckdesign med denna roliga handledning från Julie Felton.