All Tips

Design Better Menus
Design Better Menus

Design Better Menus

visual effect

Menus have readability issues very often

A quick hack to make them look and function better is to add an icon next to every action. In that way, you help users visually identify actions without having to read the whole copy.

Also, it's a good practice to highlight the active tab, if it's applicable to the menu's use case.

Previous Tip

Align Uneven Elements

In many cases, you have to align uneven in size elements. Even if you set the spacing between the elements to be the same, the visual result seems off. The best way to fix this visual issue is by setting the same width for all the elements. *Hint:* Pick the width of the biggest element and apply it to all the other items.


Become a Better Designer.
The Fun way.

Join 100s of developers, entrepreneurs & junior designers who strive to become better in UI & UX design with byte-sized, practical tips & examples!

Get notified about new tips & articles before anyone else!

  • "

    I love these little tips. It’s like Dribbble but actually useful.

    Martin LeBlanc

    CEO of Iconfinder

  • "

    I love UX & UI tips. Especially, when they are practical and presented in a very good way. Yours are meeting both criteria.

    Lisa Dziuba

    Head of Marketing at Abstract

  • Logo

    Learn to design better User Interfaces with practical UI & UX tips

  • Projects



    PH Launch Checklist

  • Popular Posts

    15 Practical UI Form Tips

©2021 . Made by Jim Raptis