The term “Typography” comes from Greek words: “typos” (form) & “graphe” (writing). Easily the nemesis for most people - as a subject of understanding and application as well. This is my feeble attempt at explaining the very basics of "typography", its history, characteristics, terminology and best-practices.
The typography by Fady El-Masry
Typography (from the Greek words τύπος (typos) = form and γραφή
(graphe) = writing) is the art and technique of arranging type in order to make
language visible. The arrangement of type involves the selection of typefaces,
point size, line length, leading (line spacing), adjusting the spaces between
groups of letters (tracking) and adjusting the space between pairs of letters
(kerning). Type design is a closely related craft, which some consider distinct
and others a part of typography; most typographers do not design typefaces,
and some type designers do not consider themselves typographers. In modern
times, typography has been put into motion — in film, television and online
broadcasts — to add emotion to mass communication.
Typography is performed by typesetters, compositors, typographers, graphic
designers, art directors, comic book artists, graffiti artists, clerical workers,
and anyone else who arranges type for a product. Until the Digital Age,
typography was a specialized occupation. Digitization opened up typography
to new generations of visual designers and lay users, and it has been said that
“typography is now something everybody does.
Yesterday the 11th of June 2015, the User Experience department took us down the exciting path of fonts and typography.
Facilitated by Crystal Chijindu, we came to realize the importance of Typography as an intricate element of design and idea development.
Have a good read and don't forget to share.
Typography is an imperative, yet sometimes overlooked aspect of the design process. Educating yourself on the basics of type with the help of this SlideShare will give you some insight into the intricate world of typography, and give you some actionable tips on how to make your business stand out from the competition.
The typography by Fady El-Masry
Typography (from the Greek words τύπος (typos) = form and γραφή
(graphe) = writing) is the art and technique of arranging type in order to make
language visible. The arrangement of type involves the selection of typefaces,
point size, line length, leading (line spacing), adjusting the spaces between
groups of letters (tracking) and adjusting the space between pairs of letters
(kerning). Type design is a closely related craft, which some consider distinct
and others a part of typography; most typographers do not design typefaces,
and some type designers do not consider themselves typographers. In modern
times, typography has been put into motion — in film, television and online
broadcasts — to add emotion to mass communication.
Typography is performed by typesetters, compositors, typographers, graphic
designers, art directors, comic book artists, graffiti artists, clerical workers,
and anyone else who arranges type for a product. Until the Digital Age,
typography was a specialized occupation. Digitization opened up typography
to new generations of visual designers and lay users, and it has been said that
“typography is now something everybody does.
Yesterday the 11th of June 2015, the User Experience department took us down the exciting path of fonts and typography.
Facilitated by Crystal Chijindu, we came to realize the importance of Typography as an intricate element of design and idea development.
Have a good read and don't forget to share.
Typography is an imperative, yet sometimes overlooked aspect of the design process. Educating yourself on the basics of type with the help of this SlideShare will give you some insight into the intricate world of typography, and give you some actionable tips on how to make your business stand out from the competition.
This is a very basic introduction to graphic design based on Robin Williams' book, "The Non-Designer's Design Book." It was created for grade 9 art students.
A video version is available here: http://www.youtube.com/watch?v=-eUhJ_jTrMQ
Graphic Design is a visual problem solving using text & graphical elements to create something that gets the viewer
attention and communicates in an easy effective manner.
This presentation is one of the best presentations from our study material for our weekly workshops which ADMEC conducts every week at the center. This presentation contains very good information for “Use of Shapes in Graphic Design”.
This presentation outlines the elements of graphic design: Line, Shape, Texture, Color, Value, and Space.
Learn more about the lesson including VIDEO TUTORIALS at DigitalArtTeacher.com
Graphic Design Elements and Principles - Tips and inspirationShahria Hossain
Graphic Design Elements and Principles - Tips and inspiration.In this Slide i tried to share some tips and inspiraion and some major discuss about Graphic Design principles and elements.I hope you enjoy it all.
Typography - a creative presence that a lot of people overlook and take for granted, little do we understand the history and power of typography. Your choice of type could make or break a campaign, which is why our graphic designer Miles, is here to educate you on everything you need to know on the topic.
This is a very basic introduction to graphic design based on Robin Williams' book, "The Non-Designer's Design Book." It was created for grade 9 art students.
A video version is available here: http://www.youtube.com/watch?v=-eUhJ_jTrMQ
Graphic Design is a visual problem solving using text & graphical elements to create something that gets the viewer
attention and communicates in an easy effective manner.
This presentation is one of the best presentations from our study material for our weekly workshops which ADMEC conducts every week at the center. This presentation contains very good information for “Use of Shapes in Graphic Design”.
This presentation outlines the elements of graphic design: Line, Shape, Texture, Color, Value, and Space.
Learn more about the lesson including VIDEO TUTORIALS at DigitalArtTeacher.com
Graphic Design Elements and Principles - Tips and inspirationShahria Hossain
Graphic Design Elements and Principles - Tips and inspiration.In this Slide i tried to share some tips and inspiraion and some major discuss about Graphic Design principles and elements.I hope you enjoy it all.
Typography - a creative presence that a lot of people overlook and take for granted, little do we understand the history and power of typography. Your choice of type could make or break a campaign, which is why our graphic designer Miles, is here to educate you on everything you need to know on the topic.
Cunning Plan - The Power of Typography Lizzie Clarke
Typography - a creative presence that a lot of people overlook and take for granted, little do we understand the history and importance of typography. Your choice of type could make or break a campaign, which is why our graphic designer, Miles, is here to educate you on everything you need to know on the topic.
Semiotic typography course lite lecture_1David Engelby
Based on Hartmut Stôckls semiotic approach, this course introduces ways of analyzing levels of typographic design - and it offers a framework for developing ideas for typographic design.
TYPOGRAPHY 1 OVERVIEW (Intro to GD, Wk 4)Shawn Calvert
Week 4, Type Overview
Presentation from Introduction to Graphic Design, Columbia College Chicago. Much of the content taken from readings, including the textbooks: Timothy Samara's "Design Elements" and "Design Evolution." Other references cited in presentation. Please note: many slides are intended for class discussion and might not make sense out of context.
Basic to Mastering Typography.In this Slide i tried to share some tips and inspiration and some major discuss about Basic to Mastering Typography.I hope you enjoy it all.
Elige un tipo de letra adecuado para tu webAna Cirujano
Las decisiones que tomemos en cuanto a la tipografía de nuestra web van a afectar —positiva o negativamente— a la tasa de conversión y a los beneficios que obtengamos.
Cada tipografía tiene su personalidad propia e influye en la percepción que nuestros clientes tienen de nuestra marca: sutilmente, transmiten una amplia gama de sentimientos y emociones.
Veremos ejemplos de percepciones que se suelen asociar a los tipos de letra más conocidos, los factores que tenemos que tener en cuenta al seleccionar una tipografía, cómo combinar tipografías, y qué son las fuentes variables, entre otros temas.
Así, podrás decidir cuál es la tipografía que más encaja con lo que quieres comunicar en tu web y mejorar así la experiencia de usuario de tus clientes para generar más ventas.
Ponente
Ana Cirujano
Co-organizadora de esta meetup de WordPress Torrelodones.
Diseñadora visual y de interacción.
Mis especialidades son la tipografía responsive, el branding y el desarrollo de proyectos web con WordPress.
Me apasiona la comunicación clara y soy una entusiasta de la ortotipografía. Por mi experiencia como diseñadora editorial, mi ambición es trasladar al diseño web todas las buenas prácticas de la tipografía. Y que algún día las webs estén tan bien diseñadas como cualquier libro.
Puedes ver mis últimos proyectos en www.anacirujano.com. Lo cuento todo en el podcast y canal de YouTube www.unbilleteachattanooga.com.
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...ARLENEPARALEJAS3
This is credited to Timothy Samara_
Layout is arguably the most fundamental and important element for designers working in any medium. Effective layout is critical to communication because it allows the end user to be drawn in by an innovative design while also easily digesting information.
Making and Breaking the Grid is a comprehensive layout design workshop that assumes that in order to effectively break grid-based design rules, one must first understand those rules and see how they apply to real-world projects.
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
Whether you’re looking to create a guest house, a rental unit, or a private retreat, our experienced team will design a space that complements your existing home and maximizes your investment. We provide personalized, comprehensive expert accessory dwelling unit (ADU)drafting solutions tailored to your needs, ensuring a seamless process from concept to completion.
Can AI do good? at 'offtheCanvas' India HCI preludeAlan Dix
Invited talk at 'offtheCanvas' IndiaHCI prelude, 29th June 2024.
https://www.alandix.com/academic/talks/offtheCanvas-IndiaHCI2024/
The world is being changed fundamentally by AI and we are constantly faced with newspaper headlines about its harmful effects. However, there is also the potential to both ameliorate theses harms and use the new abilities of AI to transform society for the good. Can you make the difference?
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
Dive into the innovative world of smart garages with our insightful presentation, "Exploring the Future of Smart Garages." This comprehensive guide covers the latest advancements in garage technology, including automated systems, smart security features, energy efficiency solutions, and seamless integration with smart home ecosystems. Learn how these technologies are transforming traditional garages into high-tech, efficient spaces that enhance convenience, safety, and sustainability.
Ideal for homeowners, tech enthusiasts, and industry professionals, this presentation provides valuable insights into the trends, benefits, and future developments in smart garage technology. Stay ahead of the curve with our expert analysis and practical tips on implementing smart garage solutions.
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
You could be a professional graphic designer and still make mistakes. There is always the possibility of human error. On the other hand if you’re not a designer, the chances of making some common graphic design mistakes are even higher. Because you don’t know what you don’t know. That’s where this blog comes in. To make your job easier and help you create better designs, we have put together a list of common graphic design mistakes that you need to avoid.
7 Alternatives to Bullet Points in PowerPointAlvis Oh
So you tried all the ways to beautify your bullet points on your pitch deck but it just got way uglier. These points are supposed to be memorable and leave a lasting impression on your audience. With these tips, you'll no longer have to spend so much time thinking how you should present your pointers.
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Typography
1. Typography
- Kabir Malkani
* This presentation has been compiled from references available from the Internet. This is meant purely
for educational purposes and the presenter does not claim to hold any ownership whatsoever; of the
content (textual or graphical) included in this presentation. The ownership and copyrights of the following
content belong to the respective brands /agencies / artists showcased in this presentation.
2. Topics Covered
O A Brief History O Special Formatting
O Hyphens & Dashes
O Introduction to Typography O Line Breaks
O Font Anatomy O Drop Caps
O Raised Caps
O Type Classification O Typographer Quotes & Inch Marks
O Terminology O Spaces
O Font Size O Boxed Text
O Grid
O Weights & Styles
O Best Practices
O Letter Spacing (Kerning & O Usage To create Mood
Tracking) O Ligatures
O Leading (Line Spacing) O Rag
O Glyphs O Widows & Orphans
O Choosing a Type
O Ligatures
O Choosing Pairing Fonts
O Paragraph Rules O Typography & the Web
O Tabs O Examples of Good Typography
O Indents
3. A Brief History…
Ancient writing systems
Egyptian Sumerian Cuneiform Greek Alphabet System
Hieroglyphics 3000 BC 800 BC
3200 BC – AD 400 Still used today as technical
symbols in domains such as
mathematics, science etc.
4. A Brief History…
Gutenberg Bible – The 1st Printed book
Written in Latin, the Gutenberg Bible Johannes Gutenberg A Replica of the
was printed by Johannes Gutenberg, in 1398 - 1468 Gutenberg Printing
Mainz, Germany, in the 1450s German Engraver & Press
Inventor of the Mechanical
Movable Type Printing
Press
5. A Brief History…
Geoffroy Troy – Enlightenment & Abstraction
French painter and designer Geofroy Tory believed that the proportions of the alphabet should reflect the
ideal human form. He wrote, “the cross-stroke covers the man‟s organ of generation, to signify that
Modesty and Chastity are required, before all else, in those who seek acquaintance with well-shaped
letters.”
Geoffroy Tory
1480 - 1533
Humanist and
Engraver - His
life's work has
heavily
influenced
French
publishing to this
day.
6. A Brief History…
Early Typographers
Nicholas Jenson was responsible for the development of the first full roman
typeface, which was based on humanistic characteristics and was highly legible.
Nicholas Jenson
1420 – 1480
Typographer, French
Engraver, Type Designer
Creator of the Roman typeface
7. A Brief History…
Early Typographers
Aldus Manutius
1449 – 1515
Humanist, Italian Printer &
Publisher
Aldus introduced small and handy pocket
editions of the classics.
He commissioned Francesco Griffo to cut a
slanted type known today as italic.
He and his grandson are credited with
introducing a standardized system of
punctuation.
The software company Aldus was named
after him.
„Aristotle‟ printed by
Aldus Manutius, 1495-98
8. A Brief History…
Early Typographers
Claude Garamond
1490 – 1561
French Publisher, Type Designer & Punch Cutter
Credited with the introduction of the apostrophe, the accent and the
cedilla to the French language.
He was an assistant to Geoffroy Tory
Several contemporary typefaces, including those currently known as
Garamond, Granjon, and Sabon, reflect his influence.
9. A Brief History…
Early Typographers
Fournier's contributions to
printing were his creation of
initials and ornaments, his
design of letters, and his
standardization of type sizes
He designed typefaces
including Fournier &
Narcissus
He also developed a system
of type measurement, which
was further developed by
François-Ambroise Didot into
the point based system that
Pierre Simon still exists today.
Fournier
1712 - 1768 Fournier‟s Type Construction
French punch-
cutter, typefounder and
typographic theoretician..
10. A Brief History…
Early Typographers
William Caslon John Baskerville Giambattista Bodoni
1692 - 1766 1706 - 1775 1740 - 1813
English gunsmith and English businessman, in areas Italian typographer, type-
designer of typefaces including japanning and papier- designer, compositor, printer and
mâché, but he is best publisher.
remembered as a printer and
typographer.
11. Introduction to Typography
ty·pog·ra·phy
The term “Typography” comes from Greek words: “typos” (form) & “graphe” (writing)
Definition:
Typography is the art and technique of arranging type in order to make
language visible.
The 3 goals of typography:
O The 1st goal of typography is readability
O The 2nd goal of typography is to transfer information to the reader in an
efficient manner.
O The 3rd goal is to use “type” to provide a sense of order and structure that
makes logical and visual sense.
12. Introduction to Typography
Typeface or Font?
O A Typeface is a family of typographical
symbols and characters.
Helvetica, Bodoni, Futura, Verdana, Myriad,
Arial etc. are Typefaces.
O A Font, on the other hand, is
traditionally defined as a complete
character set within a typeface, often of
a particular size and style.
Myriad Pro Semibold Italic 24 pts, Futura
BdCn BT 18 pts etc. are Fonts
Specimen of the Trajan typeface
15. Type Classification
There are a number of different ways to classify typefaces and
type families. The most common classifications are:
O Serifs vs Sans Serif
O Proportional vs Monospaced
O Technical Styles
O Mood
16. Type Classification
Serifs vs Sans Serifs
Serifs are semi-structural details on the Sans Serifs lack such serif details on
ends of some of the strokes that make up characters. Sans-serif typefaces are more
letters and symbols. modern in appearance than serifs. „Sans‟ is
a French word, which means „without‟
Serif typefaces guides the eyes from letter to Sans Serif types are usually used in
letter and are therefore preferred for body magazine headlines and websites for it is
copy in print documents. The readability of easier to read off the computer screen. They
serifs online has been debated. are also used to attract attention within a
Print Ad for instance.
Popular serif typefaces: Garamond & Caslon
Popular sans serif typefaces: Helvetica &
Futura
17. Type Classification
Serifs vs Sans Serifs
Sub-classification of Serifs Sub-classification of Sans Serifs
Old Style serifs (also called humanist) Grotesque
Transitional serifs Neo-grotesque
Modern serifs Humanist
Slab serifs Geometric
18. Type Classification
Proportional vs. Monospaced
Proportional typefaces Monospace typefaces
The space a character takes up is Each character takes up the same
dependent on the natural width of that amount of space. Narrower characters
character. An “i” takes up less space simply get a bit more spacing around
than an “m”, for example. Times New them to make up for the difference in
Roman is a proportional typeface. width. Courier New is a monospace
typeface.
19. Type Classification
By Technical Styles (in chronological order)
Blackletter
Blackletter is the earliest printed type, and is
based on hand-copied texts. It is traditionally
associated with medieval German / Gothic and
Old English.
Dates back to around 1450
Oldstyle
Oldstyle is typified by a gradual thick-to-thin
stroke, gracefully bracketed serifs, and slanted
stress, as indicated by the red line through the
uppercase „O‟, and as measured through the
thinnest parts of
a letterform.
Dates back to around 1475
20. Type Classification
By Technical Styles (in chronological order)
Italic
Usually considered a component of the roman typeface,
italic really deserves its own class. italics are casual as
opposed to the more formal roman forms of a font. Italics
are generally used for emphasis, captions, and the like,
and not for body text. Italics for sans-serifs are often
called obliques.
Dates back to around 1500
Script
Script is a formal replication of calligraphy. As type, script
is unsuitable for a large body of text, but is widely used to
lend a formal element to a layout.
Dates back to around 1550
21. Type Classification
By Technical Styles (in chronological order)
Transitional
As the name implies, transitional bridges the gap between
oldstyle and modern. It embodies greater thick-to-thin
strokes, and smaller brackets on serifs. Stress moves to
be more vertical.
Dates back to around 1750
Modern
Modern typefaces embodies extreme thick-to-thin
strokes, and hairline serifs. Many modern typefaces lose
readability if set too tight, or at too small a
size, particularly those with strong vertical stress.
Dates back to around 1775
22. Type Classification
By Technical Styles (in chronological order)
Egyptian / Slab Serif
Egyptian or slab serif was developed for heavy type in
advertising. It appeared during the Egyptology craze in
Europe. It generally has little variation in stroke weight and
is generally more geometric, and less calligraphic.
Dates back to around 1825
Sans Serif
Gained popularity as a move towards an international
aesthetic in typography. Sans serif can be strictly
geometric, as in Futura, or more humanist, as with Gill
Sans. More recently, sans serifs with a variation in stroke
weight are becoming more common (Optima, Myriad).
Dates back to around 1900
23. Type Classification
By Technical Styles (in chronological order)
Serif / Sans serif
A fairly recent development are families of typefaces with
both serif and sans serif fonts. These provide the designer
with even more unified variation than an extensive family
of serif or sans serif.
Dates back to around 1990
Grunge
Now part of the common lexicon of typography, grunge
was a development spring from postmodernism and
deconstructionism. Type was developed as primarily
image, and less for its readability. Grunge typography was
a big enough movement to rate its own category, and
encompasses a wide variety of „dirty‟ typefaces.
Dates back to around 1995
24. Type Classification
By Technical Styles (in chronological order)
Postmodern / Display
Postmodern or Display types encompass a wide variety of
styles and are unsuitable for body text.
Contemporary
Handwritten
Seemingly a contradiction in terms, these fonts actually
can be considered scripts, but their generally informal
nature tends to separate them out.
Contemporary
25. Type Classification
By Mood
O Different typefaces have strikingly
different moods.
O Commonly used moods include:
O formal vs. informal
O modern vs. classic/traditional &
O light vs. dramatic.
O Times New Roman is a formal font, and is
used for business correspondence.
O Comic Sans, on the other hand, has a
more informal mood and should be avoided
for official correspondence
27. Terminology
Styles, Weights & Width
Weight Width Style
The weight determines how bold the The width determines how wide the The combination of properties
typeface looks, how heavy the characters are. including typeface, width and
strokes making up the characters weight defines the “Style” of a
are. font
Helvetica Cnd Obl-Light 24 pts is
The traditional weights are Light, a particular style that belongs to
Regular, Semibold, Bold, and Black the Helvetica typeface.
The traditional widths are
Extended, Condensed, Extra
Condensed or Compressed
28. Terminology
Letter Spacing
Tracking
Kerning
Kerning and Tracking are the two components of letter spacing.
Tracking defines the amount of Kerning adjusts the space
space between the characters based on character pairs.
in a word uniformly regardless There is strong kerning
of the characters between the V and the A, and
no kerning between the S and
the T.
29. Terminology
Leading (Line Spacing)
This is the vertical space between lines of text. The name comes from the
physical piece of lead that used to be used in mechanical printing process to
separate lines of text
30. Terminology
Glyphs
Refer to all the available
characters in a font, from
letters to numbers and all the
special characters.
Tahoma Glyph Set accessed using
the Windows Character Map
31. Terminology
Ligatures
Two or more letters combined into one character make a ligature. When
parts of the anatomy of characters either clash or look too close
together, they can be combined in what are called Ligatures.
Common Ligatures are:
„fi‟ ligature type, size
12pt Garamond.
32. Assignment
O Create an artwork which represents at least 5
principles of Design discussed in this
presentation
O Choose from projects listed below:
O Ad campaign (series of 3 or more Print Ads)
O Package Design (at least a series of 3 different
packaging samples)
O Brochure Design (for a luxury or consumer brand)
O Web Design (for a luxury or consumer brand)
* Final Date for submitting this assignment is the 31st of
March 2013