手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >网站设计如何建立视觉层次
网站设计如何建立视觉层次
摘要:1.建立清楚的视觉层次用户每天都会对视觉层次进行分解,筛选出需要的东西,这样迫使用户不断去思考。好的视觉层次通过预先处理,用一种用户能快速理...

 1.建立清楚的视觉层次

用户每天都会对视觉层次进行分解,筛选出需要的东西,这样迫使用户不断去思考。好的视觉层次通过预先处理,用一种用户能快速理解的方式对页面进行组织并区分优先级,从而减少了用户的工作。假如一个网站设计没有清楚的视觉层次,所有内容都看起来一样重要,势必会降低用户扫描速度。

那么,怎样建立清楚的视觉层次?

a.越重要的部分越突出

这个页面最重要的banner、导航、登陆框、头图以及按钮设计师会刻意让他们凸显出来。一般利用大小对比、色彩反差、质感、线条或形状辅助等这些方式,使重要的内容突出来,一般采用多种形式,根据内容重要程度进行划分。

b.逻辑上相关的部分,视觉上也相关

相近的内容形成一组,放在同一个标题下,采用统一的视觉样式,或者统一放置在一个明确定义的区域内。

c.逻辑上包含的部分,视觉上也包含

2.明显标识可以点击的区域

明显标识的目的也是为了用户扫描,试想用户在浏览页面的时候,错过了我们为他精心准备的大餐,那是多么遗憾的事情。网站的点击率也不会高,一个清晰可见的点击区域是很重要的。在网站设计上,我们知道按钮、带下划线的文字、蓝色字、带图标的文字这些都是可以点击的。一般灰色说明性文字、正文是不可点击的。但有时设计师过分注意页面的美观性,而忽视了这些地方。

【网站设计如何建立视觉层次】相关文章:

网页设计师们需要注意的几点优化技巧

关于网站分页导航的十个细节分析

网页设计基础技巧

设计和听歌

尝试网页设计中不对称的美

网站设计主题和风格是重点

在网页设计中寻找字体之美

20个超炫酷的豪车网站设计欣赏

网页设计的3秒法则!

2014年网页设计女神TOP15

精品推荐
分类导航