Typografi i aksjon Design enkle og effektive type logoer

Hva du skal skape

Typografi spiller en stor rolle i måten merkene oppfattes på, og hvor vellykkede merkevarer blir hos forbrukerne. Et klokt valg av type kan gjøre en logo mer minneverdig, mer ambisiøs, mer pålitelig og mer spennende. Minimale typografiske logoer er enkle å oppnå, og kan ofte ha større innflytelse enn en symbolsk logotype.

Her ser vi hvordan typografi kan brukes med suksess på tvers av logotypedesign, og bryte ned hvordan du kan opprette effektiv merkevarebygging for ulike typer kommersielle virksomheter, ved hjelp av svært enkle typografiske tips og triks.

Vi vil undersøke hvor enkle tweaks til skrifttype, størrelsesorden, sak, vekt, sporing, justering og farge kan virkelig løfte typografiske designene dine, og gjøre dem bransjeinnpassede på et øyeblikk. Hvis du vil gjenskape designene mens du leser, må du ha tilgang til Adobe InDesign.

Gjenta designene ved hjelp av InDesign

Designene som er vist i hele denne opplæringen, er blitt satt sammen ved hjelp av Adobe InDesign. 

For å gjenskape logoer når du leser, åpne InDesign og opprett et nytt dokument for Skrive ut. Sett Størrelse til A4, og orienteringen til Landskap. Sett Antall sider til 1 for nå; Du kan legge til sider etter behov. Klikk OK.

1. Spill opp en Ampersand

Mange bedrifter er dannet gjennom partnerskap eller samarbeid, og vil ha en 'og' som en del av deres identitet, f.eks. Smith og Sons, D & G, H & M, Jones & Partners.

Overvei å understreke 'og' av firmanavnet ved å gi fremhevet en ampersand, '&', i merkevaren. En dekorativ, utsmykket ampersand ser elegant og gammeldags ut, og gir logoen et sofistikert, voksen utseende. En stor ampersand legger også vekt på samarbeidsforholdet til selskapet, som beroliger forbrukeren eller klienten at de blir ivaretatt av en ekspertgruppe. 

Formelle virksomheter som tilbyr klienttjenester, som advokatfirmaer eller finansielle konsulentfirmaer, ville passe til denne typen merkevaredesign, slik som utdanningsinstitusjoner eller akademiske institusjoner, som universiteter og museer.

Dette eksempelet logo design ble opprettet ved hjelp av Caslon 540 LT Std, satt i Roman og kursiv, selv om noen serif font med en fin ampersand design kunne fungere like bra. De kursiv vekt av Caslon har en nydelig curling ampersand, som utfyller de mer tradisjonelle serif store bokstaver.

Du kan også sette en fremtredende ampersand i en sans serif skrifttype. Dette forvandler utseendet og stemningen til logo-designen. Dette eksemplet design er satt inn BonvenoCF Light. Det kan fungere godt for et digitalt byrå eller teknologibedrift, eller for et moderne sykehus eller helseforetak.

Lag logoet i InDesign

Trinn 1

For å gjenskape denne serif ampersand-designen, hopp over til InDesign og åpne dokumentet vi opprettet tidligere. 

Dra en guide ned fra topplinjen (Vis> Vis linjaler) å gi en grunnlinje for å sitte på teksten din. 

Åpne lag panel (Vindu> Lag) og dobbeltklikk på standardinnstillingen Lag 1 tittel for å gi nytt navn til laget. Gi nytt navn til det som Guides og klikk OK

Klikk på Lag nytt lag ikon nederst til høyre på lag panel for å lage et andre lag over Guides. Gi nytt navn til dette som Svart tekst. Gjenta prosessen for å lage ytterligere to lag, den første navngitte Hvit, og det øverste laget heter Blå Ampersand.

Steg 2

Klikk på Svart tekst lag for å sikre at du jobber med det laget. Velg nå Typeverktøy (T) fra Verktøy panel og dra for å lage en firkantet tekstramme.

Skriv et enkelt brev inn i rammen og sett inn Font til Caslon 540 LT Std Roman, Størrelse 150 pt. Sett bunnen av brevet på grunnlinjen, merket av guiden. Velg tekstrammen og Rediger> Kopier, Rediger> Lim inn, redigering av brevet. Sett den andre rammen til høyre for brevet, med omtrent a 20 mm gap mellom de to bokstavene.

Trinn 3

Gå tilbake til lag panelet og klikk på topplaget, Blå Ampersand, for å aktivere den. Lag en tredje tekstramme og skriv inn '&' i det. Sett Font til Caslon 540 LT Std Kursiv, Størrelse 170 pt. Du kan trekke den ut i en dristig farge for kontrast - her har jeg brukt en sterk blå, C = 86 M = 0 Y = 19 K = 0.

Trinn 4

Låse de Blå Ampersand lag, og hopp ett lag ned, til Hvit. Du kan bruke et snev av hvitt for å skape utseendet som den langt venstre siden av 'W' brev har blitt slettet av ampersand.

Velg Ellipseverktøyet (L) og dra for å lage en liten oval som passer i øverste høyre hjørne av ampersand. Sett Stroke til [Ingen] og Fylle til [Papir]. Gjenta for å lage en annen liten oval som sitter i bollen av ampersand.

Og du er ferdig! En elegant, klassisk logo design trukket sammen av en dristig ampersand.

2. Rammer kan gi logoer et stempel av autoritet

Noen merker må ha mer enn bare deres navn som en del av deres merkeidentitet. En klient kan be deg om å inkludere et slagord eller et kontorsted (er). 

Du kan balansere ulike seksjoner av tekst ved å bruke en A, B, C regel. EN er firmanavnet, og bør være den største overskriften. B er en underrubrik, for den neste største og neste viktigste informasjonen. De C overskriften er det minste og minst viktige teksten.

Så i dette eksemplet, 'The Hotel Company' er en, 'New York London Paris' er B og 'World Class Service siden 1952' er C. 

All teksten er satt inn Arial Fet og Regelmessig. Øke sporing (mellomrom mellom alle bokstavene) øker også logoenes lesbarhet og gir bokstavene noe å puste.

Det er alt bra, og teksten ser balansert ut, men teksten ser fortsatt ut, vel, akkurat som tekst. Hvordan kan vi forvandle det til noe som ser mer ut som en logo?

Stroker og rammer er veldig enkle å gjelde for merkevarebyggingen, men blir ofte overset. Innrammet av fire enkle, svarte solide streker, blir teksten omdannet til en diskret, minimal logo.

Sett en solid svart ramme rundt teksten, og logoen ser ut som et stempel. Denne design stilen ville virkelig passe livsstil merkevarer, eller luksus detaljhandel.

Lag logoet i InDesign

Trinn 1

Tilbake til InDesign og dra en guide ned fra topplinjen (Vis> Vis linjaler) å opprette en grunnlinje.

Velg Typeverktøy (T) og dra for å lage en lang, smal tekstramme. Plasser den sentralt på siden. Skriv inn firmanavnet, og sett inn Font til Arial Fet, Størrelse 40 pt og Alle Caps. Øk sporing til 130.

Steg 2

Opprett en sekund, smalere tekstramme, og skriv inn kontorstedet (e). Sett Font til Arial Fet, Størrelse 15 pt, Alle Caps og oppe sporing til 130. Plasser denne rammen sentralt over firmanavnet.

Angi en tredje tekstramme under firmaets navn, og sett inn Font til Arial Regular, Size 11 pt, All Caps og sporing til 130, som før.

Trinn 3

Velg Linjeverktøy (\) fra Verktøy panelet og holde nede Skifte På tastaturet, dra fra venstre til høyre for å lage en perfekt rett horisontal linje. Plasser den til høyre side av B-overskriften på logoen, og utvide den til å linje opp med siste tegn på firmanavnet.

Sett Stroke Color til [Svart] og Stroke Weight til 0,3 mm. Åpne Stroke Panel (Vindu> Stroke) og sett Lokk til en Round Cap, å myke endepunktene på linjen. 

Trinn 4

Rediger> Kopier og Rediger> Lim inn linjen, posisjonerer den til venstre side av B-overskriften. Lim inn to streker, plasser dem til hver side av C-overskriften, og utvide deres lengder hvis det er nødvendig. 

Trinn 5

For å lage en ramme rundt hele teksten i stedet, velg Rektangelverktøy (M) og dra for å lage en ramme som gir plass til rundt a 13 mm margin mellom kanten av rammen og teksten på alle sider.

Fra Stroke panel, sett inn Vekt til 1 mm og Type til Tykk tynn.

3. Velg Retro Type for Friendly Branding

Mange bedrifter trenger et mer brukervennlig og tilgjengelig merkevareutseende enn selskaper i mer formelle eller eksklusive sektorer. Matvarer, kaféer, veldedighetsorganisasjoner og kreative byråer må være tilnærmet, og typografien de bruker i deres merkevaremodeller, kan virkelig bidra til å styrke denne muntere, åpne etos.

Retro-inspirert type design passer perfekt til disse typer virksomheter. Samtidig trendy og nostalgisk, kan den riktige vintage-inspirerte skrifttypen få merke til å virke varm og innbydende.

Fonter som refererer til 1950-tallet design stiler, med deres cheery, morsomme estetiske, er flott for logo designere. Sjekk ut dette eksempelet logo design for et kaffe merke. Sett mot en pastellfarget bakgrunn, kjører typen langs en buet sti. Du bør holde designet flatt (ingen skygger eller gradienter) for å få et moderne utseende på vintage, for å holde det friskt og relevant.

Lag logoet i InDesign

Trinn 1

Gå tilbake til din InDesign dokument og opprett en ny side. Åpne fargeprøver panel (Vindue> Farge> Svampe) og klikk på Ny Swatch ikon nederst til høyre på panelet. 

Dobbeltklikk navnet på den nye swatchen for å redigere den. Sett Modus til CMYK og verdiene til følgende: C = 35 M = 1 Y = 20 K = 0. Klikk OK.

Velg Rektangelverktøy (M) fra Verktøy panel og dra for å lage en ramme 180 mm i Bredde og 60 mm i Høyde. Sett Stroke Color til [Ingen] og Fyll farge til den nye swatchen din, C = 35 M = 1 Y = 20 K = 0.

Steg 2

Velg Ellipseverktøyet (L) og dra for å lage en grov oval, om 195 mm i Bredde og 100 mm i Høyde. Plasser sentralt over det fargede rektangel, med den øverste halvdelen av den ovale sitte i det fargede området.

Velg Skriv på et sporverktøy (Shift-T), som du finner i rullegardinmenyen under Typeverktøy (T) i Verktøy panel. Hold over venstre side av øvre kant av ovalen til en liten '+' ikonet vises ved siden av markøren. Klikk en gang, og kanten på den ovale blir forvandlet til en tekststi.

Type 'The Little Coffee Co.' og sett Font i gratis-nedlastingen Grand Hotel. Opp Skriftstørrelse til 70 pt, og sett Skriftfarge av 'De' og 'Co' til [Papir]. Sett "Liten kaffe" i en ny CMYK swatch, som du kan opprette fra fargeprøver panel, C = 64 M = 55 Y = 50 K = 50.

Hvis du trenger å justere størrelsen på kurven under typen, kan du trekke det nedre sentrale ankeret av den ovale formen opp (for å redusere kurvenes dybde) eller nedover (for å øke dybden).

Trinn 3

Velg Typeverktøy (T) og dra for å lage en liten, smal tekstramme. Sitt den sentralt under firmanavnet. Type '~ (Mellomrom) Est. 2005 (mellomrom) ~' og sett Font i en tynn sans serif type. Her har jeg brukt BonvenoCF Light, som har et litt retro utseende. 

Sett Skriftstørrelse til 20 pt, Skriftfarge til [Papir], Alle Caps og Juster senter.

Trinn 4

I dette eksemplet design har vi introdusert farge for å gi logoet et mer vintage utseende. Imidlertid er et godt tips for å teste styrken og allsidigheten til en logo-design, spesielt hvis den er laget i farger, å sette den i svart. Hvis designen ser litt ut av når fargen er strippet bort, trenger designet sannsynligvis litt mer tanke.

Du kan også sette logoet i hvitt og sette det foran en fotografisk bakgrunn for å teste hvordan det vil fungere på tvers av ulike typer layout og design. Vil det fungere like bra og stå alene på et utskriftsdokument som det vil som en del av en webdesign, for eksempel?

4. Gjør din type design ikonisk

Type logoer kan være i fare for å se litt blid og kjedelig ved siden av sine bildebaserte kolleger. Vi har sett på hvordan justering av tegn og skriftstørrelse og innføring av rammer kan gjøre en logo mer interessant og dynamisk. Men hvordan kan du sikre at logo-designen din blir minneverdig?

Mange bedrifter, spesielt innen detaljhandel, lager "ikoner", så vel som logoer, for å representere deres merkevare. Ikoner kan fungere like godt som logoer i små størrelser, og er vanligvis konstruert på en firkant, i stedet for rektangulær, layout. De inneholder ofte mindre informasjon (ingen tekst eller annen ekstra informasjon), og som et resultat er de ofte mer allsidige og minneverdige enn logoer.

Et klærmerke, for eksempel, kan velge å bruke et punchy, minneverdig ikon for å skrive ut på varer. Små, symbolske motiver tiltrekker seg oppmerksomhet selv i liten skala, og kan ytterligere tiltrekke seg øyet med fargeprogram og kontrast.

Hvis du designer en logo som trenger å skille seg ut, og det vil se attraktivt ut over et mangfoldig utvalg av medier, fra varer til butikkvinduer, bør du vurdere å sette inn typen i en firkantet eller sirkulær layout. Målet er å eliminere unødvendig ekstra informasjon og holde designen slående og minimal.

Ta dette eksempelet logo design, for en fiktiv klær og tilbehør merkevare, Jodie. Typeprofilen er fin, men ikke spesielt interessant.

Ikonversjonen av designet omslutter merket i en farget sirkel, og setter teksten i hvitt for ekstra kontrast. Denne versjonen ser øyeblikkelig mer moderne og minneverdig ut. 

Det er også en mer allsidig design. Du kan bare bytte farge på ikonet for å gi en annen identitet til merkets forskjellige områder (for eksempel for kvinner, for menn, for barn, etc.).

Opprett ikonet i InDesign

Trinn 1

Gå tilbake til din InDesign dokument og opprett en ny side om nødvendig (legg til fra sider panel [Vindu> Sider]).

Velg Typeverktøy (T) og dra for å lage en tekstramme 115 mm i Bredde og 40 mm i Høyde. Plasser rammen sentralt på siden, og skriv inn 'Jodie' inn i rammen.

Sett Font til Callie Hand Regelmessig, sett Størrelse til 122 pt og sett teksten til Juster senter.

Steg 2

Lag et sekund, mye mindre, tekstramme og type 'TM'. inn i rammen. Plasser øverst til høyre i den første tekstrammen, like over prikken på 'Jeg'.

Sett Font til Fira Sans Regelmessig, Størrelse 12 pt og Juster senter. 

Trinn 3

Velg Ellipseverktøyet (L) fra Verktøy panelet og holde nede Skifte, dra for å lage en perfekt sirkel 91 mm i diameter. Plasser over toppen av 'Jodie' tekstramme. Høyreklikk (Windows) eller Kontroll-Klikk (Mac OS)> Arranger> Send til Tilbake.

Sett Stroke Color til [Ingen] og Fyll farge til en ny rosa CMYK Swatch, C = 0 M = 51 Y = 20 K = 0 (å velge Ny fargekvoter fra fargeprøver panel [Vindue> Farge> Fargeprøver]).

Trinn 4

Juster tekstfargen til begge tekstrammer til [Papir] fra Tegnformateringskontroller panelet kjører langs toppen av skjermen eller fra fargeprøver panel.

Konklusjon

Design av logoer og ikoner kan være utrolig enkelt når du arbeider med typografi alene. Vær oppmerksom på disse tipsene mens du designer for å gjøre merkevaredesignene dine effektive, minneverdige og klienttilpassede:

  • Forbedre en ampersand å gi stil og stil til ellers konservative, formelle logoer. Ikke vær redd for overlappende tegn eller dramatisk justere sporing eller kerning for å gi logoet ditt et unikt og elegant utseende.
  • Rammer og linjer kan brukes til å trekke sammen flere linjer med tekst og gi en logo et autoritativt utseende. Hold deg til A, B, C Regel for dimensjonsoverskrifter for å gi designet en følelse av struktur og rekkefølge.
  • For å gjøre logo-designene mer vennlige og mindre formelle, ta med retro eller håndskrevne fonter for en nostalgisk vri. Sett type i varme, komplementære farger for å injisere mer optimisme inn i designet.
  • Vurder å utforme et typebasert ikon for økt minnesbarhet og innvirkning. Hold deg til en minimal design og enkel fargekontrast for å maksimere ikonets allsidighet.

Finn ut mer om valg av fonter for logo og annet trykkdesign med denne morsomme opplæringen fra Julie Felton.