in the planning and design of websites or software, we often hear such a discussion: "this function is designed too heavy" or "we want to be able to handle it lightly."". It seems light design is the current hot topic is just unfolding Web2.0 under the waves of designers (see the love in the world blossom everywhere SNS sites, both visual elements or interactive process can light the light). In this paper, from the point of view of practice and summary, 6 techniques are put forward to make design lighter.

what is lightweight design:


begins, you need to specify what light design is. There is no desire to give the next professional definition of light design, but only the understanding of the characteristics of light design should be summed up.

has sensitive, interactive elements: links on the page, text boxes, buttons, etc. interactive elements can respond sensitively to operations and provide immediate feedback.

light flow and suggest that the current task does not interrupt the user’s task: try to use less and clear steps to complete, prompt and temporary task. Try not to interrupt the user main task, do not let the user confirmation and operation is not necessary.

does not interfere with the user’s attention: the user is to use products and services, rather than to enjoy the exquisite design, if the process will use as design elements may be designed so distracted too heavy. Try to use less useful decorations and details.

6 tips for

light design:

1. flexible logo response zone

clicking on the site’s logo usually brings us back to the home page. From this point of view, Logo not only plays the role of brand identity, but also bear an important navigation function. Even plain links are underlined or colored when the mouse is crossed, so does logo, as a more important interactive element, also provide proper feedback when the mouse is passing?

listed below several logo flexible response to the mouse example, the use of the process found that small changes not only enhance the availability, but also to make the site appear sensitive and angry.


2., a sensitive and interactive element,

navigation for the importance of the site is self-evident, navigation elements to respond to the mouse operation immediately.


important operations and boot buttons should be designed more carefully, including three states of the button (normal, hover, active) and even four states (adding a disabled state). This is also done to enable important interactive elements to give timely feedback to different operations to make them agile and efficient.


< >

Leave a Reply

Your email address will not be published. Required fields are marked *