页面表达常用方式
作者:丽君 来源:Tencent CDC Blog 时间:2010-05-27 12:42:00
《页面表达常用方式》是整个“web交互设计方法”中的一部分:
设计师在设计页面时,应该在页面上建立许多视觉层次,引导用户的视觉焦点。把用户的注意力吸引到最重要的元素上,然后才把视线引导到其他重要程度次要的信息上。这样便于用户快捷迅速地找到自己所需,更好的完成阅读、浏览任务。这里介绍几种页面表达的常用方式。
一、页面的浏览顺序
对用户扫描页面的时候进行视线跟踪,这叫做“视觉流”。好的设计能够让人们按照顺畅的次序沿着它向前流动。人们一般的习惯是从左到右、从上到下。
从左至右,从上到下:长期以来,用户已经习惯了从左至右、从上到下的阅读习惯,所以页面设计的时候我们需要让浏览者从一个方向上看文字,用户的视线从左至右、从上到下的,这样做会更快更有效。不要让文字排列成这样:
这样的排列也可以,仍是从左至右、从上到下:
按钮要放在右边:
左上角优先:下图中,亮度越高、越集中的地方,说明被关注的越多:
从上到下,从左到右是默认的视觉流方向。强烈的焦点会首先吸引眼球,然后才是次要信息的。
所以,在浏览顺序上靠前、靠上的位置,即先被看到的位置,是容易被关注和记忆的地方,即“左上角优先”。因为日常中人们往往没有充足的时间浏览网页,或在很快地获取需要的资讯后即停止浏览或转连到其它网页,所以左上角常常成为视觉焦点。
标签:设计师,页面,视觉
0
投稿
猜你喜欢
Linux安装卸载Mysql数据库
2011-01-29 16:45:00
分享很实用的css圆角写法[百度有啊提取]
2009-01-06 13:05:00
获得当前数据库对象依赖关系的实用算法
2009-01-08 13:28:00
Js的MessageBox
2008-05-16 10:25:00
SQL 2008邮件故障排除:发送测试电子邮件
2008-12-02 14:28:00
用mysql做站点时怎样记录未知错误的发生
2009-01-14 13:16:00
巧用Dreamweaver MX制作阴影字
2009-08-31 17:36:00
详解如何用SQLyog来分析MySQL数据库
2008-10-13 12:35:00
asp 防盗链代码(彻底屏蔽迅雷,旋风,快车下载站内资源)
2011-02-26 10:46:00
css学习笔记:安全字体
2009-03-10 18:34:00
用户是如何浏览你的网站的
2010-05-03 14:26:00
MS IIS server Frontpage Ext Server漏洞
2008-05-04 09:54:00
仅允许指定的机器连接SQL Server服务器
2010-07-22 19:54:00
装载iframe 子页面,自适应高度
2008-11-20 12:53:00
asp如何对欲删除的记录确认后再删除?
2009-11-20 18:48:00
讲述SQL Server数据转换服务小妙招
2010-07-26 14:43:00
ASP 判断是否有中文的代码
2011-04-15 11:07:00
在asp中用集合成批操作数据库
2008-03-10 17:22:00
信息分类是为了更好的索引
2010-02-04 17:51:00
关闭窗口时保存数据的办法
2009-02-19 13:39:00