Profile PictureBuninux

🎯 6 Tips to Improve UI with Text Alignment

Hi Friends! πŸ‘‹

Text alignment is a small but significant part of any interface. Alignment affects how our brain scans the content on a screen. A proper text alignment is one of the most distinct indicators of a professionally crafted digital product.


Check the latest article to learn how to make your UI more effective and easy to read with text alignment.

TLDR

1. Avoid center alignment for long text

2. Always left-align long text

3. Use center alignment for headlines or small blocks 
of text

4. Use the hanging alignment to connect with UI elements

5. Right-align data & numbers

6. Balance whitespace for justified text


Btw, If you want to back the release of new articles, you can visit my digital asset store and support your local design dealer :)

Read the Article

Figma Plugins for Designing Systems 🎨

UI Colors Tips for Figma 🎨

Dark Mode UI 
Best Practices 🌚

Preorder Frames X β€” UI Kit and Design Handbook for Figma πŸ”₯

CTA Buttons Best Practices πŸ”˜

See all posts from Buninux

Powered by