systembook "progress"
DESCRIPTION
The meaning of the word "Progress", into a visual identity, a system. Could represent the style of a company, its visual identity (color, typography, images, style …)TRANSCRIPT
We all want progress, but if you’re on the wrong road, progress means doing an about-turn and walking back to the right road; in that case, the man who turns back soonest is the most progressive.” – C.S. Lewis
“
Miet Claes – Progressie
2011 aan de Media & Design Academie
(Katholieke Hogeschool Limburg)
Uitgegeven in eigen beheer
http://mietclaes.com
Naamsvermelding – Niet Commercieel – Gelijk Delen
Sommige rechten voorbehouden. Dit werk is gelicenseerd onder
de Belgische BY-NC-SA Creative Commonslicentie:
http://creativecommons.org/licenses/by-nc-sa/2.0/be/deed.nl
Niet-commercieel gebruik is toegelaten zonder voorafgaande
toestemming van de auteur, mits vermelding van de naam
Miet Claes en het gebruik van dezelfde Creative
Commonslicentie voor alle afgeleide werken.
boekvorm
grid & zetspiegel
vormadjectieven
kleUr
verHoUdingen 2d & 3d
typografie
teXtUUr & strUctUUr
tegenstellingen
TS
23
GZ
BoekvormDe vorm van het boek geeft het dynamische en het "andere" dat het woord progressie met zich meedraagt weer. De spread wijst als een pijl de lucht in, en trekt je ogen met zich mee. De grootte van het boek is gebaseerd op het net-niet-net-wel gemakkelijk kunnen vasthouden. Het is geen boek om lui mee in de zetel te liggen – je moet actief kijken en meevoelen. De eigenschappen komen helemaal tot hun recht als het boek in de boekenkast geplaatst wordt, tussen andere boeken. De unieke vorm helt achterover, dat ervoor zorgt dat het tussen de andere typische boekvormen uitsteekt. De rode lijn met een bol aan het uiteinde trekt de aandacht. Het boek nodigt uit om eens te bekijken.
B
De zetspiegelDe zetspiegel werd gebaseerd op de rij van Fibonacci. Elke zijde werd verdeeld in 8 gelijke stukken, waarvan er 5 de zetspiegel vormen. De overige delen werden opgesplitst op een manier dat de tekst ruimte krijgt om te ademen. Aan de buitenzijden van de spread blijft de meeste ruimte over, wat het gevoel geeft dat de elementen kun-nen groeien en bewegen. Bewegingsvrijheid is een belangrijk element voor een woord als progressie.
GZ
11 0
2
209 mm
264 mm
165 mm
165,
625
mm
265
mm
162 mm
130,625 mm
101,25 mm
52,25 mm
66,2
5 m
m
66 mm
20,25 mm
33
mm
33,125 mm
40,50 mm
26,125 mm
Zetbreedte top 209 mm / 8 × 5 = 130,625 mmZetbreedte bodem 162 mm / 8 × 5 = 101,25 mmKolomhoogte zijde 265 mm / 8 × 5 = 165,625 mmKolomhoogte rug 264 mm / 8 × 5 = 165 mmSnijwit top 209 / 8 × 2 = 52,25 mmRugwit top 209 mm / 8 = 26,125mmRugwit bodem 162 / 8 = 20,25 mmSnijwit bodem 162 / 8 × 2 = 40,50 mm
kopwit zijde 265 / 8 × 2 = 66,25 mmstaartwit zijde 265 / 8 = 33,125 mmkopwit rug 264 / 8 × 2 = 66 mmstaartwit rug 264 / 8 = 33 mm264 m
m
165 mm
20,25 mm
33
mm
GZ
GZ
Het gridEr zijn drie basislijngrids: een horizontaal grid, een grid met een helling van 5% en een grid met een helling van -5%. Ze werden telkens geplaatst met een interlinie van 24 pt. Het grote aantal lijnen creëert veel mogelijkheden voor tekst, afbeeldingen en natuurlijk witruimte. De kruisingen werden aangeduid met verticale lijnen, die de mogelijkheid geven om onregelmatigheden in de spreads te veroorzaken, die het asymmetrische en soms chaotische van progressie aantonen.
abstract IIIIIIIIIIIIIall-over IIIIII
asymmetrisch IIIIIartificieel IIIII
beklemmend IIIIIIIbewegend IIIIIIII
breekbaar IIIbroos
chaotisch IIIIIcomplex III
constructief IIIIIcontrastrijk III
delicaat Idruk II
dualistisch IIIIIIIIIIIIIIIdynamisch IIIIIIIIIII
eenduidig IIelegant I
enormevenwichtig III
explosief IIIIIfel IIIII
flexibel IIIfleurig I
fris Igeometrisch IIIIIIIIIIIIIIIIII
gestreept IIIIIIglimmend III
gracieus IIIgradueel II
grafisch IIIIIIIIIIhaarscherp I
haarscherp Iheftig I
helder Iherhalend IIIIIII
hoekig IIIIIIIIIhoog II
horizontaal Iidentiek I
imposant IIintens III
metallic IIIoneindig I
ongerept IIopen
organisch IIIIIparallel II
plastisch Ipuntig IIIIIIIIIII
recht IIritmisch IIIIIIIII
ruimruimtelijk I
rusteloos IIrustigscherp IIIsereen Isnel
soepel Isolide Ispierwit IIstabielstabiel - niet I
statig IIstatisch stekelig IIIsterk III
stijgend IIIIIIIIIIIIstijlstil Istrak IIIIIIIIII
symmetrisch IIIIIIIIIIItastbaar Itransparant IIIIIIItroebel Iuitgesproken
vierkant IIvinnig IIIIIIverticaal IIIIIIIIvlijmscherp IIIIIIII
vloeiend IIIvluchtig Iwaterig Iwazig IIIIIIIIwild II
zwierig IIIIIIIIII
abstract IIIIIIIIIIIIIall-over IIIIII
asymmetrisch IIIIIartificieel IIIII
beklemmend IIIIIIIbewegend IIIIIIII
breekbaar IIIbroos
chaotisch IIIIIcomplex III
constructief IIIIIcontrastrijk III
delicaat Idruk II
dualistisch IIIIIIIIIIIIIIIdynamisch IIIIIIIIIII
eenduidig IIelegant I
enormevenwichtig III
explosief IIIIIfel IIIII
flexibel IIIfleurig I
fris Igeometrisch IIIIIIIIIIIIIIIIII
gestreept IIIIIIglimmend III
gracieus IIIgradueel II
grafisch IIIIIIIIIIhaarscherp I
haarscherp Iheftig I
helder Iherhalend IIIIIII
hoekig IIIIIIIIIhoog II
horizontaal Iidentiek I
V
contrastrijkritm
iscH
beweeglijk asymmetriscH
constrUctief dynamiscH geometriscH
grafiscH
sterk voortg
aand
scH
erp
ster
k ab
st
ract
V
K
KleurProgressie gaat meestal gepaard met een helder, licht of fel kleurenpalet. Blauw en groen en een mengeling van deze twee kleuren worden vaak gebruikt, liefst licht. De kleuren lijken te ademen door hun frisse aard. Maar kleuren als rood, geel en oranje worden dan weer helder en fel toegepast, eerder flitsend. Tinten van paars en grijs kunnen ook niet ontbreken in het systembook. Paars staat voor dualiteit, een mix van koud en warm. Deze tegenstrijdigheden vind je ook terug in progressie. Verder worden grijstinten ook geassocieerd met metallic, wat een futuristisch tintje heeft. Mengelingen, donkere, lichtere, minder gesatureerde en minder felle kleuren horen ook thuis in het kleurenpalet, daar progressie niet uitgebeeld kan worden zonder zijn tegengestelde. Progressie maken begint niet sterk en kan niet op elk moment even sterk zijn. De kleurenharmonieën werden gebaseerd op de kleuren cyaanblauw, geel, oranje, groen, paars en rood.
c = 78 m = 79 y = 0 k = o
c = 0 m = 50 y = 100 k = o
c = 7 m = 97 y = 73 k = 1
c = 39 m = 0 y = 100 k = 0
c = 65 m = 0 y = 28 k = 0
K
c = 83 m = 66 y = 0 k = 0
c = 59 m = 0 y = 24 k = 0
c = 100 m = 0 y = 0 k = 0
c = 88 m = 78 y = 0 k = 0
c = 65 m = 0 y = 66 k = 0
K
c = 67 m = 32 y = 0 k = 0
c = 78 m = 35 y = 39 k = 4
c = 74 m = 5 y = 23 k = 0
c = 0 m = 50 y = 100 k = 0
c = 30 m = 33 y = 98 k = 2
23
Progressie heeft ruimte nodig. Het heeft als doel vooruit te gaan, groot te worden. Afbeeldingen die een gevoel van vooruitgang uitstralen, ontspruiten vaak beneden aan ons blad, links. Dit gevoel krijgen Westerlingen vooral, doordat zij van links naar rechts lezen. Daarbij groeien de meeste natuurlijke elementen op onze aarde naar omhoog of naar de zon, die ver boven ons hangt. De afbeeldingen nemen niet vaak de hele ruimte in, er moet dan ook ruimte zijn om te kunnen groeien. Maar progressie kan ons ook overweldigen, de hele ruimte innemen of zo groot zijn dat je het nauwelijks kan vatten in één blik. Dat vind je terug in all-over composities en staaltjes imposante, vooruitstrevende architectuur.
Verhoudingen2D & 3D
ALLOVER
T
TypografieDynamische lijnen, geometrische vormen, natuurlijke vormen en andere kenmerken vind je terug in letters die bij het woord progressie zouden kunnen passen. Als we aan deze letters denken, denken we snel aan extreme vormen en hoeken. Maar het kan ook subtiel. Ook details kunnen het geheel doen kloppen, zonder erg opvallende karakteristieken. Schreefloze en niet-gemoduleerde lettertypes geven het moderne karakter van progressie het beste weer. Hoewel een gemoduleerde en dus contrastrijke letter goed zou passen bij de eigenschappen van progressie, voelt een niet-gemoduleerde letter moderner aan en past deze beter in ons tijdsbeeld.
Helvetica BoldHelvetica of die Neue Haas Grotesk, ontworpen door Max Miedinger en Eduard Hoffmann, werd gebruikt als signalisatie om te kunnen navigeren doorheen het systembook. De paginering werd bewust weggelaten en vervangen door een signalisatiesysteem, gebaseerd op het signalisatiesysteem van de New Yorkse metro. De kaart en het systeem werd ontworpen door Massimo Vignelli, en werd uitgegeven tussen 1974 en 1979. De metro staat voor vooruitgang, van zich verplaatsen van het ene punt naar het andere – en dat past bij de kenmerken die progressie met zich meebrengt.
T
ThE quicK BROwN fOx
jumpS OVER ThE LAZy
dOG 1234567890 – 18 pT
ThE quicK BROwN fOx
jumpS OVER ThE LAZy
dOG 1234567890 – 20 pT
ThE quicK BROwN fOx
jumpS OVER ThE LAZy
dOG 1234567890 – 21 pT
T TNTS23
KVB GZ
zonder optiscHe correctie, 21 pt
met optiscHe correctie
T TNTS23
KVB GZ
18 pt
18 pt
20 pt
21 pt
20 pt
21 pt21 pt
20 pt
T
InterstateInt
interstateinterst
InterstateInterstateInt
interstateinterstateinte
InterstateInterstateInterstateIn
interstateinterstateinterstate
InterstateInterstateInterstateInterst
interstateinterstateinterstateinters
InterstateInterstateInterstateInterstateInters
InterstateInterstateInterstateInterstateInterstateInterstate
interstateinterstateinterstateinterstateinte
interstateinterstateinterstateinterstateinterstateinterst
interstateinterstinterstateinterstateinte
interstateinterstateinterstate
InterstateInterstateInterstateInterstateInters
InterstateInterstateInterstateInterstateInterstateInterstate
InterstateInt
interstateinterst
InterstateInterstateInt
interstateinterstateinte
InterstateInterstateInterstateIn
interstateinterstateinterstate
InterstateInterstateInterstateInterst
interstateinterstateinterstateinters
InterstateInterstateInterstateInterstateInters
InterstateInterstateInterstateInterstateInterstateInterstate
interstateinterstateinterstateinterstateinte
interstateinterstateinterstateinterstateinterstateinterst
T
T
Interstate/Highway GothicInterstate, ontworpen door Tobias Frere-Jones, geeft de kenmerken van het woord progressie subtiel weer. De spitse eigenschappen maken tekst dynamisch, terwijl de meer organische vormen het geheel natuurlijk en vloeiend doen aanvoelen. Het gelijkt sterk op de FHWA Series fonts of Highway Gothic, een bewegwijzering alfabet voor de federale snelwegadministratie in de Verenigde Staten. Het is de voorouder van Interstate, en werd gebruikt in 1945. Ook dit lettertype past goed in de filosofie van progressie, omdat je verplaatsen en de juiste weg vinden hier weer centraal staat.
Interstate
Regular
Titel van het
hoofdstuk
36 pt/40 pt
Ondertitel van
het hoofdstuk
30 pt/34 pt
titels
interstate bold condensed
TT
eigen-scHappen
tHe QUick brown foX jUmps over tHe lazy dog 1234567890 21 pt/25 pt
tHe QUick brown foX jUmps over tHe lazy dog 1234567890 21 pt/25 pt
tHe QUick brown foX jUmps over tHe lazy dog 1234567890 18 pt/21 pt
tHe QUick brown foX jUmps over tHe lazy dog 1234567890 18 pt/21 pt
Excerci isquia corehen itioremod molori cum ipita nonseni minctur, sitatem
cum alit recum que si cupta volore eum quibusandus ius quae eata quis
asperch illitae volenim denditaest explique natur?Net quia qui dem que auda
volor atur maxim doluptur? Quis atistiscipis renem quas dolupti aditi ab inis
abores aut pa nosaped quos ullatur aperem audae venim estiberibus.
Excerci isquia corehen itioremod molori cum ipita nonseni minctur, sitatem cum alit recum que si cupta volore eum quibusandus ius quae eata quis asperch illitae volenim denditaest explique natur? Net quia qui dem que auda volor atur maxim doluptur? Quis atistiscipis renem quas dolupti aditi ab inis abores aut pa nosaped quos ullatur aperem audae venim estiberibus.
Interstate Light 10 pt
The quick brown fox jumps over the lazy dog. 1234567890
Excerci isquia corehen itioremod molori cum ipita nonseni minctur, sitatem
cum alit recum que si cupta volore eum quibusandus ius quae eata quis as-
perch illitae volenim denditaest explique natur?Net quia qui dem que auda
volor atur maxim doluptur? Quis atistiscipis renem quas dolupti aditi ab
inis abores aut pa nosaped quos ullatur aperem audae venim estiberibus.
Excerci isquia corehen itioremod molori cum ipita nonseni minctur, sitatem cum alit recum que si cupta volore eum quibusandus ius quae eata quis asperch illitae volenim denditaest explique natur?Net quia qui dem que auda volor atur maxim doluptur? Quis atistiscipis renem quas dolupti aditi ab inis abores aut pa nosaped quos ullatur aperem audae venim estiberibus.
interlinie 12 pt
interlinie 14 pt
interlinie 18 pt
interlinie 16 pt
sitatem cum alit recum que si cupta volore eum quibusandus ius quae eata quis asperch illitae volenim denditaest explique natur?Net quia qui dem que auda volor atur maxim doluptur? Quis atistiscipis renem quas dolupti aditi ab inis abores aut pa nosaped quos ullatur aperem
lopendetekst
Excerci isquia corehen
itioremod molori cum ipita nonseni minctur, sitatem cum alit
recum que si cupta volore eum quibusandus ius quae eata quis asperch
illitae volenim denditaest explique natur?Net quia qui dem que auda
volor atur maxim doluptur?
Excerci isquia corehen itioremod molori cum ipita nonseni minctur, sitatem cum alit recum que si cupta volore eum quibusandus ius quae eata quis asperch illitae
volenim denditaest explique natur?Net quia qui dem que auda volor atur maxim doluptur?
Interstate Regular 10 ptThe quick brown fox jumps over the lazy dog. 1234567890
Excerci isquia corehen itioremod molori cum ipita nonseni
minctur, sitatem cum alit recum que si cupta volore eum quibusan-
dus ius quae eata quis asperch illitae volenim denditaest explique
natur?Net quia qui dem que auda volor atur maxim doluptur? Quis
atistiscipis renem quas dolupti aditi ab inis abo-
res aut pa nosaped quos.
Excerci isquia corehen itioremod molori cum ipita non-seni minctur, sitatem cum alit recum que si cupta volore eum quibusandus ius quae eata quis asperch illitae volenim denditaest explique natur?Net quia qui dem que auda volor atur maxim doluptur?
T
interlinie 12 pt
interlinie 14 pt
interlinie 18 pt
interlinie 16 pt
T
lopendetekst
itioremod molori cum ipita nonseni minctur, sitatem cum alit
recum que si cupta volore eum quibusandus ius quae eata quis asperch
illitae volenim denditaest explique natur?Net quia qui dem que auda gegevens
Textuur & structuurOnregelmatig, geleidelijk, vloeiend, zacht, stekelig, glad of schurend, er kan geen vinger op progressie gelegd worden. Als je denkt vat op het woord te krijgen, komt er weer een andere eigenschap om de hoek kijken. Progressie staat constant in beweging, en staat steeds onder invloed van zijn omgeving. De mogelijkheden zijn oneindig.
TS
TN
TegenstellingenProgressie betekent vooruitgang. Maar progressie kan niet bestaan zonder een begin en zonder achteruitgang. Wat achteruitgang voor progressie betekent, maakt C.S. Lewis duidelijk met deze zin: "We all want progress, but if you’re on the wrong road, progress means doing an about-turn and walking back to the right road; in that case, the man who turns back soonest is the most progressive.”. Een stap terugnemen maakt deel uit van vooruitgang. En eens je verder of hogerop geraakt, is een terugval nooit veraf. Wat nu staat voor progressie, is dat over een tijd misschien niet meer. Telkens opnieuw overstijgt het ene het andere. Maar er ontstaan steeds nieuwe kansen om vooruitgang te boeken, de geschiedenis herhaalt zich. Kleur en vorm zijn voorbeelden van elementen waar deze dualiteit ook in voor komt. Zonder donker dat contrasteert met licht, kan je het licht niet waarderen. Ook het eenvoudige kan je niet zien zonder het chaotische ooit ervaren te hebben. De dualiteit zit in het woord vervat.