页面表达常用方式
作者:丽君 来源:Tencent CDC Blog 时间:2010-05-27 12:42:00
《页面表达常用方式》是整个“web交互设计方法”中的一部分:
设计师在设计页面时,应该在页面上建立许多视觉层次,引导用户的视觉焦点。把用户的注意力吸引到最重要的元素上,然后才把视线引导到其他重要程度次要的信息上。这样便于用户快捷迅速地找到自己所需,更好的完成阅读、浏览任务。这里介绍几种页面表达的常用方式。
一、页面的浏览顺序
对用户扫描页面的时候进行视线跟踪,这叫做“视觉流”。好的设计能够让人们按照顺畅的次序沿着它向前流动。人们一般的习惯是从左到右、从上到下。
从左至右,从上到下:长期以来,用户已经习惯了从左至右、从上到下的阅读习惯,所以页面设计的时候我们需要让浏览者从一个方向上看文字,用户的视线从左至右、从上到下的,这样做会更快更有效。不要让文字排列成这样:
这样的排列也可以,仍是从左至右、从上到下:
按钮要放在右边:
左上角优先:下图中,亮度越高、越集中的地方,说明被关注的越多:
从上到下,从左到右是默认的视觉流方向。强烈的焦点会首先吸引眼球,然后才是次要信息的。
所以,在浏览顺序上靠前、靠上的位置,即先被看到的位置,是容易被关注和记忆的地方,即“左上角优先”。因为日常中人们往往没有充足的时间浏览网页,或在很快地获取需要的资讯后即停止浏览或转连到其它网页,所以左上角常常成为视觉焦点。
标签:设计师,页面,视觉
0
投稿
猜你喜欢
Python中线程threading.Thread的使用详解
2023-07-22 13:25:48
JS简单模拟触发按钮点击功能的方法
2024-04-22 13:02:52
Python3.5实现的三级菜单功能示例
2023-08-01 13:37:26
JavaScript队列数据结构详解
2024-05-02 16:19:39
关于mysql 8.0.13zip包安装方法
2024-01-25 15:19:49
Pytorch 使用CNN图像分类的实现
2023-04-01 03:24:21
python字符串查找函数的用法详解
2022-12-09 11:32:47
python定义变量类型
2022-01-28 02:13:52
python实现雨滴下落到地面效果
2021-10-04 03:58:32
oracle删除表字段和oracle表增加字段
2023-07-16 10:52:18
Python实现arctan换算角度的示例
2023-07-16 20:31:28
读写xml文件的2个小函数
2007-08-23 12:59:00
MYSQL和ORACLE的一些操作区别
2008-12-18 14:33:00
php usort 使用用户自定义的比较函数对二维数组中的值进行排序
2023-11-21 23:08:28
Python实现向QQ群成员自动发邮件的方法
2021-08-16 13:41:33
Python 实现自动登录+点击+滑动验证功能
2023-10-09 01:11:05
约瑟夫问题的Python和C++求解方法
2023-12-05 15:09:28
像数艺术
2010-02-08 12:33:00
Python 实现子类获取父类的类成员方法
2022-01-14 00:28:17
你需要理解的关于MySQL的锁知识
2024-01-21 05:17:11