typographydesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_typogra… · . typography...

40
TYPOGRAPHY Annelie Franke . Universidad de los Andes . Estudio 2

Upload: others

Post on 10-Aug-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

TYPOGRAPHY

Annelie Franke . Universidad de los Andes . Estudio 2

Page 2: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

. typography *Typefaces have unique characteristics and expressive qualities that allow the

designer to identify a font for use in a page layout. Selecting the right typeface for

the visual solution - will help to communicate the intended message.

Page 3: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer
Page 4: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer
Page 5: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer
Page 6: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer
Page 7: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

Considere el mensaje, no escoja tipografías por que están de moda o por gusto personal.

Considere el tono de la tipografía.

No escoja la tipografía de ultimas en el proceso.

Use el sentido común

Use variaciones de la tipografía antes de usar diferentes fuentes.

. considerations*

Page 8: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

Entienda desde los parámetros del proyecto que se quiere decir.

Seleccione de 3 a 5 fuentes que le den contexto al mensaje.

Experimente con ellas y note a cuales responde mejor la audiencia.

Use la fuente mas eficiente, la que mejor funciona.

. getting it right*

Page 9: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

. typologies of type the little differences *

Page 10: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer
Page 11: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer
Page 12: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

a g m a g mserifs are used for large amount of text

sans serifs are very clean, modern and corporate

. serifs & sans serifs

*

Page 13: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

a g m In Western culture right leaning suggest forward movement, left leaning

suggest slowing down movement. In cultures that read from right to left,

the opposite is true.

. italics add emphasis to a text

Page 14: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

Renaissance Roman Type ( sabon )

Renaissance Roman Type ( garamond )

Page 15: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer
Page 16: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

Baroque Roman Type ( times )

Baroque Roman Type ( baskerville )

Page 17: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer
Page 18: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

Classicism Roman Type ( bodoni )

Classicism Roman Type ( modern )

Page 19: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

Serif Accentuated Linear Roman Type ( bodoni )

Serif Accentuated Linear Roman Type ( modern )

Page 20: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

San Serifs Linear Roman Type! ( helvetica )

San Serifs Linear Roman Type ( univers )

San Serifs Linear Roman Type ( gill )

San Serifs Linear Roman Type ( futura )

San Serifs Linear Roman Type ( meta )

Page 21: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

Script Type ( snell roundhand )

Script Type ( dalliance )

Page 22: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer
Page 23: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

Gothic Type ( lucida black letter )

( ( fette fraktur )

Page 24: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer
Page 25: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer
Page 26: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer
Page 27: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

. type considerations necessary rules *

Page 28: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

Communication design is a

sub-discipline of design which

is concerned with how media

intermission such as printed,

crafted, electronic media or

presentations communicate

with people. A communication

design approach is more

concerned with messages

communicated than aesthetics

in media.

. baseline grid continuity for pages

Communication design is a

sub-discipline of design

which is concerned with how

media intermission such as

printed, crafted, electronic

media or presentations

commu-nicate with people.

Communication is communicate with people.

* *

Page 29: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

align left ragged right

align right ragged left

center justified

align left & right

align left ragged right

align right ragged left

center justified

align left & right

align left ragged right

align right ragged left

center justified

align left & right

align left ragged right,

align right ragged left,

center justified, align

left & right

* * * *

. justification text lining up

Page 30: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

Communication design is a sub-discipline of design which is concerned with

how media intermission such as printed, crafted, electronic media or

presentations communicate with people. A communication design approach

is more concerned with messages communicated than aesthetics in media.

The distinction between communication design and other applied arts is in

the motivation: while the communication design process does involve a

certain amount of self-expression and creativity, the goals are often those

of the commissioning body rather than the artist's, and the parameters set

by the commissioning body are often more constraining.

*. rag edge of a column of text is where lines of copy end

Page 31: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

. hyphenation hyphenated text should be avoided

Communication design is a sub-discipline of design which is con–

cerned with how media intermission such as printed, crafted, elec–

tronic media or pre–sentations communicate with people. A com–

munication design approach is more concerned with messages

communicated than aesthetics in media. The distinction between

communication design and other applied arts is in the motivation:

while the communication design process does involve a certain

amount of selfexpression and creativity, the goals are often those of

the commissioning body rather than the artist's, and the parameters

set by the com–missioning body are often more constraining.

*---------

Page 32: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

. kerning amount of space between each letter within a word

Communication design is a sub-discipline of

design which is concerned with how media

intermission such as printed, crafted, electronic

media or presentations communicate with

people. A communication design approach is

more concerned with messages communicated

than aesthetics in media.

Communication design is a sub-discipl ine of

design which is concerned with how media

intermission such as printed, crafted,

electronic media or presentations communicate

with people. A communication design approach

is more concerned with messages

communicated than aesthetics in media.

*

Page 33: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

. leading space between each line of text

Communication design is a sub-discipline of design which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.

Communication design is a subdiscipline

of design which is concerned with how

media intermission such as printed,

crafted, electronic media or

presentations communicate with people.

*Communication design is a

sub-discipline of design which

is concerned with how media

intermission such as printed,

crafted, electronic media or

presentations communicate

with people.

Communication design is a sub-discipline of design which is concerned with how media intermission such as printed, crafted, electronic media or pre–sentations communicate with people. A communication design approach is more concerned with messages communicated than aesthetics in media.

Page 34: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

. column width no more than 60 characters per line

Communication design is a subdiscipline of design which is

concerned with how media intermission such as printed,

crafted, electronic media or presentations communicate with

people. A communication design approach is more concerned

with messages communicated than aesthetics in media. The

distinction between communication design and other applied

arts is in the motivation: while the communication design

process does involve a certain amount of self-expression and

creativity, the goals are often those of the commissioning body

rather than the artist's, and the parameters set by the

commissioning body are often more constraining.

*

Page 35: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

. widows should be avoided

Communication design is a sub-discipline of design which is concerned with

how media intermission such as printed, crafted, electronic media or

presentations communicate with people. A communication design approach

is more concerned with messages communicated than aesthetics in media.

The distinction between communication design and other applied arts is in

the motivation: while the communication design process does involve a

certain amount of self-expression and creativity, the goals are often those

of the commissioning body rather than the artist's, and the parameters set

by the commissioning body are often more constraining.

Page 36: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

. orphans should be avoided

Communication design is a sub-

discipline of design which is con–

cerned with how media intermission

such as printed, crafted, electronic

media or presentations

communicate with people. A

communication design approach is

more concerned with

messages communicated than

aesthetics in media.

The distinction between

communication design and other

applied arts is in the motivation: while

the communication design process

does involve a certain amount of self-

expression and creativity the goals are

often those of the ...

Page 37: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

. hanging punctuation should be avoided

Communication design is a sub-discipline of design which is

concerned with how media intermission such as printed, crafted,

electronic media or presentations communicate with people.

“A communication design approach is more concerned with

messages communicated than aesthetics in media. The distinction

between communication design and other applied arts is in the

motivation: while the communication design process does involve a

certain amount of self-expression and creativity, the goals are often

those of the commissioning body rather than the artist's, and the

parameters set by the commissioning body are often more

constraining.”

Page 38: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

. majuscules the real and the false ones

Majuscules --- real

MAJUSCULES --- false

Page 39: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer

. capitulars high & below

Page 40: TYPOGRAPHYdesignblog.uniandes.edu.co/blogs/dise1107/files/2010/10/2_Typogra… · . typography Typefaces have unique characteristics and expressive qualities that allow the designer