Design of buttons in web design

In Web design, button design is a role that is often overlooked but rather important. In Web design, buttons and links are similar in that they are clicked to reach another page or achieve a purpose, but there is a real difference between the two.

The button represents "do something", that is, click on the button to represent the operation of a function, do this thing has consequences, difficult to recover. And most of them are submissions to the form. Technically, the role of such a button is to submit data to the background, "command" server to do something. And the link is to take you to another page, from the functional attributes, it is to see, not to do.

Another difference between a button and a link is its eye-effect. Therefore, the button itself with color is also fastidious. In the design of a button, its color should be different from its ambient color, so it is brighter and has a high contrast color. Second, the basic principle is to be easy to find, especially important buttons should be in the center of the picture. In addition, the text of the button above need to be concise, direct and clear, what text on the button to pass to the user is very important, never let the viewer to think, the simpler, the more direct the better. On the size of the button is not the larger the better, to strictly control the size. The buttons are fully transparent and cannot be squeezed with other elements in the Web page. It requires plenty of margin (outside) to be more prominent, and more padding (inner margin) is needed to make the text easier to read. The last is to pay attention to the effect of the mouse, will be a powerful enhancement button click Sense, to bring users a good user experience, play the role of the finishing touch.