查看: 1234|回复: 1

[建站] 网站开发:使用线框图来简化你的产品设计流程

[复制链接]
发表于 2011-6-10 12:06 | 显示全部楼层 |阅读模式
绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素,是网站内容布局的基本视觉表现方式,是网站开发过程中一个重要的步骤。

一、线框图的好处:

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.


温馨提示:
1、本内容转载于网络,版权归原作者所有!
2、本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
3、本内容若侵犯到你的版权利益,请联系我们,会尽快给予删除处理!
 楼主| 发表于 2011-6-10 12:07 | 显示全部楼层
此帖仅作者可见

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

客服QQ/微信
2743073287 周一至周日:09:00 - 22:00
十五年老品牌,学习网上创业赚钱,首先轻创资源网,值得信赖!
轻创资源网 版权所有!

本站内容均转载于互联网,并不代表轻创资源网立场!
拒绝任何人以任何形式在本站发表与中华人民共和国法律相抵触的言论!

赣ICP备2023011851号-1

QQ|小黑屋|广告服务|加入vip|轻创网APP下载|手机版| 轻创资源网

GMT+8, 2024-11-26 20:35 , Processed in 0.202311 second(s), 33 queries .

快速回复 返回顶部 返回列表