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.
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.
Good practises in graphic design, typography and editing: “Clear Layout. Basi...Tomasz Charnas
Graduates’ visual works and fragments of presentation about content design at Tischner European University by Tomasz Charnas, an editor, publisher, communication scientist and specialist in language and literature. Visual materials have been taken from original LinkedIn user guide prepared by the students' group.
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.
It may be something we often overlook, but typography plays an essential part in the presentation process. Typography can change the entire look and feel of a presentation. Big Fish introduces the five way typography is powerful in your presentation.
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.
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)Shawn Calvert
Week 1, What Is GD
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.
Graphic Design Essentials by Rahul KULKARNI.Rahul KULKARNI
This is a presentation I gave on 'Graphic Design Essentials' as a part of STC India, Pune ZIP conference on June 9, 2018.
Please feel free to share it amongst your peers and friends.
Good practises in graphic design, typography and editing: “Clear Layout. Basi...Tomasz Charnas
Graduates’ visual works and fragments of presentation about content design at Tischner European University by Tomasz Charnas, an editor, publisher, communication scientist and specialist in language and literature. Visual materials have been taken from original LinkedIn user guide prepared by the students' group.
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.
It may be something we often overlook, but typography plays an essential part in the presentation process. Typography can change the entire look and feel of a presentation. Big Fish introduces the five way typography is powerful in your presentation.
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.
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)Shawn Calvert
Week 1, What Is GD
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.
Graphic Design Essentials by Rahul KULKARNI.Rahul KULKARNI
This is a presentation I gave on 'Graphic Design Essentials' as a part of STC India, Pune ZIP conference on June 9, 2018.
Please feel free to share it amongst your peers and friends.
Here we are giving an comprehensive presentation on typography. the presentation will be help full for both the beginner and professional graphic designer.
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.
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
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.
ARENA - Young adults in the workplace (Knight Moves).pdfKnight Moves
Presentations of Bavo Raeymaekers (Project lead youth unemployment at the City of Antwerp), Suzan Martens (Service designer at Knight Moves) and Adriaan De Keersmaeker (Community manager at Talk to C)
during the 'Arena • Young adults in the workplace' conference hosted by Knight Moves.
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page pmgdscunsri
Figma is a cloud-based design tool widely used by designers for prototyping, UI/UX design, and real-time collaboration. With features such as precision pen tools, grid system, and reusable components, Figma makes it easy for teams to work together on design projects. Its flexibility and accessibility make Figma a top choice in the digital age.
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEFebless Hernane
CapCut is an easy-to-use video editing app perfect for beginners. To start, download and open CapCut on your phone. Tap "New Project" and select the videos or photos you want to edit. You can trim clips by dragging the edges, add text by tapping "Text," and include music by selecting "Audio." Enhance your video with filters and effects from the "Effects" menu. When you're happy with your video, tap the export button to save and share it. CapCut makes video editing simple and fun for everyone!
Fonts play a crucial role in both User Interface (UI) and User Experience (UX) design. They affect readability, accessibility, aesthetics, and overall user perception.
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?
2. The UnderstandingCentury Type Design
Evolution of 20th Typography
Part Two
Legibility issues and typographic design principles
3. Adjusting Text Spacing
Leading and Kerning
Leading: The space in between lines of text
Term refers to lead pieces inserted in between lines of type
to add more space on old fashioned printing presses
4. Adjusting Text Spacing
Leading and Kerning
Kerning: Spacing in between individual letters
and words in a single line of text
5. Typographic Design Principles
Legibility: Making sure the audience can read your text
Similarity, alignment: Creating organization of information
Uniformity and consistency: Repeating elements in a composition
to direct the viewer s attention and create design harmony
Hierarchy: Organizing information in terms of its importance to the viewer
Contrast: Creating interest and distinguishing different types of information
with different typefaces
6. Typographic Design Principles
Legibility
Legibility is a combination of factors:
Font family
Font size
Letter, word, and line spacing
Alignment
Font and background colors
8. Typographic Design Principles
Legibility
Font sizes above 14 points break down the continuity of large blocks of text,
making words difficult for readers to follow
9. Typographic Design Principles
Legibility
Other Legibility Issues: If letters, words, or lines are too close together,
readers have a hard time because text blocks tend to look too dark
10. Typographic Design Principles
Legibility
Other Legibility Issues: If letters, words, or lines are too far apart, readers
have a hard time because blocks of text tend to look too light, causing
readers to lose a sense of continuity
11. Typographic Design Principles
Legibility
Other Legibility Issues: Spacing between words should be consistent to
promote legibility; too much variation in letter and line leads to eyestrain
12. Typographic Design Principles
Legibility
Other Legibility Issues: White type on a black background can also make
large blocks of text difficult to read
This type of typographic treatment usually works best on headline or subhead
areas of a layout
13. Typographic Design Principles
Legibility
Other Legibility Issues: Certain color combinations, particularly those lacking
strong contrast (such as yellow type on white background) are difficult to read
14. Typographic Design Principles
Unity and Concordance
To maintain overall uniformity, limit the number of different font families per
page to two or three at most
Use the same font for headings and body text to produce a uniform look;
this is known as concordance
15. Typographic Design Principles
Contrast
Using the same font family throughout a
layout creates uniformity but may make
documents seem visually boring
To add contrast, combine two font families
(for example, one serif and one sans serif
or script font)
Heading and body type can use different
fonts to separate information and create
visual interest
16. Typographic Design Principles
Hierarchy
Hierarchy helps your audience distinguish between levels
of information, such as title, header, subhead and body
Information can be set apart by changing font family,
font type, size, color
To maintain unity, keep typographic choices consistent
for each section throughout a layout
17. Typographic Design Principles
Hierarchy
Top-level headings can use unconventional
typographic treatments
Different levels use different font sizes,
families, colors, and leading to arrange
and separate information
18. Typographic Design Principles
Other Things to Consider
Copy length: Choose fonts that will allow for the best readability and flexibility
of arrangement (kerning, leading, etc) when typesetting large amounts of text
Line length: Blocks of text that are either too long or too short are difficult to read
Character count should be between 35 to 70 characters long as general rule of thumb
Type should not be adjusted by stretching it on the computer; this distorts its appearance
Use the kerning and leading tools available in computer software instead
19. Text Alignment
Flush Left
Type lines up on the left with ragged the right margin
Advantage: Easy to read in large blocks
Disadvantage: Pay attention to the shape made
by the right edge of the text
Text shape should be convex (curve outward) rather
than concave (curve inward)
Avoid putting very short lines of text next to long ones
20. Text Alignment
Flush Right
Aligns text to the right; leaves ragged left edge
Advantage: Allows designer control over kerning
spacing of text on individual lines
Disadvantage: Can be hard for the reader to follow
lines of type if they don t line up under one another
on the left
Best used for small amounts of type
21. Text Alignment
Centered
Type that aligns along the middle axis in a composition
Advantage: Just like with left and right justification,
designer can control word spacing for good legibility
Disadvantage: Can be difficult for the reader to find
the beginning of the next line of text when lines
don t justify left
Works best using small areas of type, such as lists,
headlines, etc.
22. Text Alignment
Justified
Aligns type on both the left and right edge
Advantage: If done correctly, this can make
areas of text appear uniform and clean, giving
crisp edges on both sides of an area of text
Disadvantage: Harder to control word spacing
23. Text Alignment
Random Asymmetrical
No apparent structure to type
Advantage: Can be used to create unusual
or unexpected effects
Disadvantage: Can be extremely difficult for readers
to follow due to lack of apparent structure
24. Text Alignment
Organization with Alignment
Aligned text creates a visual line in a design; such lines help
readers draw connections between different parts of a document
25. Text Alignment
Other Considerations
Rivers: Bad words spacing can create rivers,
or unintentional areas of white space that flow down
a page and create a visual distraction for the reader
26. Text Alignment
Other Considerations
Orphan: An orphan is a short line that appears at the top of a column
Occurs when the last word of a paragraph continues onto the next page
A word that floats on a page by itself is distracting and confuses the reader
Also applies to paragraphs- bad typography to begin first sentence of
a paragraph at the end of a page
27. Text Alignment
Other Considerations
Widow: A very short line at the end of a paragraph
Can be a single word, short phrase or the last syllable
of a hyphenated word