020-85548809,29883069

网站设计、网站优化、微信开发

资讯

分享你我感悟

您当前位置>主页 > 资讯 > 引导用户浏览视线的网页设计技巧

引导用户浏览视线的网页设计技巧

自上而下移动
以往的阅读习惯中 ,最自然的视觉运用轨迹是自上而下、从左往右阅读,所以我们可以依靠这种自然轨迹进行网页设计,通过垂直布局以及加强顶部的层级来吸引户,如可以通过较大的标题或将重要元素放置顶部起到点晴的作用。
 
构件相似图形
形状不同的物品会让我们不由自主的自开,所以我们的目光会倾向于寻找相同形状的物体。通过这种方法。可以在同层级内容钱加入相似的元素,例如项目符号或者一些相似的图像,从而引导用户目光自然移到下一项。
 
构建相同颜色
色彩是网页设计中不可或缺的要素,在一个画面中,当相同的颜色分散存在时,我们的视线会自动沿着相同颜色移动,并且认为相同颜色所知识的信息是同一类信息。
 
从大到小移动
走到街头,我们总会被较大的东西吸引,比如建筑,临近的车辆。特别是在两种属性相似物品中,我们的实现往往会集中在较大的东西上。摄影中或者构图中,为了提升物体的变现力,我们通常会聚焦局部的放大,通过将重点内容放大来吸引用户实现,依次缩小其他次要内容,构件大小对比。
 
向相邻物移动
当我们聚焦在一个物体上的时候,我们往往不会看离这个物体很远的东西,而是自然的去看他相邻的物体。所以我们只需要稍微移动视角,就可以看到傍边的物体,你可以通过在吸引视线元素的相邻位置放置接下来你想呈现的内容。这样,价值内容就可以被用户轻易获取。
 
数字引导
我们从小就习惯了按照数字的编号次序进行阅读,或者标号队列、排序、步骤等。这样的习惯会让我们的实现按找编号移动。利用这一原理我们可以在网页设计中做出相似的布局,运用数字编号来引导用户视线。
 
压角的运用
画面中必要存在的留白在设计中发挥这巨大的作用,包括提升内容表现和保持画面呼吸感,但是如果留白过多,就会产生比较多的问题,使画面失去紧张感,尤其会导致视线的游历,所以遇到这种情况,我们会用到压角;所谓压角是指布局在角落中的文字和元素,压角运用可以将我们的视线拉回来,类似于光的反射。
引导用户浏览视线的网页设计技巧
,