做服务更好的
网站建设公司
当前位置:首页 > 建站资讯 > 网站建设

网站设计中层级关系划分和层级关系的重要性

发表日期:2018-10-10 09:25:11作者来源:方维网络浏览次数:90 标签: 网站设计    

建立层级关系,信息是成系统的。更多时候,信息看起来就像是各个部分的集合,每个部分又有其不同的功能:例如,杂志文章中的提要、插图说明和工具条,网页上的主要内容、辅助内容。这些不同的部分往往在相同的空间里不断重复出现并相互支持。

首页设计

 
设计师的其中一个重要任务就是给予信息顺序,以便与读者浏览。这个顺序,即信息的“层级关系”,是以设计师分配给文本各个部分的重要性的级别为基础的。“重要性的级别”指的是“这个部分应该是第一个、第二个、还是第三个···被阅读的对象”等;它还指各个部分“功能的区别”;连续文本应该区别于其他元素的折页、标题和副标题、插画说明和类似的细项。

地图设计

层次关系是通过阅读文本和思考如下这些简单问题来决定的:参与设计的信息有哪些部分需要区别开?读者的关注点在哪?不关注点的部分是如何与其他部分相关联的?读者在聚焦到主要部分之前需要先看一定的语言吗?
 

空间层次设计


 
这些问题的回答常常是一种常识。例如在一个出版物的封面上,报头或标题是最重要的,所以它们应该是读者实现看到的部分。在金融信息的表格里,读者需要理解所展示的数字的背景,所以描述了数字的含义的表头应易于读者锁定。在出版物的内页中,连续文本于插图说明、提要和其他信息互相影响,连续文本需要占据统一的区域,而且应从视觉上与其他元素区别开来。这些处理所产生的效果即是语言上的,同时也是视觉上的。

视觉设计

在未经加工的构图中,所有的文本看起来多同等重要。如果把文本置入版面上,它们将形成一种肌理的统一区域。因为操控文本周围或文本之间的空间可以建立层级关系,因此设计师的第一个工作将是通过不同的空间来确立不同的重要级别。例如,设计师会把大部分的元素聚集成组,而把某种特定的元素分开,并分配给它更多的空间。因而产生了可以吸引注意力的固定点,使这个元素显得比其他元素重要。

作者:方维网络杨开友
如没特殊注明,文章均为方维网络原创,转载请注明来自http://www.szfangwei.cn/news/4648.html

相关网站设计案例

相关推荐新闻

企业网站的“自动播放”...

我们打开有的企业网站的时候,会自动跳出广告弹窗,覆盖整个页面;还有...

日期:2018-10-10 浏览次数:28

我们梳理手机APP图标设计 ...

作为一家主营建站的公司,很多建站客户都要求方维网络为企业设计LO...

日期:2018-10-10 浏览次数:54

推动访客从首页到子页 三...

用户在网站的停留时间,是衡量一个网站是否成功的标志之一。而如何...

日期:2018-10-10 浏览次数:69

浅谈微观照明官方网站...

随着互联网的不断普及和技术提升,现在的人们运行互联网了解公司基...

日期:2018-10-10 浏览次数:81

网站建设之商城网站设计

随着互联网的快速发展,网上购物已经成为人们购物的主要途径。相对...

日期:2018-10-10 浏览次数:96

如何让你的网页焕然...

大家都知道,我们做网站的目的是吸引客户,这是一种述求,我们希望我们...

日期:2018-10-10 浏览次数:96

网站设计——极简风格与别...

不知道大家没有没过类似的经历,打开一个网页,速度慢不说,进去后一堆...

日期:2018-10-10 浏览次数:91

互联网电商双十一即将来了...

一年一度的双十一即将来临,设计营销也在紧凑预热打响,互联网的各路...

日期:2018-10-10 浏览次数:112

看脸时代 如何平衡企业网...

这是一个看脸的时代,颜值可以带来流量和关注度,但是要留存、转化,还...

日期:2018-10-10 浏览次数:123

响应式网站图文设计当“竖...

虽然说“响应式网站是为了适应多端设备而出现的”,但是本质上,响应...

日期:2018-10-10 浏览次数:116

网站建设之商城网站设计

随着互联网的快速发展,网上购物已经成为人们购物的主要途径。相对...

日期:2018-10-10 浏览次数:96

Gradle在实际网站开发中的...

Gradle是一个基于Apache Ant和Apache Maven概念的网站项目自动化...

日期:2018-10-10 浏览次数:85

相关标签
企业网站设计​网页设计网页设计家具网站设计网站设计响应式网站设计
网站建设解决方案
手机微信网站解决方案微信小程序定制开发解决方案集团上市公司网站建设解决方案