前端分析与设计7步骤
2016-01-11 11:24
344 查看
1、描述需求。这时候需求可能不够具体,是一个笼统大概的状态。有时,就是几句话。
2、把需求尽量细化、具体化,然后列出来。
3、可视化需求。比如通过思维导图的方式把需求列举出来。
4、梳理功能结构。把完整的功能结构列举出来,包括页面上的元素,甚至是交互流程。
5、画原型。根据功能结构画原型。很多情况下,边调整完善功能结构,边画原型。梳理功能结构和画原型是相互迭代的过程。
6、美工设计。收集相关资料,关键词、参考、模仿,可以手绘草图。最后用Photoshop等工具做出漂亮界面。
7、前端编码。html, Javascript, 自适应,等等。
不断迭代。
2、把需求尽量细化、具体化,然后列出来。
3、可视化需求。比如通过思维导图的方式把需求列举出来。
4、梳理功能结构。把完整的功能结构列举出来,包括页面上的元素,甚至是交互流程。
5、画原型。根据功能结构画原型。很多情况下,边调整完善功能结构,边画原型。梳理功能结构和画原型是相互迭代的过程。
6、美工设计。收集相关资料,关键词、参考、模仿,可以手绘草图。最后用Photoshop等工具做出漂亮界面。
7、前端编码。html, Javascript, 自适应,等等。
不断迭代。
相关文章推荐
- bootstrap引用glyphicon图标无法显示
- javascript中的window
- ajax(三) 使用jquery实现ajax
- jquery以及js中那些好用的函数
- 数据存取之Preference浅析
- NodeJs 学习资料
- 单元测试,使用Qunit测试你的javascript代码
- js获取短信验证码倒计时重新发送的实现方法
- Html基础
- jquery使用淘宝接口跨域查询手机号码归属地实例
- js 标签事件写法
- js:argument
- css
- javascript获得客户端IP的又一方法
- QT环境下出现undefined refence to symbol...
- js Math 对象方法
- js Math函数
- jQuery 菜单显示隐藏
- JS判断图片是否加载完成三种方式
- JS一些小技巧