前端分析与设计7步骤

1、描述需求。这时候需求可能不够具体，是一个笼统大概的状态。有时，就是几句话。

2、把需求尽量细化、具体化，然后列出来。

3、可视化需求。比如通过思维导图的方式把需求列举出来。

4、梳理功能结构。把完整的功能结构列举出来，包括页面上的元素，甚至是交互流程。

5、画原型。根据功能结构画原型。很多情况下，边调整完善功能结构，边画原型。梳理功能结构和画原型是相互迭代的过程。

6、美工设计。收集相关资料，关键词、参考、模仿，可以手绘草图。最后用Photoshop等工具做出漂亮界面。

7、前端编码。html, Javascript, 自适应，等等。

不断迭代。