Hvad jeg lærte af den svindlende designbog på $ 2.000 "Designing Programs"

Design af programmer af Karl Gerstner er en af ​​de mest undslående designbøger i verden. Splinternye kopier i detailhandler for over $ 2.000, og endda brugte versioner koster for over $ 250. Heldigvis for dig brugte jeg mine hårdt tjente 277 dollars til en kopi, så du ikke behøver at ..

Lad os begynde

Bogen i sig selv er overraskende tynd, og den er ikke rigtig en bog i sig selv - den er en samling af fire essays fra Karl Gerstner.

Hele introduktionen bruges på at filosofere selve definitionen af ​​et "program", men i bund og grund kan du tænke på det som en algoritme, der producerer forskellige, men alligevel sammenhængende resultater.

Det starter med et eksempel på en gotisk katedral fra det 15. århundrede, som Karl gik forbi på vej til arbejde hver dag ...

Bemærk, hvordan hvert vinduesdesign er anderledes, men alligevel ser relateret ud.

Arkitekterne i katedralen brugte et ”designprogram”, der overholder de samme begrænsninger og variabler for at producere forskellige dekorative design, som føles som om de hører sammen.

Karl beskriver det detaljeret:

MITs Media Lab Rebrand

Et andet godt moderne eksempel på et visuelt designprogram kommer fra MITs medielaboratorium.

I 2011 ommarkerede de deres identitet og for et logo, de brugte et "program", der kunne generere 40.000 forskellige permutationer, så hver studerende, fakultetsmedlem, bygning og projekt kan få deres eget unikke logo i de næste 25 år ...

Lille batch af de 40.000 muligheder

Kun 3 år senere ændrede MITs medielaboratorium sin identifikation endnu en gang, men bevarede gitteret i det tidligere logo-designprogram ...

Dette fanger i bund og grund ånden i, hvad designsystemer handler om.

Aflede kompleksitet fra enkelhed

Den forbløffende rigdom og skønhed i geometriske mønstre

Bogen tilbyder et andet godt eksempel på et morfologiprogram:

1. Opdel en firkant i 9 mindre firkanter

2. Gentag 3x, og dann et større firkant

3. Marker de 49 krydsende noder (prikker)

Nu er selve programmet meget simpelt: tilslut noderne i det originale 3x3-kvadrat (vist i nr. 5 nedenfor), uanset hvor du ønsker det, og reflekter det derefter på de andre 3x3-firkanter som vist i eksemplerne 6–20:

Som du kan se, findes der enormt forskellige og interessante muligheder inden for disse ekstremt enkle regler.

Lad os nu skifte til at anvende programmer uden for visuel design til andre felter også.

Morfologisk typografi

Designe midler til at vælge bestemmelseselementer og kombinere dem

I dette afsnit præsenterer Gerstner os for sin ”morfologiske boks med typogrammet”, der nedbryder visse udtryksfulde egenskaber ved typografi efter rækker ...

Kraften ved denne mekanisme er, at du blindt kunne foretage valg, når du går fra række til række og nå frem til de kreative løsninger, der er vist nedenfor:

Lad os undersøge, hvordan det første eksempel kunne have været genereret af det typografiske morfologiske felt.

Denne logotype ...

... er resultatet af følgende valg:

Denne systematiske, generative tilgang til kreativ produktion er et andet godt eksempel på et designprogram.

Program som net

Det typografiske gitter er en proportional regulator til komposition, tabeller, billeder osv. Det er et formelt program til at rumme x ukendte emner. Problemet er at finde balancen, det maksimale i overensstemmelse med en regel med det maksimale af frihed. Eller: det maksimale af konstanter med størst mulig variation.

Gitteret er et grundlæggende princip i design, der spiller en stor rolle i 60'erne schweizisk design og således forklarer Gerstners tilhørsforhold til det (han var en produktiv schweizisk grafisk designer for dem, der endnu ikke Google havde gjort ham).

Hans bidrag til gitterteorien er hans berømte "mobile grid", som han udviklede til det tyske magasin Capital:

Jeg ved hvad din tænker - WTF.

Men gitteret er faktisk meget mindre skræmmende, end det ser ud ved første øjekast - Jeg sammensatte dette diagram for at vise, at det faktisk er 6 separate gitre i et:

Programmer som fotografering

Et eksempel er givet på et fotografisk program: ”et billede af billeder”, der giver seeren mulighed for at vælge sit eget perspektiv på en udvendig bil:

Bemærk, hvordan kameraet klæber til den samme bevægelse i hver vinkel for at give et ensartet perspektiv på bilen.

Programmer som litteratur

Så smuk som dette smukke digt kan være, blev det ikke skrevet af en romantiker, der stirrede ind i månen ud af hans vindue. Ligesom den morfologiske typografikasse tidligere, blev den genereret af en lignende mekanisme ...

Som du kan se, kan du kombinere en hvilken som helst af de alfabetisk mærkede felter ovenfor for at danne poetiske sætninger uden meget tanke. Gå videre og prøv det.

Programmer som musik

Et delvis eksempel er et musikgenererende program bestående af lag repræsenteret ved firkanter.

Dette er det første lag:

De forskellige størrelsespunkter repræsenterer forskellige lyde. I dette andet lag repræsenterer de 5 linjer forskellige frekvenser:

Når du overlejrer de to lag oven på hinanden, får du lyde, der spilles forskellige frekvenser:

I det sidst beskrevne trin tegnes nu vinkelrette linjer mellem punkterne og linjerne, som repræsenterer "afstand, der skal observeres", som jeg kun antager er tid.

Selvom det er indviklet og vanskeligt at forstå, er det smukke ved dette musikalske program, at det kan spilles af ethvert antal kunstnere med nogen form for instrumenter.

Integreret typografi

Integreret middel: formet til en helhed. Der antages det aristoteliske diktum, at helheden er større end summen af ​​delene antages. Og det drejer sig meget om typografi. Typografi er kunsten at fremstille en helhed af forudbestemte dele. Typografen "sætter" individuelle bogstaver til ord, ord til sætninger

Han fortsætter med at sige… ”bogstaver er de elementære partikler i skriftsproget og dermed typografi. De er figurative tegn på lyde uden indhold, dele, der kun får mening og en værdi, hvis de kombineres. Det betyder, at kombinationer af to, tre og flere bogstaver under alle omstændigheder viser et ordbillede, men definerer bogstaver gengiver en bestemt idé kun i en bestemt rækkefølge. ”

Han demonstrerer dette ved at vise, at kun en kombination af de fire bogstaver danner et meningsfuldt ord - "kone."

Følgende eksempel anvendes på mærkeidentiteten af ​​en pladebutik kaldet “Boîte à musique”

Mærkefleksibiliteten vises nedenfor - eksempel 14 er firmakort med forskellige størrelser, eksempel 15 - notepapir, eksempel 16 og 17 - annoncer og 18 - en gavekort:

Et andet eksempel er givet med Holzäpfels brand:

3D-programmer

Gerstner dykker ned i tredimensionelle eksempler på programmer på arbejdet. Det første eksempel er en 3D-skulptur, der kan ses fra flere vinkler, men alligevel forekommer sammenhængende fra alle vinkler:

Det andet eksempel er en cylinder opdelt i 9 ringe baseret på gyldne forhold, som kan drejes for at danne forskellige permutationer baseret på den vinkel, den er observeret:

Farveprogrammer

I slutningen af ​​bøgerne berøres farve, og hvordan de systematisk kan bruges. Et af eksemplerne, som Gerstner giver, ligner et tidligere eksempel på at reflektere en 3x3 firkant for at nå frem til forskellige farver:

Det er alt sammen ... Jeg har forsøgt at fange de vigtigste ideer, som jeg fandt interessante, men bogen har meget mere. Hvis du fandt dette nyttigt, kan du lide og dele med andre, der muligvis også kan få brug af det. Fortæl mig dine tanker, feedback eller spørgsmål i kommentarerne :)