网站内容布局的基本视觉表现方式:线框图

2011-06-13 06:57:34  来源:elya.cc 
Webjx.Com提示:使用线框图来简化你的产品设计流程.
绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素,是网站内容布局的基本视觉表现方式,是网站开发过程中一个重要的步骤。 一、线框图的好处: 1、让项目组成员在初期就可以对网站有个清晰明了的认知 2、能激发设计师想象力,使其在创作过程中有更多发挥空间 3、给开发者提供一个清晰的架构,让他们知道他们需要编写的功能模块 4、让每个页面的跳转关系都变得清晰明了 5、很容易的改变页面布局 二、绘制线框图的工具: 手绘:纸、笔 流程图或思维导图工具:Visio、Mindmap、MindManager 原型绘制软件:Balsamiq、Axure 图形软件:Photoshop、Illustrator HTML工具:Dreamweaver 三、线框图实例: 1、简单纸面原型这是Broad Reach Retail Partners网站的简单纸面原型 1 使用线框图来简化你的产品设计流程 2、低保真的HTML原型:没加任何风格的网站内容陈列 2 使用线框图来简化你的产品设计流程 3、低保真的布局原型:界面布局线框图,由Jesse Bennett-Chamberlain设计 3 使用线框图来简化你的产品设计流程 4、线框图原型:A preliminary mockup of a social Tiddlywiki for use at Le Web 3. 4 使用线框图来简化你的产品设计流程
共2页: 上一页 1 [2] 下一页
更多
钱柜娱乐