1. technology and computing
2. software
3. desktop publishing

typographic TEXTURE
Use bold and italics and CAPITALS to create emphasis!
Adjust the “kerning” (spacing between letters) to
E X PA N D Y O U R M I N D
COMPRESS YOUR THOUGHTS
Try experimenting with small caps,
which are designed to seamlessly run
in the same line as lowercase letters.
O
nce upon a time, someone
decided to experiment
with drop caps to lead the
reader into a block of text.
Adobe InDesign Workshop
you don’t have to be
e. e. cummings to write
in all lowercase
“Leading” refers to the spacing
between lines of text.
nce upon a time, someone
thought it would be a
good idea to justify lines
of text to create a more uniform
look. Books and newspapers
are justified to make clean
shapes on the page. Beware of
ugly gaps forming, however.
O
nce upon a time, someone
tried to add a little pop by
using color to catch the
eye of the reader.
Michael L. Wong
April 4, 2015
letter forms. The best solutions
not only enhance the word’s
meaning but are clever and aesthetically pleasing.
WORD ART
Use only the Helvetica family.
Adobe InDesign Workshop
Michael L. Wong
April 4, 2015
font PRACTICE
SITUATION
The Caltech Y’s centennial is coming up!
Can you choose a typeface and add texture/dynamism
that reflects the sentiment of turning 100?
Adobe InDesign Workshop
Michael L. Wong
April 4, 2015
S P A C E
Adobe InDesign Workshop
1
2
3
4
Michael L. Wong
April 4, 2015
0, 1. 1, 2, 3, 5, 8, 13, 21, 34, 55, 89
the GOLDEN RATIO
The Golden Ratio
vine sense of aesthetic that we
can apply, making our graph1.618 is a number all serious de- ic design visually compelling.
signers should know. It’s known
InDesign Workshop
asAdobe
the golden
ratio found through- The most common way to use the
squares. Make
place it to the l
a 5x5 square an
You have just c
Michael L. Wong
rectangle
April 4, 2015with
the RULE of THIRDS
the RULE of THIRDS
the RULE of THIRDS
GRIDS
I love this project so much
Introduction
Sundigen imilligenda consequatur, quati ut
et quiae vollest quiaernam que con nullent,
optatem quam cum qui offictis quiate vel evel
ipiet estrupti ipisit fugiati busapic tenihil laboria
quis verciae cestium eaque nonsequo cor simagnis qui odigenit liquos nobit, ut quo illabore si
vid quis doluptur?
Methods
Bis vendam quaerunt quas si omnim ariberum
si re officia ndestota saperia tecabo. Nam fugitat.
Neturit aeratum alique nonsequatem nempor
sita dic te natemporro odit quidenecum nusci
sam iumquamusa ex exeri dollaboribus eos
quod et rem eatem eatibustius nonsequia deleste
mporro dolorio magnien tisquo incti quo viducEsero blatiis enia quis estiae. Imus, consedis
am aut re porestio. Ihit estrum apis ius soluptis
rerum aute andaectas de liae vent et int.
Epudam que provit vero el iusae nost eatur auta
delluptat ex et atio. Pa voluptas vendam vel
maximagnatis dolum aut maion perferibus.
Ratur aut ut doluptur? Equis eveliqui odictam
iuntisciis min parum que nihiliquo dolorum
voluptatet parum, ut ulpa qui commo essimet
Adobe InDesign Workshop
Results
Qad quossum vel et re ipsae voluptio. Edis et
alitiandis nonsequam fuga. Ugitas diandae
milicia es arunt. Denecum nusci sam iumquamusa ex exeri dollaboribus eos quod et rem
eatem eatibustius nonsequia deleste mporro
dolorio magnien tisquo incti quo viduc.Sequae
maxim sum et quatio dolore volores evelecatus,
officil illaborem
nus demoluptati
quaeptatur re natio.
Ut eum estio. Maioriant.
To ium acculpa rciatus dit vellabo rupturiorum lit quam
rem sit ut iuntis que cum earchil mo experi
omnimustenes dit, qui odi ditiisi officae qui iur
sequidendi ommolor sequibus ipidebis dolor aut
auteseq uundandem re nihitiunt aligenia quis
ationem poriti accus pe et, autem eos sitaspiderum autem. Imodis nem quia entinus utatati
beribus volorpo ribusda muscius apidell iquiam
eveless equatat isciunt, sapitas sit latiatur rem
num que pro etus eaquunditio odiscie niendipsus eum experiasitem alitia seque consequunt
lit, simusandi corempo rehenih illaceste ipsa
Discussion
Ommolor sequibus ipidebis dolor aut
auteseq uundandem re nihitiunt aligenia
quis ationem poriti accus pe et, autem eos
sitaspiderum autem. Imodis nem quia entinus utatati beribus volorpo ribusda muscius
apidell iquiam eveless equatat isciunt,
sapitas sit latiatur.
Conclusions
Esero blatiis enia quis estiae. Imus, consedis
am aut re porestio. Ihit estrum apis ius
soluptis rerum aute andaectas de liae vent
et int. Epudam que provit vero el iusae nost
eatur auta delluptat ex et atio. Pa voluptas
vendam vel maximagnatis dolum aut maion
perferibus. Ratur aut ut doluptur?
References
Ratur aut ut doluptur? Equis eveliqui
odictam iuntisciis min parum que nihiliquo
dolorum voluptatet parum, ut ulpa qui
commo essimet ad quossum vel et re ipsae
voluptio. Edis et alitiandis nonsequam fuga.
Ugitas diandae milicia es arunt.
Michael L. Wong
April 4, 2015
GRIDS
Adobe InDesign Workshop
Michael L. Wong
April 4, 2015
GRIDS
Adobe InDesign Workshop
Michael L. Wong
April 4, 2015
LINES and BOXES
LINES and BOXES
put it all TOGETHER
SITUATION
Create a flyer for the Caltech Y’s centennial!
Include:
Caltech in spring color palette
Your centennial typography
A few images of Caltech
Mission:
An invitation to a 100th birthday carnival
at Beckman Lawn
on May 4, 2015
Adobe InDesign Workshop
Michael L. Wong
April 4, 2015
InDesign UH-OHs
Copy & Paste from Word does not preserve bolds,
underlines, or italics.
Beware of missing links!
False small caps can look bad. Usually only fonts labeled
“Pro” have true small caps.­
Adobe InDesign Workshop
Michael L. Wong
April 4, 2015
DESIGN tips
Spice things up by choosing a secondary font,
but don’t throw a font party.
The em dash (—), en dash (–), and hyphen (-) have
different lengths and different meanings.
“Simplicity is the ultimate sophistication.”
—Leo da Vinci
“Immature poets imitate; mature poets steal.” —T. S. Eliot
Design is an art of situations; make the shoe
fit, not the foot.
Adobe InDesign Workshop
Michael L. Wong
April 4, 2015