SlideShare a Scribd company logo
Typography
Manual
Edition Number 02, 2016
by Chris Do
©2016 Chris Do
Justify Left
When in doubt, set your type justify left rag right.
Why? In western culture, people read from top to
bottom, left to right. By justifying type left, the eye
is able to find the edge and read copy much
more easily. Avoid indenting the first line of a
paragraph for this reason.
Everything I learned in design school in 10 simple rules
to help you start designing like a rock star.
@theChrisDo www.blind.com
01
Use One Typeface
Using two typefaces successfully within a layout requires an
understanding of the chosen faces in order to be confident
that they are complementary. In general, avoid using two
typefaces of the same classification. For example, do not use
two sans serif, serif, slab serif or script faces together.
The reason—contrast.
Stay with one typeface until you have achieved mastery.
02
Helvetica Neue
Everything I learned in design school in 10 simple rules
to help you start designing like a rock star.
@theChrisDo www.blind.com
Skip A Weight
Go from light to bold, or from medium to extra bold when
changing font weights. The key to great design is contrast.
Slight changes in weight change make it harder for the
audience to notice the difference.
Try mixing bold for the headline and light for the body copy for
greater contrast.
03
Light/Bold
Everything I learned in design school in 10 simple rules
to help you start designing like a rock star.
@theChrisDo www.blind.com
Double Point Size
A good rule of thumb when changing point sizes, is to double
or half the point size you are using. For example, if you are
using 30 pt. type for the headline, use 15 pt. type for the body
copy. For other uses try 3x or 4x the point size for something
more dramatic.
04
2X 4XEverything I learned in design school in 10 simple rules
to help you start designing like a rock star.
@theChrisDo www.blind.com
Build your type along one primary axis, and align elements to
this grid line. For a vertical axis, align the left edge of your type.
This will work regardless of font type or size. For horizontal axis,
align on strongest horizontal element. Sometimes this is the
cap height while others it’s the baseline.
05
Align To One Axis
XEverything I learned in design school in 10 simple rules
to help you start designing like a rock star.
@theChrisDo www.blind.com
1702 Olympic Boulevard Santa Monica California 90404
Use any typeface you like as long as it’s one of the following:
Akzidenz Grotesque, Avenir, Avant Garde,
Bell Gothic, Bodoni, Bembo, Caslon, Clarendon,
Courier, Din Mittelschrift, Franklin Gothic, Frutiger,
Futura, Garamond, Gill Sans, Gotham, Helvetica,
Letter Gothic, Memphis, Meta, OCRB, Rockwell,
Sabon, Trade Gothic, Trajan and Univers.
06
Pick Any Typeface
Everything I learned in design school in 10 simple rules
to help you start designing like a rock star.
@theChrisDo www.blind.com
Use rules/lines to group related blocks of information. This will
also make dissimilar objects appear more orderly.
07
Group By Using Rules
Everything I learned in design school in 10 simple rules
to help you start designing like a rock star.
@theChrisDo www.blind.com
RSHAPES
Don’t place elements along the edge or corners of a page
unless to deliberately cut elements off. Negative space is a
good thing, so let your design breathe.
08
Avoid The Corners
Everything I learned in design school in 10 simple rules
to help you start designing like a rock star.
@theChrisDo www.blind.com
R 2D
Typography is all about spacing. Never use forced justified type because
of the inherent rivers that will run through your copy. Avoid having a single
word on the last line of a paragraph, otherwise known as a widow.
Don’t allow a new page or column to begin with the final word or line from
a previous paragraph, thus separating it from the rest of its
paragraph—an orphan.
Use a single space after punctuation in a sentence. Pay attention to the
shape that the rag creates to avoid undesired shapes/angles.
Spacing matters. The closer things are together, the more the reader will
assume a relationship exists between separate blocks of information.
Messenger
bag skateboard heirloom selfies cray. Jianbing yr
kitsch, celiac brooklyn coloring book flannel
prism lyft. Before they sold out 8-bit coloring
book kombucha selfies ramps, cred bitters
tousled church-key dreamcatcher thundercats.
Four dollar toast vice small batch, hot chicken
farm-to-table 90's aesthetic XOXO vinyl pickled
brooklyn tbh. Edison bulb marfa small batch
affogato, asymmetrical synth offal stumptown
glossier echo park fingerstache chillwave green
juice. Mumblecore art party beard hella, raw
denim cliche retro quinoa selvage tilde
letterpress. Banjo put a bird on it narwhal,
locavore letterpress aesthetic artisan poke
thundercats flexitarian humblebrag pok
squid.
09
Mind The Gap
Everything I learned in design school in 10 simple rules
to help you start designing like a rock star.
@theChrisDo www.blind.com
D Avoid
shapes
Orphan
Widow
Preferred
rag
Be bold or italic,
never regular.
This isn’t actually a typographic rule.
It’s a way to govern your life.
Now that you’ve learned the rules,
go break some.
10
Relax, It’s Just Type
Everything I learned in design school in 10 simple rules
to help you start designing like a rock star.
@theChrisDo www.blind.com
Typography Manual
now available as an
animated film.
Everything I learned in design school in 10 simple rules
to help you start designing like a rock star.
@theChrisDo www.blind.com
you
thank
Dedicated to my typography instructor Simon Johnston,
to whom I will forever be grateful and Art Center College of Design.
Special thanks to: Colleen Mathis, Dave Waite, Rachel Elnar, Tuan Dinh,
and Adam Sanborne.
©2016 Chris Do, All righs reserved
www.blind.com

More Related Content

Similar to Manual of Typography Rules | Muhammad Osama

A Workshop on Improving StyleUsing rhetorical questions correc.docx
A Workshop on Improving StyleUsing rhetorical questions correc.docxA Workshop on Improving StyleUsing rhetorical questions correc.docx
A Workshop on Improving StyleUsing rhetorical questions correc.docx
bartholomeocoombs
 
10 typography tricks every designer should know
10 typography tricks every designer should know10 typography tricks every designer should know
10 typography tricks every designer should know
Shahadath Hossain
 
The Senior Literacy Writing Handbook 1
The Senior Literacy Writing Handbook 1The Senior Literacy Writing Handbook 1
The Senior Literacy Writing Handbook 1
jpinnuck
 
How To -ppt-design
How To -ppt-designHow To -ppt-design
How To -ppt-design
Gordon Powell
 
Ten tips for creating slides
Ten tips for creating slidesTen tips for creating slides
Ten tips for creating slides
Tola Odugbesan
 
Power point powerpoint
Power point powerpointPower point powerpoint
Power point powerpointServant1234
 
Power point powerpoint
Power point powerpointPower point powerpoint
Power point powerpointServant1234
 
Power point powerpoint
Power point powerpointPower point powerpoint
Power point powerpointServant1234
 
Power point powerpoint
Power point powerpointPower point powerpoint
Power point powerpointServant1234
 
What Designs Need To Know About Visual Design
What Designs Need To Know About Visual DesignWhat Designs Need To Know About Visual Design
What Designs Need To Know About Visual Design
Ben Hall
 
Design for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide youDesign for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide you
David Hall
 
Four Photography Tips for Social Media #smsecrets
Four Photography Tips for Social Media #smsecretsFour Photography Tips for Social Media #smsecrets
Four Photography Tips for Social Media #smsecrets
Jay Baer
 
4 photography tips for social media
4 photography tips for social media4 photography tips for social media
4 photography tips for social media
Convince & Convert Media
 
Power pointguidelines
Power pointguidelinesPower pointguidelines
Power pointguidelinesJwrock07
 
Power pointguidelines
Power pointguidelinesPower pointguidelines
Power pointguidelines
tanaykumarsaha
 
Bc chapter-01 to three
Bc chapter-01 to threeBc chapter-01 to three
Bc chapter-01 to three
Robert "Alan" Black, Ph.D., CSP
 
Staar writing personalnarrativepromptexplainedthgrade
Staar writing personalnarrativepromptexplainedthgradeStaar writing personalnarrativepromptexplainedthgrade
Staar writing personalnarrativepromptexplainedthgradekaseyhead
 
FontShop - Typography
FontShop - TypographyFontShop - Typography
FontShop - TypographyPoppy Young
 
Basic Slide Design
Basic Slide DesignBasic Slide Design
Basic Slide Design
Warren Sandmann
 
Poster Basics
Poster BasicsPoster Basics
Poster Basics
hcollazo1
 

Similar to Manual of Typography Rules | Muhammad Osama (20)

A Workshop on Improving StyleUsing rhetorical questions correc.docx
A Workshop on Improving StyleUsing rhetorical questions correc.docxA Workshop on Improving StyleUsing rhetorical questions correc.docx
A Workshop on Improving StyleUsing rhetorical questions correc.docx
 
10 typography tricks every designer should know
10 typography tricks every designer should know10 typography tricks every designer should know
10 typography tricks every designer should know
 
The Senior Literacy Writing Handbook 1
The Senior Literacy Writing Handbook 1The Senior Literacy Writing Handbook 1
The Senior Literacy Writing Handbook 1
 
How To -ppt-design
How To -ppt-designHow To -ppt-design
How To -ppt-design
 
Ten tips for creating slides
Ten tips for creating slidesTen tips for creating slides
Ten tips for creating slides
 
Power point powerpoint
Power point powerpointPower point powerpoint
Power point powerpoint
 
Power point powerpoint
Power point powerpointPower point powerpoint
Power point powerpoint
 
Power point powerpoint
Power point powerpointPower point powerpoint
Power point powerpoint
 
Power point powerpoint
Power point powerpointPower point powerpoint
Power point powerpoint
 
What Designs Need To Know About Visual Design
What Designs Need To Know About Visual DesignWhat Designs Need To Know About Visual Design
What Designs Need To Know About Visual Design
 
Design for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide youDesign for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide you
 
Four Photography Tips for Social Media #smsecrets
Four Photography Tips for Social Media #smsecretsFour Photography Tips for Social Media #smsecrets
Four Photography Tips for Social Media #smsecrets
 
4 photography tips for social media
4 photography tips for social media4 photography tips for social media
4 photography tips for social media
 
Power pointguidelines
Power pointguidelinesPower pointguidelines
Power pointguidelines
 
Power pointguidelines
Power pointguidelinesPower pointguidelines
Power pointguidelines
 
Bc chapter-01 to three
Bc chapter-01 to threeBc chapter-01 to three
Bc chapter-01 to three
 
Staar writing personalnarrativepromptexplainedthgrade
Staar writing personalnarrativepromptexplainedthgradeStaar writing personalnarrativepromptexplainedthgrade
Staar writing personalnarrativepromptexplainedthgrade
 
FontShop - Typography
FontShop - TypographyFontShop - Typography
FontShop - Typography
 
Basic Slide Design
Basic Slide DesignBasic Slide Design
Basic Slide Design
 
Poster Basics
Poster BasicsPoster Basics
Poster Basics
 

Recently uploaded

Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
PlanitIsrael
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
Hess9
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 

Recently uploaded (20)

Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 

Manual of Typography Rules | Muhammad Osama

  • 1. Typography Manual Edition Number 02, 2016 by Chris Do ©2016 Chris Do
  • 2. Justify Left When in doubt, set your type justify left rag right. Why? In western culture, people read from top to bottom, left to right. By justifying type left, the eye is able to find the edge and read copy much more easily. Avoid indenting the first line of a paragraph for this reason. Everything I learned in design school in 10 simple rules to help you start designing like a rock star. @theChrisDo www.blind.com 01
  • 3. Use One Typeface Using two typefaces successfully within a layout requires an understanding of the chosen faces in order to be confident that they are complementary. In general, avoid using two typefaces of the same classification. For example, do not use two sans serif, serif, slab serif or script faces together. The reason—contrast. Stay with one typeface until you have achieved mastery. 02 Helvetica Neue Everything I learned in design school in 10 simple rules to help you start designing like a rock star. @theChrisDo www.blind.com
  • 4. Skip A Weight Go from light to bold, or from medium to extra bold when changing font weights. The key to great design is contrast. Slight changes in weight change make it harder for the audience to notice the difference. Try mixing bold for the headline and light for the body copy for greater contrast. 03 Light/Bold Everything I learned in design school in 10 simple rules to help you start designing like a rock star. @theChrisDo www.blind.com
  • 5. Double Point Size A good rule of thumb when changing point sizes, is to double or half the point size you are using. For example, if you are using 30 pt. type for the headline, use 15 pt. type for the body copy. For other uses try 3x or 4x the point size for something more dramatic. 04 2X 4XEverything I learned in design school in 10 simple rules to help you start designing like a rock star. @theChrisDo www.blind.com
  • 6. Build your type along one primary axis, and align elements to this grid line. For a vertical axis, align the left edge of your type. This will work regardless of font type or size. For horizontal axis, align on strongest horizontal element. Sometimes this is the cap height while others it’s the baseline. 05 Align To One Axis XEverything I learned in design school in 10 simple rules to help you start designing like a rock star. @theChrisDo www.blind.com 1702 Olympic Boulevard Santa Monica California 90404
  • 7. Use any typeface you like as long as it’s one of the following: Akzidenz Grotesque, Avenir, Avant Garde, Bell Gothic, Bodoni, Bembo, Caslon, Clarendon, Courier, Din Mittelschrift, Franklin Gothic, Frutiger, Futura, Garamond, Gill Sans, Gotham, Helvetica, Letter Gothic, Memphis, Meta, OCRB, Rockwell, Sabon, Trade Gothic, Trajan and Univers. 06 Pick Any Typeface Everything I learned in design school in 10 simple rules to help you start designing like a rock star. @theChrisDo www.blind.com
  • 8. Use rules/lines to group related blocks of information. This will also make dissimilar objects appear more orderly. 07 Group By Using Rules Everything I learned in design school in 10 simple rules to help you start designing like a rock star. @theChrisDo www.blind.com RSHAPES
  • 9. Don’t place elements along the edge or corners of a page unless to deliberately cut elements off. Negative space is a good thing, so let your design breathe. 08 Avoid The Corners Everything I learned in design school in 10 simple rules to help you start designing like a rock star. @theChrisDo www.blind.com R 2D
  • 10. Typography is all about spacing. Never use forced justified type because of the inherent rivers that will run through your copy. Avoid having a single word on the last line of a paragraph, otherwise known as a widow. Don’t allow a new page or column to begin with the final word or line from a previous paragraph, thus separating it from the rest of its paragraph—an orphan. Use a single space after punctuation in a sentence. Pay attention to the shape that the rag creates to avoid undesired shapes/angles. Spacing matters. The closer things are together, the more the reader will assume a relationship exists between separate blocks of information. Messenger bag skateboard heirloom selfies cray. Jianbing yr kitsch, celiac brooklyn coloring book flannel prism lyft. Before they sold out 8-bit coloring book kombucha selfies ramps, cred bitters tousled church-key dreamcatcher thundercats. Four dollar toast vice small batch, hot chicken farm-to-table 90's aesthetic XOXO vinyl pickled brooklyn tbh. Edison bulb marfa small batch affogato, asymmetrical synth offal stumptown glossier echo park fingerstache chillwave green juice. Mumblecore art party beard hella, raw denim cliche retro quinoa selvage tilde letterpress. Banjo put a bird on it narwhal, locavore letterpress aesthetic artisan poke thundercats flexitarian humblebrag pok squid. 09 Mind The Gap Everything I learned in design school in 10 simple rules to help you start designing like a rock star. @theChrisDo www.blind.com D Avoid shapes Orphan Widow Preferred rag
  • 11. Be bold or italic, never regular. This isn’t actually a typographic rule. It’s a way to govern your life. Now that you’ve learned the rules, go break some. 10 Relax, It’s Just Type Everything I learned in design school in 10 simple rules to help you start designing like a rock star. @theChrisDo www.blind.com
  • 12. Typography Manual now available as an animated film. Everything I learned in design school in 10 simple rules to help you start designing like a rock star. @theChrisDo www.blind.com
  • 13. you thank Dedicated to my typography instructor Simon Johnston, to whom I will forever be grateful and Art Center College of Design. Special thanks to: Colleen Mathis, Dave Waite, Rachel Elnar, Tuan Dinh, and Adam Sanborne. ©2016 Chris Do, All righs reserved www.blind.com