Front End analysis and design 7 steps

Source: Internet
Author: User

1, describe the requirements. This time the demand may not be specific, is a general approximate state. Sometimes, it's just a few words.

2, the needs as far as possible refinement, concrete, and then listed.

3, visualization requirements. For example, through the mind map of the way to enumerate the needs.

4, comb the function structure. Enumerate the complete functional structure, including the elements on the page, even the interactive process.

5, draw the prototype. Draw prototypes based on functional structure. In many cases, edges are adjusted to perfect the functional structure, while drawing prototypes. Carding functional structure and painting prototype are iterative processes.

6, art design. Collect relevant information, keywords, reference, imitation, can be hand-drawn sketches. Finally, use Photoshop and other tools to make a beautiful interface.

7, the front-end encoding. HTML, Javascript, adaptive, and so on.

Continually iterate.

Front End analysis and design 7 steps

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.