👋 Hello, Dev Community!
I'm Prince Chouhan, a B.Tech CSE student passionate about UI/UX design. Today, let's dive into Typography in UI design.
🗓️ Day 8 Topic: Typography
📚 Today's Learning Highlights:
Typography Overview:
Typography arranges type to make written language legible, readable, and visually appealing. It enhances readability and navigation in user interfaces.
Role in UI/UX Design:
Creates visually appealing interfaces 🎨
Enhances readability and navigation 🧭
Involves selecting typeface, font size, weight, and spacing.
Typeface vs. Font:
-
Typeface: Design of a set of characters (e.g., Arial, Times New Roman).
- Includes styles like regular, bold, italic.
Font: A specific instance of a typeface (e.g., Times New Roman 12pt bold).
Important Typographic Parts:
Baseline: Imaginary line on which letters sit.
X-height: Height of lowercase letters.
Cap height: Height of uppercase letters.
Ascender: Part of a letter above the x-height.
Descender: Part of a letter below the baseline.
Key Element:
Leading: Spacing between baselines.
Kerning: Spacing between characters.
Tracking: Spacing between groups of characters.
Weight: Different weights like light, regular, bold, etc.
Typefaces:
Serif: Traditional and formal.
Sans Serif: Modern and minimalistic.
Display: Stylized for large sizes.
Script: Mimics handwriting.
Monospace: Equal width for characters.
Best Practices:
Sans Serif typefaces are preferred for digital interfaces.
Pair with a serif typeface for headings.
Keep line length to 40-60 characters for readability.
📢 Community Engagement:
What's your favorite typeface for UI design? Share your thoughts!
💬 Quote of the Day:
"Design is not just what it looks like and feels like. Design is how it works." - Steve Jobs
Thank you for reading! Stay tuned for more updates on my UI/UX design journey.
Top comments (0)