Design Menus with Less Hassle

Drawing menus is easy, you need to add a few text, style and align them and it’s ready. But with this small trick it can be much easier!

Image credit

The problem with the "several text chunks" menu is that you need to align items manually, styling is more cumbersome and there’s a chance you move items accidentally. To fix these, you can use only one (paragraph) text and separate entries with spaces. This isn’t particularly nice at first, but set the text alignment to "forced justify" and voila - if you resize the text, the items will be distributed evenly.

This can be a great time (and hassle) saver in the design phase where you don’t know the final width of the menu or items may be added or removed. This trick works in every major design software I tried (Fireworks, PhotoShop, Illustrator, InDesign).

There’s one catch though: if you need to add spaces inside one menu item (eg. "Contact us") then it will be treated as two separate menu items. One workaround is to use another whitespace character, eg. figure space (" "):

HOME PRODUCTS EVENTS CONTACT US

0 comments Comments