Good button rules
The rules of a good button. Web Designer Knowledge Base
alt
Michael CEO&Founder


Printed 2001-11-20

Checklist for creating a valid button:
1. The text on the button should be perfectly readable even at a distance of 2..3 meters from the monitor
2. The text should be aligned inside the button both in the center and in the center vertical
3. It is good if the gaps between the text and the borders of the button are the same both vertically and horizontally
4. The button should be drawn in three states: "default", when you hover and when you press
5. The button must be contrasted with the surrounding site design or have a contrasting border < br> 6. Button to zhna be delicious on it should want to click. This is achieved due to rich colors, highlights and shadows
7. If the button is not in a flat FLAT-style, then it may have a reflex from the background (for example, a light light reflection if it is on a white background). 
8 If there is a button with an outline, then the thickness of the stroke should coincide with the thickness of the font lines used to write the text in the button. 


More about the graphics:

Why is it needed
Are you adequate at all? 
Icons in web design
Patterns in website design
Why do I need to draw buttons manually
Good button rules


Our services

Latest works:

«We started with the usual Landing + Yandex.Direct set, but in the end we switched to the format of a large site. Contextual advertising began to work better! »
Alex (AppCafe, CEO).
«The picture came to life. Hills like, throw us away from city competitions. A good cut of land. In the center, the flower bed must still be removed and a fountain set up. Also add urban paraphernalia: lanterns with taut flags, benches - what they talked about yesterday »
Elena Proidisvet (Project Manager "1000 days before the 2014 Olympics").