网站地图    收藏   

主页 > 设计 > 网页设计 >

网站设计如何建立视觉层次_交互设计教程

来源:自学PHP网    时间:2015-01-08 09:51 作者: 阅读:

[导读] ...

   1.建立清楚的视觉层次

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

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

  a.越重要的部分越突出

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

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

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

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

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

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

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论