Recommended resources
Courses
Typography
HTML Foundations
CSS Foundations
Introduction to Figma
UX Design Foundations
Design Terminology
UI Components I
Color Psychology
Common Design Patterns
Accessibility Foundations
Wireframing
UI Components II
Design Composition
Mobile Design
UX Design Patterns with Checklist Design
3D Design Foundations
Apple Human Interface Guidelines
Introduction to Design Audits
Government Design Foundations
KPIs & OKRs for Products
Lessons
Intro to Typography
Elements of Typography
Typographic Terms
Paragraphs in Typography
Intro to HTML
Exercises
Assessments
Projects

Uxcel Pride Month Scholarship Program

Lazy Ant - Web3 Community Builder Mobile App - Case Study

Placid Plastic Typography System Challange

Empty State - Education App

2024 APP UI DESIGN SHOWREEL
FAQs
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. It involves choosing typefaces, point sizes, line lengths, line-spacing, and letter-spacing, and adjusting the space between pairs of letters. It also includes the use of color, imagery, and other design elements to enhance the overall visual appeal and effectiveness of the text. Good typography can help create a clear hierarchy of information, guide the viewer's eye through the design, and improve the overall readability and legibility of the text. Typography is an important aspect of design and is used in various mediums, including print design, digital design, and advertising.
Typography can create a visual hierarchy and establish a tone for the content, making it easier for users to quickly identify the most important information. It can evoke emotions by using specific font styles and sizes. For example, a formal serif font may evoke a sense of professionalism, while a playful sans-serif font may evoke a sense of fun and creativity. Typography can also affect the way users understand and retain information. For example, using proper line spacing and font sizes can improve readability and make it easier for users to retain the information presented. Moreover, good typography can improve accessibility for visually impaired users by using clear and legible typefaces, sufficient contrast, and appropriate font sizes.
Good typography typically meets the following criteria:
- Readability: The text should be easily readable, clearly distinguishing between different letters and characters.
- Legibility: The text should be legible at various sizes and distances, making it suitable for different devices and environments.
- Hierarchy: The text should have a clear hierarchy, with headings and subheadings being visually distinct from the body text.
- Consistency: The typography should be consistent throughout the design, with a consistent use of typefaces, font sizes, line spacing, and color.
- Appropriate use of white space: The typography should use white space effectively to create a balanced and uncluttered layout.
- Balance: The typography should have a balanced distribution of text, images, and negative space.
- Contrast: There should be sufficient contrast between the text and its background, making the text easy to read.
Overall, good typography is a combination of form and function that enhances the meaning and readability of the text.