使用线框图来简化你的产品设计流程
时间:2011-06-10 13:10:00
绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素,是网站内容布局的基本视觉表现方式,是网站开发过程中一个重要的步骤。
一、线框图的好处:
1、让项目组成员在初期就可以对网站有个清晰明了的认知
2、能激发设计师想象力,使其在创作过程中有更多发挥空间
3、给开发者提供一个清晰的架构,让他们知道他们需要编写的功能模块
4、让每个页面的跳转关系都变得清晰明了
5、很容易的改变页面布局
二、绘制线框图的工具:
手绘:纸、笔
流程图或思维导图工具:Visio、Mindmap、MindManager
原型绘制软件:Balsamiq、Axure
图形软件:Photoshop、Illustrator
HTML工具:Dreamweaver
三、线框图实例:
1、简单纸面原型:这是Broad Reach Retail Partners网站的简单纸面原型
2、低保真的HTML原型:没加任何风格的网站内容陈列
3、低保真的布局原型:界面布局线框图,由Jesse Bennett-Chamberlain设计
4、线框图原型:A preliminary mockup of a social Tiddlywiki for use at Le Web 3.
标签:设计,线框图,产品
0
投稿
猜你喜欢
思考关于搜索框的设计
2008-12-09 18:17:00
弹出对话框,点击跳出一个可拖动的层(对话框)
2009-09-07 12:56:00
MySQL Group By用法
2012-01-05 19:05:14
Oracle性能究极优化 上第1/2页
2010-07-30 13:26:00
Oracle系统表外键的更名
2010-07-26 13:07:00
一个jquery日期选取插件源码
2009-12-23 19:15:00
CSS滤镜示范(filter)附源代码(静态滤镜)
2008-05-18 12:42:00
JS实现css边框样式设置工具
2008-05-25 16:22:00
AJAX中文乱码解决
2009-07-03 13:43:00
CSS 的优先规则
2009-01-08 12:40:00
SQL SERVER 建立索引
2010-07-02 21:01:00
CSS网页布局开发时的常见问题小结
2009-08-13 12:17:00
用Dreamweaver MX制作文字特效
2011-06-14 09:49:47
ASP进阶教程Ⅶ:留言簿设置密码验证
2008-10-13 09:02:00
asp如何在线查询本地机的文件?
2010-06-22 21:19:00
Asp编写不再让人讨厌的自动弹出窗口
2007-09-29 12:16:00
网页新窗口打开好不好,数据说话
2008-05-31 17:01:00
Javascript 动画初探(实现)
2009-02-06 15:56:00
asp如何用HtmlEncode来显示Unicode编码?
2010-06-12 12:49:00
DreamweaverMX2004技巧两则
2010-09-05 21:10:00