Module 2: Designing Buttons

Button Padding

The sizing of your button plays a big role in the accessibility of your interface. Most inexperienced designers will say something like, “Buttons should have a height of 36 pixels”. This isn’t the best approach — especially if you are designing for web. You should always take the line hight of the font you are using and add a unit to it. For example: “My button’s label has a line height of 20px and vertical padding of 8px”.

Try It Yourself

Using the sliders below, try out different padding styles.