找回密码
 注册
查看: 1397|回复: 0

使用线框图来简化你的产品设计流程

[复制链接]
发表于 2011-9-6 17:55:11 | 显示全部楼层 |阅读模式
核心提示:绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素,是网站内容布局的基本视觉表现方式,是网站开发过程中一个重要的步骤。  
               
绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素,是网站内容布局的基本视觉表现方式,是网站开发过程中一个重要的步骤。  
一、线框图的好处:  
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 下一条

QQ|Archiver|手机版|小黑屋|鼠窝站长论坛

GMT+8, 2024-12-24 21:20 , Processed in 0.050576 second(s), 17 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

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