Ord betyder noget (eller sådan får jeg at vide). Nogle af mine yndlings typografiske stykker er dem, der bruger typografi ikke kun til at levere en meddelelse, men også tjene som det sammensætningsgrundlag, som et design centrerer omkring. Bogstaver er lige så værdifulde som grafiske elementer, som de er repræsentationer af sprog, og det at bede type om at servere flere roller i en komposition er en pålidelig måde at hæve kvaliteten af ​​dit arbejde på.

Det er et værktøj, du altid har til rådighed for dig, uanset projekt eller medium. Uanset om du har billeder, uanset hvor god kopien er, og uanset skrifttypen, hvis du tvinger dig selv til at tænke på typen som et strukturelt værktøj, vil du altid være i stand til at tilføje dybde til dine design. Det tvinger dig til at gå ud over det grundlæggende ved typografi for at søge nye muligheder for interaktion og historiefortælling med typografi og overveje de formelle kvaliteter i hvert skrifttype, du vælger i jakten på forbindelser mellem dets grafiske design og det budskab, du vil forstærke.

Jeg har trukket et par af mine yndlingsdesign der bruger type på denne måde og grupperet dem i delte temaer, så vi kan analysere udvalget af teknikker, som forskellige designere har brugt til at lade typografi lede deres arbejde. Lad os dykke ind!

Jessica Svendsen,

Skriv informationsnet

Brug af et typografisk element til at påvirke andre stykker af designet

Lad os starte med et godt, indlysende eksempel. Jessica Svendsens plakat til udstillingsarkitektur: et paradoks? er en af ​​flere betagende plakater, hun skabte til en serie til Yale Architectural-programmet (vi taler med et andet af disse plakater om et øjeblik).

Den dimensionelle type skaber et lodret gittersystem, der informerer om typen såvel som designet til selve spørgsmålstegnet.

Hvis vi abstraherer og diagrammer dette design, kan vi se, hvordan Svendsen lader de lodrette linjer oprettet fra 3D-ekstrudering af displaytypen etablere det gitter, som den supplerende tekst er justeret til. Denne tilgang bringer en følelse af orden selv inden for de fejede linjer i spørgsmålstegnet - du kan se, at selve spørgsmålstegnet rammer mange af de samme gitterlinjer, der organiserer det nederste afsnit. Denne struktur forener de to halvdele af designet på trods af den enorme forskel i stil, perspektiv og skala. Denne modernistiske plakatstil har ganske ofte "helt" grafiske elementer eller typografi og gitteret type over eller under, men jeg har ikke set mange eksempler, der bygger forbindelser mellem de primære og sekundære elementer i den grad Svendsen gør med dette stykke.

Samspillet mellem dimensionelt rum og fladtypetypen nedenfor tilføjer en følelse af bevægelse, rum og skala til det design, der ville mangle, hvis helttypen også var flad.

Lektioner at huske

Et objekt kan være omdrejningspunktet for dit designs struktur
Design kan ofte håndteres på en forbløffende måde. Hvis dit design bedst betjenes af et enkelt fokuspunkt, skal du løse det, og derefter bestemme, hvordan din type og sekundære elementer kan forholde sig tilbage til dette fokuselement.

Det er ikke kun den type, du vælger, men måden du præsenterer den på
Type behøver ikke at eksistere på kun et plan eller gengives i en dimension eller i én struktur. Søg efter måder at tilføje variation til de æstetiske elementer i dit typografiske arbejde, og glem ikke at bygge broer mellem de forskellige stilarter, du bruger.

Eric Hu, GIWYFI plakat.

Eric Hu er mesterlig til at kombinere skrifttyper, og der er ofte mere orden i hans kompositioner, end det kunne være tydeligt ved første øjekast. Denne plakat viser to skrifttyper - den spindelt, kursiverede glansede skærm og en akavet grotesk (bemærk, hvor korte talene sammenlignes med bogstaverne), der indstilles på en måde til at overdrive dens akavethed. Der er flere måder, hvorpå Hu bruger kursiv her til at etablere struktur og forbinde de to tekstformer. Fra den øverste halvdel af designet kan vi se, at der tages omhu for at matche det forreste af det kursive med den fulde højde af det groteske, og i den nederste halvdel er tallene anbragt i det rum, der skabes sammen med det faldende " g ”i“ Virginia. ”

Abstraktion af plakaten i linje og plan gør strukturen klarere.

Abstraktion af typen kan hjælpe os med at se kompositionens underliggende skelet. Prikkerne i kursiv er perfekt runde og føles for mekaniske og præcise sammenlignet med likviditeten i resten af ​​bogstaverne. Fordi de kaster sig op til hættelinjen, føler de sig næsten fuldstændigt frakoblet fra de petite små tegn, der er sunket nedenunder. De forvirrer øjet - hvilket skrifttype hører disse til? - og bro de to lag, mens de tjener som både bogstavselementer og punkter i rummet for at forene sammensætningen. Det er også en fræk måde at introducere geometri til et strengt typografisk design sammen med “+” og den firkantede kolon. Det er en værdifuld påmindelse om, at skrifttyper indeholder en hel del symboler, der kan tjene rene grafiske formål.

At arbejde på denne måde giver dig mulighed for at fokusere på en gruppering af tekst for at begynde dit design og derefter prøve at spille imod det, mens du bygger ud lag af kompleksitet. Fordi Hu allerede har tekst i samme farve, der overlapper hinanden i dette design, kunne han meget let have valgt en mere kaotisk tilgang og omfavnet det samspil og spænding, men i stedet valgte han at bruge de positive såvel som de negative rum skabt af de kursive sætninger til færdiggør designet. Resultatet skaber et klarere forgrund / baggrundsforhold mellem de to skrifttyper og føles poleret, mens de stadig har "fejl" og rod, der forhindrer det i at føle sig alt for formel eller dyrebar. Dette er et fremragende eksempel på "Fremstilling og nedbrydning af gitteret." Områderne, hvor typen sammenstød og overlapninger, er mere påvirkende på grund af den tilbageholdenhed, der vises i andre områder af plakaten.

Lektioner at huske

Foretag cascading typografiske beslutninger
Jeg elsker at dette design viser, hvordan du kan arbejde på denne måde uden at skulle have det "helt" -element i et design. Nogle gange er det lige så simpelt som at beslutte den grove placering, føring og farve af en sætning i et design og lade det være det første i en række små beslutninger, der i sidste ende fører til dit slutdesign.

Søg efter måder at blande typografiske elementer på for at forene forskellige skrifttyper i samme design
Den måde Hu bruger prikkerne på i glanset kursiv til at samspille med det groteske er virkelig vidunderligt, og det er en god påmindelse om, at mange skrifttyper med forskellige stilarter har små detaljer, der blandes fra et skrifttype til et andet. Husk, hvad en kraftfuld enhed der kan være, når du blander skrifttyper.

Større er ikke altid bedre
Type kan informere gitter og struktur, selv når der er billeder, eller når to skrifttyper med lignende hierarkisk betydning kolliderer. Antag ikke, at dette kun kan ske med monolitisk displaytype.

En anden plakat til Yale Architecture af Jessica Svendsen.

Ingen designer, der praktiserer i dag, bruger type til at informere komposition oftere og med større dygtighed end Jessica Svendsen. Hvis du læser Font Review Journal, ved du, at jeg allerede har skrevet en hel del om dette eksempel, som er et af mine yndlingsstykker med typografisk design. Svendsen bruger Maelstrom - en modsat kontrastplade-serif - som ryggen til designet, men hun nøyede sig ikke med, hvad skrifttypen gav hende ud af kassen.

Plakaten er pebret med subtile redigeringer af skrifttypen for at forstærke et gitter både inden for skærmtypen og også for at informere de typeelementer, der kaskader rundt om kanterne på designet. Før vi går ind på det, lad os starte med at diskutere en endnu mere grundlæggende beslutning: at rette retningen af ​​teksten. Hvis du tager Maelstrom og stakler bogstaverne på samme måde som plakaten, men venstrejusteret (nedenfor, helt til venstre), føles det ikke særligt tilfredsstillende, ikke? Det skaber en masse fanget plads - som til venstre for A og under armen på Y. Ved at skifte til højrejustering giver det mulighed for meget mere interessante områder i margenerne, drevet af "scoop" oprettet af Y, der trækker venstre kant ind og A, der udvider sig tilbage et par linjer senere. Denne skulpturering er også sandsynligvis, hvad der førte til valget af at trække de to sidste linjer med tekst væk fra højre kant - det er den eneste måde, A kan få en ren overgang fra L over den.

At spille med Maelstroms justering afslører mulighederne for at forme margenerne i interessante former og informerer placeringen af ​​mindre typografiske elementer.

Svendsen lader udformningen af ​​displaytypen styre kompositionen rundt om kanterne. "2014 FALL" udfylder det negative rum under Y's spredte arme, og A bruges til at forsegle bundkanten af ​​den venstre halvdel af kompositionen. Det cirkulære Y-mærke gemmer sig i H og forhindrer et andet eksempel på fanget plads.

Jeg brugte nogen tid på at overlægge "out of the box" Maelstrom mod Svendsens endelige design, så jeg kunne få en fornemmelse for de ændringer, hun foretog for at polere designet, og det er en mesterklasse, hvor meget sved de små ting kan forbedre en idé, mens også at løse praktiske problemer (mine rekreationer er kun beregnet til at tjene som tilnærmelser til det originale stykke, de er slurvede og ufuldkomne i sammenligning). Den røde er Maelstrom, den blå er Svendsens version, og du kan se forskellene i den overlejrede version, hvor der er hits af begge farver.

Den røde er Maelstrom, den blå er Svendsens version, og du kan se forskellene i den overlejrede version, hvor der er hits af begge farver.

R-benet er trukket ind for at lindre det faktum, at dette er det bredeste par tegn og for at bringe det på linje med CH, hvilket skaber en solid base for stilladset. De ydre kanter af pladeseriferne er skabt med subtile skulpturer, så hver linje har en klar relation til den over og under den.

Hun fjernede eller flyttede mange af de "flag" -detaljer, som Maelstrom kan prale af for at skabe mere negativ plads og maksimere luften, der strømmer gennem designet, hvilket forhindrer den i at føle sig alt for tæt - et andet skrifttype ville have effekten af ​​at skabe en kile gennem midt i designet og fjern enhver mulighed for et forhold mellem de to halvdele.

Linjen går i stykker af den tertiære type, der drypper langs margenerne, lejlighedsvis informeres af displaytypen, især i øverste højre hjørne, hvor LEKTURER-underoverskriften drejer fra seriven på A (dette er mere synlig i det abstrakte diagram). Dette er en særlig serendipitøs beslutning, fordi denne underoverskrift er vigtig for at indstille konteksten for plakaten - den introducerer halvdelen af ​​planlægningen for serien. Den måde, A's serif stikker over, leder dig til underrubrikken og forhindrer, at den går tabt i vasken.

Lektioner at huske

Det er ikke nok at vælge det rigtige skrifttype
Det krævede en masse arbejde for at gøre Maelstrom vellykket med denne plakat. Så meget af det typografiske arbejde er at blive intimt fortrolig med forskellige skrifttyper og give dig selv plads til at prøve usædvanlige ting med dem. Jeg brugte udtrykket "skulptur" et par gange for at beskrive denne plakat, og jeg synes, det er en fantastisk måde at beskrive typografi generelt på. Hvert skrifttype, også det ideelle, er kun et udgangspunkt. Det er op til dig at optimere det.

Brug skærmtype som stillads for resten af ​​designet
Hvis du forpligter dig til en stor, displaytype i dit design, skal du lade dens form lede resten af ​​kompositionen. Tag det, det giver dig, og find derefter ud af, hvordan du arbejder inden for de kreative begrænsninger, det giver dig med.

Skriv som repræsentation

Gengivelsestype som en manifestation af et objekt eller et ideal

Design af Donald Egensteiner

Type som struktur kan også tjene metaforiske formål og visuelt repræsentere teksten på en måde, der går ud over sidesammensætning. Lad os starte med et indlysende eksempel. I denne annonce, designet af Donald Egensteiner, behandles ordet "Tonnage" en måde, der indebærer, at det har den faktiske vægt. Type får en fysisk tilstedeværelse i sit miljø og bruger ideer fra den virkelige verden til at påvirke adfærden hos resten af ​​typen, hvilket gør den mere relatabel og forstærker ideen. Åbenbart, men effektiv.

Illustration til New York Times boganmeldelse af Jessica Svendsen

Mere Svendsen arbejde! Denne illustration er titlerne til en gennemgang af 21 lektioner i det 21. århundrede. Hun bruger typen til at skabe en overvældende følelse af svimmelhed, som om du kigger ind fra en monolit (kudoer for at smyge det 21. ord til et firsidet design, Svendsen). Dette er en interessant udfordring for en typeillustration - ud af de hundreder af måder, du kunne angive denne samling af ord på, hvordan kunne du gøre det på en måde, der formidler deres betydning? Jeg elsker, at store problemer behandles som sådan i dette stykke. Hendes valg om at skjule typen i stedet for andre teknikker som stak og skala giver typen en mere imponerende, fysisk tilstedeværelse, der er desorienterende og korrekt repræsenterer emnets alvor.

“Mærker, karakter, signet” Designet af Hans-Jürgen Kebler, 1970.

Dette dækning til Marken, Zeichen, Signete bruger progressiv skalering snarere end skævhed. Denne teknik skaber mere en "in" snarere end "up" effekt, og den udføres mest ofte ved at skalere og gentage det samme ord på hver side. Gentagelsen kan være kraftig, men den var ikke til hensigt at give mulighed for de forskellige sætninger og længder, som 21 lektioner har brug for.

Lektioner at huske

Brug teknikker, der tjener det indhold, du har
Det er let at blive overvældet af den tilsyneladende uendelige formbarhed af typen, og de utallige måder, ethvert givet problem potentielt kan løses. Men de bedste typografiske designs er dem, der forpligter sig til enkle koncepter og bruger størstedelen af ​​deres indsats på de udførelsesdetaljer, der følger.

En af Lou Dorfsmans ikoniske annoncer til CBS.

Lou Dorfsman var mesteren af ​​at bruge typografi som det skelet, et design kunne formes omkring, og et af mine yndlingseksempler herpå er denne annonce. De eskalerende "ha's" repræsenterer andelen af ​​komedievurderinger mellem de tre store netværk, og Lou vælger at dyppe på dem med præsentationen ud over den vilde kopi. At dette læser som latter (“ha ha ha”), og at CBS har den sidste latter, er ren glans. Selvom denne idé kunne have været formidlet med enkle diagrammer - Dorfsman skabte lignende annoncer, der kombinerede billeder og diagrammer til andre emner, forstærker typografien beskeden her i høj grad.

De flade lodrette sider og de rene hårlinjetræer i bogstaver i moderne stil hjælper typen med at læse som et søjlediagram, mens det stadig er legende og udtryksfuldt, hvilket passer til emnet. De delikate seriffer giver også Dorfsman mulighed for at justere diagrammerne under hver søjle i diagrammet efter stilkene snarere end seriferne, hvilket giver dem en følelse af heft, som de ellers ikke ville mangle og får kompositionen til at føle sig mere organisk snarere end stiv.

Selv når det fjernes til dets grundelementer, er designets vigtigste mål at fokusere dig på den sidste søjle og få det til at føles enormt.

Jeg vil også gerne påpege, hvordan alt ved den måde, tekstelementerne under højre kolonne er dimensioneret og placeret, forstærker, hvor massiv den sidste "ha" er. Selv hvis du skulle tage alt ud af designet, men typen, ville CBS 'ha' føles overnaturligt stort sammenlignet med de andre. Der er ingen tvivl om, hvem helten i denne historie er.

Lektioner at huske

Grundlæggende punkter / linje / plan design kan udføres med type
Glem ikke den magt, linjer og blokke af type har i forhold til hinanden. Denne annonce kunne have været lige så effektiv, selv hvis Dorfsman kun havde brugt 5 typografiske elementer. Hver bit af typen bruges til at understøtte annonceens centrale koncept.

Type valg betyder noget
Dette design ville have været langt mindre succesrig med næsten enhver anden bogstavsgenre. Nogle gange kan du med sikkerhed tillade, at et skrifttypevalg dikterer din udførelse på et design, og andre gange har du brug for at etablere dit koncept, så lav dit valg af skrifttype til at passe inden for den struktur, du allerede har besluttet på.

Type kan være messaging såvel som tjene grafiske formål
Denne skala-sammenligningsteknik er en, som Dorfsman har brugt gennem sin karriere, men jeg tror ikke, det er tilfældigt, at dette eksempel, der bruger type snarere end form eller billedformat til at formidle klassificeringsforskelle, er langt den mest elskede og succesrige. Type har så meget mening, både på det sprog, den kommunikerer, og den form, den er designet i. Hver gang du overvejer at bruge figurer eller billeder til at udtrykke en tanke, skal du udfordre dig selv til at prøve at erstatte det element med type og se, om der sker noget specielt.

Plakat designet af Noah Baker

Denne plakat, Noah Baker, der er lavet til Medium's Q3 2018-mål, har flere konceptuelle og strukturelle overraskelser: Præsentationen af ​​hver række efterligner en old-school-kalender, den forstærker “måned over måned” -målet ved bogstaveligt at sætte månederne oven på hinanden, og budskabet om 15% vækst - plakatets punkt - er rygsøjlen, som designet spirer fra. De individuelle elementer på plakaten er alle smukke i sig selv, meddelelsens design meddeles åbenlyst, og det er læsbart fra afstand. Men styrken ved at binde budskabet til et simpelt koncept gennem komposition og typografi er det, der gør det til en speciel designydelse.

Lektioner at huske

Enkle ideer kan have enorm indflydelse
Denne plakat er et godt eksempel på ikke at overdænke konceptet eller udførelsen af ​​et design. Noget behøver ikke at være ”unikt” eller komplekst for at overraske dig - de design, der er tidens prøve, er dem, der er helt engageret i deres kerneidee.

Wang Zhi-Hong's omslag til “The Crowd”

Wang Zhi-Hong er en af ​​de mest dygtige designere, der praktiserer overalt i verden, og hans bogomslag er ofte komponeret ved hjælp af kun typografi. Dette eksempel udnytter genialt Futuras geometri for at skabe et gentagende mønster af C'er, der repræsenterer den titulære crowd. Hver C ser ud til at omfavne det næste, og mens designet er ordentligt, provoserer det stadig klaustrofobi af et overfyldt rum.

Lektioner at huske

Geometriske skrifttyper kan være kraftfulde værktøjer
Skrifttyper som Futura, der er informeret af geometriske former, kan blive kraftige stand-ins for cirkler, trekanter og andre grundlæggende former. De har en tendens til at være mere grafiske og kan være stemningsfulde og effektive som enkle former såvel som ord og bogstaver.

Brug ordnede skrifttyper til uordnede ideer
At parre en overfyldt komposition med "løse" eller uregelmæssige skrifttyper kan distrahere fra det koncept, du prøver at formidle med din komposition. Lad enkle, "lige-mand" skrifttyper bringe en viss fortrolighed og klarhed, når tingene bliver travle eller trange.

Forstærkning af billeder

Type kan udvide indvirkningen af ​​billeder i et design

Lettering-koncept til Nike af Bureau Borsche

Type er ikke omdrejningspunktet for dette Nike-design, men det bruges her til at styrke fotografiets bevægelse. Til venstre skubber du C mod venstre og lægger Nike-logoet sammen med, fremkalder den måde, hvor figurens arm skyves tilbage, mens han sprinter på billedet herunder. Billedet er beskåret for at eksponere lige nok af løberens ben til at fortælle dig, at hans højre ben er hævet og fremad, og venstre forlænges bagpå, og opdelingen af ​​8 85 nedenunder tjener som en abstraheret repræsentation af hans holdning.

Til højre indstiller den centrerede indstillingen og placeringen af ​​“885” på sin egen linje over “New York” efterligningen af ​​fotografiets sammensætning. Den udvidede "New York" fremkalder en vejstrækning, og de ovoide runde badges, der forankrer designet, kunne læses som fødder.

Lektioner at huske

Hver karakter kan kommunikere noget
Dette design er et godt eksempel på at få meget indflydelse fra kun et par typografiske elementer. Færre elementer betyder, at hver enkelt har brug for mere vægt, og de bedste "enkle" design er dem, der presser den sidste bit af konceptuel og kompositionsværdi ud af hvert stykke på siden.

Brug typografi til at understøtte fotografering
Tving ikke adskillelse mellem din typografiske sammensætning og dine billeder. Søg efter måder at skabe samspil mellem forskellige typer visuelle sprog. Du kan overlappe tekst og billede eller udvide elementerne i et billede uden for dets ramme for at gifte sig med forskellige typer komponenter i et design.

Begge disse opslag fra Pin-Up bruger gitre og indsatte afsnit for at efterligne detaljer fra fotografierne i spredningen. Spredes med tilladelse fra vice.com

Pin-Up Magazine holder sine typevalg enkle og vælger i stedet for at få typografisk drama ud af de maleriske måder, det er sat i en masse. Artikler fremkalder ofte kreativt detaljer fra fotografiet i magasinet, såsom den lysere firkant med tekst i venstre eksempel ovenfor, der efterligner den lysegrå firkant af stof på midten af ​​århundredets bænk på billedet modsat udbredelsen. På samme måde er den marginale, kolumente type i eksemplet til højre en åbenlyst henvisning til de høje, slanke søjler på det fotografi, det understøtter (der er også en fræk reference til hatten på den modsatte spredning i billedteksten i den nedre venstre hjørne).

Lektioner at huske

Husk kraften i type masse
Mens mange af eksemplerne i dette essay er afhængige af skala som et formelt element for at give typen dens indflydelse, er det vigtigt at huske, at langformet, lille eksemplar har et enormt potentiale til at forstærke historiefortælling og meddelelser. Kropskopi behøver ikke at være kedeligt, og du behøver ikke at ofre læsbarhed for at have det sjovt med, hvordan du indstiller det.

Du behøver ikke “påvirknings” -skrifter for at tage interessante typografiske valg
Pin-Up-magasinet er udelukkende sat i Arial, og det er en interessant begrænsning, der tvinger designere til at skabe drama og interesse på andre kompositionsmåder. Prøv at begrænse dig til stodgier skrifttyper i et stykke tid, og se, om du har brugt excentriske design som en krykke, og kompenserer for en mangel på kreativitet i andre aspekter af typetilpasning.

Eksempler via https://www.instagram.com/posterkraft/

Stor type betyder ikke struktureltype

Stor type kan være doven type

Til sidst ville jeg vise et par eksempler, der ikke er gode eksempler på type som struktur. Mens et displaytypesæt stort kan have en grafisk indflydelse, er dens evne til at gå det næste trin ud over begrænset, hvis det mangler de konceptuelle lag i de andre diskuterede stykker. I et svagt eksempel, hvis der er sekundær type til stede, bliver den ikke stærkt informeret af den større type, og styliseringen eller sammensætningen af ​​typen forstærker heller ikke noget større synspunkt. Sociale medierum er fulde af denne ”dårlige typografiske slik” - stykker, der er enkle øvelser, der efterligner populære stilarter uden kød på deres knogler.

Via klim.co.nz. Design af Attico 36

Dette design af Attico 36 bruger vores gamle ven Maelstrom sammen med en skitseret kondenseret sans til at fylde kompositionen, men ingen af ​​elementerne taler til hinanden på nogen interessant måde. Vi kan gøre det bedre. Du kan lave acceptabel design ved at fylde kompositioner med interessante type sammenkoblinger og billeder, men du kan ikke tage det næste skridt med at modne dit arbejde, før du stopper for at maksimere enhver detalje i din typografi.

Der er noget frigørende ved at starte et design med en forpligtelse til kun at bruge type og ord til at kommunikere effektivt. Jeg håber, at dette essay afmystifiserer nogle af de tankeprocesser, der kan gå til at forbedre, hvordan du håndterer type i forskellige situationer, og giver dig et andet perspektiv på de diskuterede stykker, samt et nyt værktøjssæt af processtartere til dit designarbejde fremadrettet.

At arbejde med type er meget sjovere, når man bekymrer sig mindre om regler og i stedet konstant prøver at skabe nye forbindelser med ord. Behandl hvert afsnit, linje og bogstav som en mulighed for at gøre dit arbejde bedre, og jeg lover, at du får det sjovere med typografi, og dit arbejde vil blive stærkere som et resultat.