LogoLogo
  • 👋Welcome to UX Library
  • 🎁Beginners UX Design Kit
  • EXPLORE
    • 💡The UX Process
      • 📚Books
      • 📃Articles
      • ⚡Activites
      • ⚙️Processes
    • 🔬UX Research
      • 📚Books
      • 📃Articles
      • 🖥️Software
      • 📇Templates
    • 🗂️Information Architecture & Content Strategy
      • 📚Books
      • 📃Articles
      • 🖥️Software
    • 🖍️UI Design
      • 📚Books
      • 📃Articles
        • Sketching & Whiteboarding
        • Color, Typography, & Icons
        • UI Design Principles & Tips
        • Design Systems
      • 🖥️Software
      • 🍂UI Patterns & Inspiration
      • 🛍️Free UI Resources
    • ✍️UX Writing
      • 📚Books
      • 📃Articles
      • 🖥️Software
  • MORE
    • 👔Job Hunting
    • 📺Design Courses
    • 🛍️Free Resources
      • 📱UI Kits
      • 🆎Fonts
      • 🖼️Photos
      • 🏠Icons
      • 🎄Illustrations
    • 🎙️Podcasts
    • 👪Facebook Groups
    • 📖Books & Blogs
    • 🚀About Us & Feedback
Powered by GitBook
On this page
  • Color
  • Typography
  • Icons

Was this helpful?

  1. EXPLORE
  2. UI Design
  3. Articles

Color, Typography, & Icons

Learn more about the influence of color, typography & icons from the list of articles we have curated for you.

PreviousSketching & WhiteboardingNextUI Design Principles & Tips

Last updated 5 years ago

Was this helpful?

When we start a project usually the first step is a challenging hurdle of deciding what colors, fonts, and icons to use. After all you didn't really pay attention to that during the low-fidelity design stage and thank god you didn't. But now you need to.

However the bigger challenge is learning how to use these colors, fonts, and icons well and below are the best articles which discuss the best practices for this. We highly recommend reading these articles as they will transform the way you create user interfaces in the future.

Color

Using color responsibly is an art which takes time to master for many. These articles will help accelerate that process by teaching you established industry strategies to using color effectively in UI.

Typography

Making a headline and paragraph legible and easy to read isn't as easy as it seems with many websites and interfaces still not getting it right. In these articles below you will learn the formula behind getting your font sizing, line spacing, line length, and font weight choices right.

Also explore our Free Font Resources

Icons

Also explore our Free Icon Resources

🖍️
📃
🆎Fonts
🏠Icons
Color in UI Design: A (Practical) FrameworkMedium
Color meanings: color names and symbolism | Canva ColorsCanva's Design Wiki
Logo
Why You Should Never Use Pure Black for Text or BackgroundsUX Movement
Light or Dark UI? Tips to Choose a Proper Color SchemeTubik Blog: Articles About Design
Color Contrast for Interface DesignMedium
How Salesforce studied color to make a better user experience
https://uxplanet.org/7-tips-to-organize-colors-for-ui-design-97bbefed8a8auxplanet.org
https://uxdesign.cc/guide-for-designing-better-mobile-apps-typography-5796495ef86fuxdesign.cc
Logo
The Equilateral Triangle of a Perfect Paragraph | CSS-TricksCSS-Tricks
Six tips for better web typography | CSS-TricksCSS-Tricks
Logo
How To Make Your iOS App Typography NOT suckMedium
Logo
5 Keys to Accessible Web TypographyBetter Web Type
Rhythm in Web TypographyBetter Web Type
Icons As Part Of A Great User Experience — Smashing MagazineSmashing Magazine
Icon Usability - Best UX Tips and Design GuidelinesIntechnic
Logo
Here's How To Design An Icon From Scratch [Step-by-Step]CareerFoundry
Logo
Solid Vs. Outline Icons: Which Are Faster to Recognize?Medium
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo