Få mest muligt ud af inspiration, når det strejker

Forstå, hvorfor din tarm fortæller dig at udforske

I det andet casestudie om at gå i dybden om designbeslutninger, vil vi tale om, hvordan vi er mere opmærksomme på, hvad der skyder i vores sind, når inspiration rammer, og hvordan vi bruger kreative momentum, mens vi er målrettet med dine beslutninger. Vi vil også tale om at arbejde med eksisterende aktiver og lade det vejlede din problemløsning, når det drejer sig om skrifttyper, farver og kompositionsmetoder.

Inspiration strejker på de underligste tidspunkter. Jeg så The Thin Blue Line flere måneder tilbage, som er en af ​​mine yndlingsdokumentarer. Næsten slutningen spiller instruktør Errol Morris en optagelse af en samtale, han havde med David Ray Harris (i stedet for at jeg beskriver, hvorfor Harris er involveret, skal du bare se filmen). Morris supplerer lyden med et par billeder af hans mikrokassette-afspiller - en Olympus Pearlcorder L200.

https://fforfilms.net/2016/04/25/blind-spot-2016-the-thin-blue-line/

De forskellige skud er overlagt med undertekster fra interviewet (sandsynligvis sat i Frutiger?), Og det hele støbes med en blå farvetone. Det er en enkel, men alligevel smuk rækkefølge, og viser den kunstneriske, men aldrig distraherende æstetik af filmen i filmen. Jeg synes, at Frutiger ser smuk ud her, men jeg blev slået af forestillingen om, at stillbillederne fra den scene ville parre fantastisk sammen med det skrifttype under udvikling, som jeg kærligt omtaler som € urobüng. Måske er det fordi lige nu € urobüng er min hammer, og ethvert muligt design er et søm, som jeg kan smadre med. Men jeg tager af.

€ urobüng er et underligt design og godt uden for mit typiske styrehus. Jeg prøver konstant at finde nye anvendelser til det, så jeg kan presse mig selv til at se, hvad det kan gøre.

I løbet af de sidste par år har jeg forsøgt at gøre mig opmærksom på at stoppe mig selv med at analysere disse kreative trang, når de sker - for at prøve at destillere, hvad det drejer sig om disse stimuli, der har fået mig så ophidset og ivrig efter at spille. Jeg ønskede at syntese, hvorfor jeg intuiterede € urobüng ville parre sig godt med screencaps i nogle læringer, jeg kan videregive til dig, kære læser. Så lad os begynde at grave, begynde med de formelle aspekter af de involverede elementer.

Føles lidt mindre bemærkelsesværdigt i dette mere ligefremme skud, ikke?

L200 er et dejligt stykke industrielt design — holdbart, funktionelt men tydeligt designet med det formål at have en ren æstetik. Morris løfter den op, som han skyder den i filmen, og farvelægningen går langt for at få den til at føle sig mere stilfuld, end den faktisk er.

Frutigers renere linjer er bedre egnet til typografi på L200 og stiliseringen af ​​filmen.

Frutiger var et godt skrifttypeparring til det i filmen - dets rene linjer og balance mellem humanistiske detaljer og skarpe vinkler afspejler enhedens tone. Taktil men praktisk. Noget som Helvetica føles sandsynligvis apatisk i dette scenarie, men Frutiger har en vis menneskelighed til at gå sammen med sin rene styling. Se på G i “God mulighed” i galleriet ovenfor, og bemærk, hvordan slankt det ser ud uden at prøve for hårdt. Det løfter indholdet og præsenterer et æstetisk synspunkt uden at pålægge de ord, der er sagt, hvilket afspejler den måde, hvorpå filmen optages.

€ urobüng er ikke praktisk, og den prøver også meget hårdt, men den er også slank, og dens charme kommer fra dets interessante metoder til at skære ned slag, snarere end at tilføje flere elementer til glyferne. På den måde deler den en vis slankhed med Frutiger. Jeg tror, ​​jeg så det som en syntese af noget som Frutiger og den hyper-stiliserede typografi, som mange af os tænker på, når vi tænker på type fra den æra. Jeg ville gerne se, hvordan skrifttypens over-top-karakter ville parre med det mere utilitaristiske billede af optageren. Dens snittede detaljer og skarpe vinkler resonerer med den kølige farvetone til billedet og spiller mod den funky bogstaver på L200 (en af ​​de bedste ting ved industrielt design i denne æra er den over-the-top bogstaver, der ledsager så mange forbrugerelektroniske enheder ).

Eksempler på excentrisk bogstaver på Mattel elektroniske spil, omkring 1978. Fotos af Corey Holms https://www.flickr.com/photos/whinger/tags/mattelelectronics

€ urobüng er baseret på Antique Olive, et design fra 60'erne, der så kraftigt i de to årtier, der fulgte. Antique Olive er en mærkelig væsen med et A, der ser ud som om det er blevet givet et brummer, og karakterer som G, C og O svulmende med ujævne streger som overmodne frugter. Hvor uhyggeligt det dog er, det deler Frutiger's tilbageholdenhed i den måde, dens brevformer er konstrueret - du vil ikke finde overflødige linjer i nogen af ​​designerne.

Disse to designs bruger antik oliven. De er fra 70'erne, men de afspejler den æstetik, jeg ville efterligne. Høflighed https://fontsinuse.com/typefaces/1140/antique-olive

€ urobüng tager Antique Olive som base og renser noget af bulbousness, mens den forstærker kontrasten og excentriske detaljer, som tælleren i A, der ligner en splinter, der prøver at skubbe vej ud fra nogens epidermis. En af mine foretrukne ting ved begge designs er, hvordan det næsten føles som om det er på hovedet. Detaljer som tippetoppen på t, der ser ud som om den bliver barberet, giver den et næsten stencilet look, som også passer ind i det æstetiske, jeg sigtede efter.

Antique Olive (top) oddball-charme er skærpet og forfinet i € urobüng (bund)

Hvis jeg vil bevise, at € urobüng vil gå i gang med dette billede, er jeg nødt til at finde ud af, hvad jeg vil sige med det. Navne på genstande er altid et dejligt sted at starte, når man udfører denne type free-play design. Hvordan ser enhedens navn ud i € urobüng?

HELLIG. CRUMBNUGGETS.

Typegudene smilede mod os. Nogle af de mest interessante egenskaber ved skrifttypen vises her - “v med en hale” -design af y, måden, hvor skuldrene på m-kaskaden ud fra horisonten, og den mærkelige underbite-y-tone til e, c og 2 vises alle. Det lyder som den myrdede version af et finurligt skrifttype fra den æra, som er perfekt.

Skrifttypen tvunget dybest set min hånd på, hvad emnet for forfatterskabet på dette stykke ville være, og det skud, jeg brugte i baggrunden, var den højeste kvalitetsoptagelse, jeg kunne finde, som var ren, uden undertekster (hentet fra dette essay af Jennifer O ' Meara for Frames Cinema Journal). Indramningen af ​​skuddet tvang mig også til at gå med en centreret komposition. Hvis jeg prøvede at gå asymmetrisk, var der en masse spænding mellem L200's midtstød i skuddet. Jeg bemærkede også de mere interessante dele af optagerens design og forsøgte at undgå at dække dem. I sidste ende følte jeg, at den bedste løsning var at skubbe elementerne ind i hjørnerne af rammen for at udfylde det døde rum på billedet, og Olympus Pearlcorder L200 med fuld center for at få den klassiske 80'ers symmetriske stemning i gang.

Når jeg forsøger at passe tekst over et billede, vil jeg ofte udrulle nogle muligheder baseret på den tekst, jeg allerede ved, at jeg vil have, og deres relative hierarki. Bemærk i de fleste af disse indstillinger mangler de overliggende elementer en forbindelse til billedet eller dækker interessante dele af L200.

Jeg lavede noget efter markedsføringsmateriale og produktinfo på L200, forsøgte at finde en række kopier af strenge til brug, fra marketing til tekniske specifikationer for at tvinge en række variationer i den typografiske tone. Jeg fandt linjen "Lad den formindskende L200 håndtere alle dine forretningsapplikationer" samt de tertiære informationsbits, jeg spredte rundt om kanterne på designet.

At indstille den mindre type i € urobüng viste ikke også sine unikke funktioner og mindskede virkningen af ​​de fantastiske detaljer i den større type.

Først prøvede jeg at sætte alt i € urobüng, men på et bestemt tidspunkt blev det aftagende afkast (skønt der var sektioner som “OLYMPUS TOKYO”, der virkelig viste den underlige excentricitet i skrifttypen, som jeg hadede at opgive). For at bevare læsbarheden i mindre størrelser, måtte jeg bruge den nedtonede kontrastvægt af familien, som omdanner den fra dens fabelagtige selv til en dygtig antik oliven-genoplivning. € urobüng er mest speciel i skærmstørrelser, hvor alle de unikke former og kontrast i skærmversionen kan ses tydeligt. Måske kan et andet skrifttype hjælpe skærmvægten med at skille sig ud mere.

Så hvad skal den understøttende skrifttype være? Noget, der ville passe ind i tidsperioden, arbejde i mindre størrelser og ideelt kontrastere tonen i € urobüng. Når jeg havde identificeret underteksttypen fra filmen som Frutiger, gik jeg tilbage for at se, hvordan det føltes i designet. Det havde for meget af sin egen humanistiske stemme, der følte sig mager i munden mod den stærkere version af ideen oprettet af € urobüng. Jeg havde brug for noget mere rent neutralt i visuel kontrast og personlighed.

Når jeg beskriver ”neutrale” skrifttyper, taler jeg typisk om skrifttyper, der falder et sted inden i et humanistisk / grotesk venndiagram. Design, der strengt klipper til en af ​​disse genrer har forskellige toner og personligheder, der kan være vanskelige at bruge sammen med andre. Når du finder skrifttyper, der fletter elementer mellem flere genrer, kan du dog få designs, der ikke er så dogmatiske i deres tilgang og derfor har en mildere tone.

Söhne (midt) blander pænt nogle karakteristika ved groteske og humanistiske mønstre. Det er kondenseret og har nogenlunde åbne tællere, mens det bevarer nogle af de ekstra detaljer, der gør groteske overbevisende.

Efter nogle søgninger bosatte jeg mig på gamle troende, Söhne, for at tjene den bærende rolle. Jeg elsker at bruge Söhne i multi-typeface-projekter, fordi det har en masse af de groteske egenskaber, jeg elsker, mens jeg er mere "åben" og smalere i bredden, som de fleste eksempler på genrerne (for at forstå, hvad jeg mener med "åben", se på hvordan "Uopviklet" er s i det midterste eksempel, Söhne, sammenlignet med grundlægger Grotesk nedenfor). Det trives i en række skalaer og får den rette balance mellem interessante detaljer og læsbarhed. Söhne har også helt fantastiske tal, og den tertiære tekst bruger dem godt. Det spiller rollen som den stille arbejdshest og dens rundere konstruktion står i kontrast til € urobüng og sætter dette skrifttype endnu mere ud.

Når Söhne udskiftes for Frutiger, skiller dens rundere former sig ud mod den mere opretstående € urobüng og adskiller tydeligere primær fra tertiær tekst, mens du bogstaver du fokuserer på de præcise detaljer om € urobüngs displayvægt.

Hvis du er opmærksom, vil du bemærke, at der er en anden ændring her - jeg flyttede tagline til højre halvdel af bunden af ​​kompositionen. Årsagen er, at kompositionen føltes som "frontbelastet" med de største elementer på venstre halvdel og skalaen bagefter, når du bevæger dig til højre. Dette skaber en situation, hvor øjet bliver trukket tilbage til venstre side af kompositionen, og de andre elementer føler sig fortabt. Hvis vi blot flytter den større tekst til den modsatte side, får vi kompositionen til at føles mere afbalanceret og give øjet flere muligheder for at vandre gennem typeelementerne. I designs som dette, hvor den tertiære information er atmosfærisk snarere end fortællende, er rækkefølgen af ​​visning ikke så afgørende, og du har råd til at guide folk gennem en asymmetrisk rute og lade dem opdage de mindre elementer i deres eget tempo.

Overbelastet sammensætning (venstre) vs en balancekomposition (højre).

Når man ser på wireframe for layoutet ovenfor, bliver det meget tydeligt, at på dette tidspunkt manglede designet noget farve, hierarkisk drama og havde brug for nogle ikke-lineære elementer for at give seeren en række variation. For at tackle de to første problemer prøvede jeg at lægge € urobüng med min eksisterende type. Jeg valgte "1983" som streng, da det var året Pearlcorder L200 blev solgt første gang, det var kort og let at sætte stort og viste flere unikke taldesign. Desværre, på grund af den midterste indramning af kompositionen, skjulte lagdelægningen billedet og ødelagte ånden i den indledende bestræbelse.

Mine indledende placeringsindstillinger for datoen var for tunge og distraherende, på trods af at jeg tilføjede lidt lagdeling og farve.

Jeg gik tilbage gennem eksempler på retro type styling og blev mindet om Datsun-annoncen (vist tidligere i denne artikel), som skitserede Antique Olive. Hvor åbenlyst! Hvis jeg skitserede typen, skulle jeg have min store type uden at blokere for billedet. Heldigvis håndterer € urobüng skitsering på den samme sjove måde, som dens forfader gjorde.

Nu til det sidste problem: tilføjelse af forskellige former til kompositionen. Hver gang jeg kan, kan jeg godt lide at opbryde mine typekompositioner med små skilt eller grafiske elementer, bare for at tilføje nogle forskellige former for at skabe vekst på forskellige stimuleringer i øjet. Din hjerne reagerer på lineære objekter anderledes end former (vidste du, at hjernen også har forskellige reaktioner på forskellige former?).

Hver mulighed ville have bragt noget unikt, men jeg kunne godt lide, at firkanten forstærkede formen på L200, og for den konceptuelle knipling bringer det et design, der genanvender andres kunstneriske arbejde.

Jeg rodede gennem gamle badges, jeg havde skabt for at få en fornemmelse af, hvilke former / densitet der ville føles rigtigt i sammensætningen, og jeg genopdagede et genbrugsmærke, jeg lavede til IBM Mobile Innovation Lab fra flere år tilbage. Konceptuelt føltes det passende, da dette design genanvendte en ramme fra en dokumentar, var beregnet til at efterligne en æstetik fra en svunnen tid og brugte skrifttyper, der er forfædre til ældre design.

En god start, men det føles lidt ubalanceret.

Jeg ville have et andet ikke-tekstelement på den øverste halvdel, så genanvendelsesemblem ikke følte sig fastlåst eller ude af sted. Designet havde endnu et balanceproblem med det forankret øverst til venstre. De første par ting, jeg prøvede, følte mig virkelig tung, og fik den øverste halvdel til at føle sig overanstrengt i forhold til den nedre halvdel.

Hver af disse afrundede rektangelelementer informerede om det endelige badgelet-valg.

Jeg brugte nogen tid på at se på flere detaljer om L200 og på mikrokassetter generelt, og jeg fandt et par overbevisende små grafiske detaljer. På Sonys mikrokassetter er “MICROCASSETTE” indkapslet i en oval form, en detalje, der minder mig om Nintendos logo. Jeg fandt også et skud på bagsiden af ​​en L200, der har “VCVA” - kort til variabel kontrolstemmeaktuator - indkapslet i et afrundet rektangel (VCVA-teknologi blev oprettet af Olympus og forhindrer optageren i at optage tavshed, hvilket ville spilde bånd og strøm). Ved at blande de to inspirationskilder overbragte jeg VCVA-detaljen, men brugte en skitseret indeholdende form i stedet for at udfylde den.

Jeg fandt tilføjelse af yderligere figurer forbi pladsen og føltes for overdreven. Økonomien i den enkle VCVA i et afrundet rektangel føltes som den rigtige mængde subtilitet til at afbalancere komponentens øverste halvdel.

Når jeg havde samlet alle mine elementer, var jeg tilfreds med samspillet mellem teksten og billedet, men jeg ville tage integrationen af ​​de to lidt videre. Jeg bragte teksten ind i Photoshop og tilføjede noget korn og en svag sløring for at give den den samme tåge effekt af underteksterne fra filmen.

En lille sløring går langt for at få typen og billedet til at føle sig forbundet.

Jeg følte, at dette var temmelig løst, men der var en irriterende følelse, at det manglede noget - et element af dybde eller dimensionelt rum for virkelig at ramme 80'erne temahjem. Tilføjelse af den skraverede skitserede type mindede mig om vektorgitterne, der var hæfteklammer i årtiet. Da L200 skubbede tilbage i rummet, skulle jeg ikke forsøge at skabe en dimension også med mit design? Min kamp var, at jeg er temmelig ubrugelig med at udføre på denne slags æstetik, og jeg ville bestemt ikke være kitsch i min henrettelse.

Hvis du vil læse en virkelig vidunderlig analyse af denne tendens, se denne artikel af Richard McKenna https://wearethemutants.com/2017/02/16/vanishing-point-how-the-light-grid-defined-1980s-futurism/yussssssssss

Heldigvis havde en anden allerede løst dette designproblem for mig. En sen aften tumblr-udflugt bragte mig over dette gif fra Anton Synytsia for МОРАЛЬ. Jeg kunne ikke lade være med at grine af serendipiteten ved at finde den - han brugte skitseret type som et baggrundselement og skabte dybde ved blot at animere typen nedtrappe i størrelse, skabe illusionen om, at den forsvandt i det fjerne. Heldigvis falder denne form for animation inden for mit begrænsede færdigheds sæt, og efter nogle hurtige Photoshop-rammeanimationer havde jeg gentaget effekten. Det føles meget familiært af tiden og var en dejlig, enkel måde at tilføje en vis dynamik til designet.

Oppakningen

Når jeg skriver flere af disse, er det fascinerende at syntetisere, hvordan forskellige projekter stammer fra forskellige motiveringer: Et ønske om at spille i et bestemt medie eller en formfaktor, at ære et emne, at kommunikere en besked, spille med et specifikt skrifttype eller prøve frem en bestemt æstetik blandt utallige andre motiveringer. I dette tilfælde så jeg en mulighed for at bruge eksisterende billeder til at vise et elskede skrifttype. Dette projekt var en god blanding af frit spil og begrænsninger - billedet var vanskeligt at komponere omkring, men der var masser af plads til at lege med skrifttyper, figurer og de endelige lagglans til præsentation.

Som jeg sagde i den første artikel, er det vigtigt for designere at være opmærksomme på, hvorfor vi er inspireret af visse ting, og hvorfor vi ender med at tage hver beslutning, der former et design. Så sjovt som det at gå på en kreativ tåre er, prøv at lave notater om de forskellige ting, du prøver, og hvorfor. Den enkle handling med at anerkende dem i øjeblikket vil hjælpe den med at forankre sig i din hjerne og hjælpe dig med at undgå ruter og retninger med lavt potentiale i fremtiden.

Hvis du ønsker en anden casestudie som denne, kan du tjekke den første post i denne designdetaljer-serie, der er linket nedenfor.