网站模板设计之线框图

时间:2016-09-24 06:41:50 

线框图就表面的意思解释就是用线框出的图片,线框图是网站模板设计的前进方向。那线框图的正确解释是什么呢?线框图是整合在结构层的全部三种要素的方法:通过安排和选择界面元素来整合网站模板的设计;通过识别和定义核心导航系统来整合网站模板中的导航设计;通过放置和排列信息组成部分的优先级来整合信息设计。通过把这三者放到一个文档中,线框图可以确定一个建立在基本概念结构上的架构,同时指出了视觉设计应该前进的方向。

线框图是网站设计方案中的重要组成部分,无论是I-Board 、Page-Layout、UI-Draft这些不同的称呼,它们的本质都是一样的,网站策划师、网络产品经理的最后交付文档,通常的呈现设计是最直观有效的。单纯从设计的角度,线框图也可以看作一个视觉呈现过程。线框图的本质是信息架构的表象。根据需要,页面线框图可能是一个独立页面或一整套页面序列:当针对中小型项目时,可能只需要首页以及关键页面的设计;针对复杂项目和大规模的团队协作,则需要一系列相互关联的线框图,并且包含交互设计部分。

线框图前必须要做的四个步骤:

低保真还是高保真

线框图的细节要逼真到何种程度,要根据执行团队的实际情况来决定。一般来说,线框图的细节越逼真,执行越流畅,但是给界面设计和视觉设计的发挥空间越小;相反,线框图越是粗略,对团队配合的要求越高,界面设计和视觉设计发挥的空间越大。低保真原型通常包括:页面的基本布局,元素的大概位置,交互的基本形式,表单项。

确定页面逻辑架构

页面逻辑框架,是在整个网站信息架构确立的基础上,具体描述某个页面:都包含什么元素;这些元素的权重;页面的大概形式。页面逻辑框架可以用逻辑表和逻辑图两种形式交付,可以单独采用一种形式,也可以同时提交两者。

规范图例与交付物

工作流程是对项目执行上下级关系的一种描述,即上级交付给下级何种结果时,下级可以开始自己的工作;当交付结果不符合要求时,下级变为上级,要求前一环节进行返工。

基本框架网站模板

网站模板可以包含Logo&Slogan、页面导航面包屑、广告、常用功能、侧边栏和页底版权栏;每个模板都包含一些可编辑的部分。在确立了模板之后,剩下的工作无非就是根据每个页面逻辑架构的区别,设计那些可编辑的部分而已。

看不过瘾?点击下面链接!
本站微信公众号:gsjx365,天天有好故事感动你!

相关电脑知识

美图欣赏

电脑知识排行榜