建站经验 搜索优化 网络创业 网络赚钱 网站推广营销策划
返回首页
当前位置: 主页 > 网站运营 > 营销策划 >

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

时间:2012-03-24 03:36来源:elya.cc  作者: 点击:
网站内容布局的基本视觉表现方式:线框图,使用线框图来简化你的产品设计流程.

绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素,是网站内容布局的基本视觉表现方式,是网站开发过程中一个重要的步骤。

一、线框图的好处:

1、让项目组成员在初期就可以对网站有个清晰明了的认知

2、能激发设计师想象力,使其在创作过程中有更多发挥空间

3、给开发者提供一个清晰的架构,让他们知道他们需要编写的功能模块

4、让每个页面的跳转关系都变得清晰明了

5、很容易的改变页面布局

二、绘制线框图的工具:

手绘:纸、笔

流程图或思维导图工具:Visio、Mindmap、MindManager

原型绘制软件:Balsamiq、Axure

图形软件:PhotoshopIllustrator

HTML工具:Dreamweaver

三、线框图实例:

1、简单纸面原型这是Broad Reach Retail Partners网站的简单纸面原型

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

2、低保真的HTML原型:没加任何风格的网站内容陈列

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

3、低保真的布局原型:界面布局线框图,由Jesse Bennett-Chamberlain设计

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

4、线框图原型:A preliminary mockup of a social for use at Le Web 3.

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

爱设计教学网(www.2sheji.com)——为您所需,替您所想!
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
推荐内容