广州网页设计工作室
专业的广州网页设计、网站制作团队为您服务,电话:020-85548809,13427649282 林生
  • 快云自适应版

    PC+手机H5自适应

    所有模板免费一键更换

    1-3天快速建站

    在线客服/统计/地图接口

    包域名空间内容上传

    880 480
    元/年(双11双12特价,买3送1)
  • 标准PC版

    独立源码1G/2G空间

    可视化模块拖曳式随意排版

    产品文章下载会员购物功能丰富

    各行业海量精美模板选择

    包域名空间内容上传

    1680/3980
    ( 官网 / 商城 )元/年
  • 轻云PC手机版

    独立源码1G空间

    高端PC+手机版设计

    优化营销型网站页面排版

    一个后台管理PC/手机/微信终端

    包域名空间内容上传

    3600 2980
    元/年(双11双12特价,买3送1)
  • 设计定制版

    资深设计师一对一量身定制

    突显企业品牌形象

    网站/微信/APP/小程序开发

    搜索引擎优化

    功能配套按需定制

    3680
    元/年起
新闻公告资讯技术

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

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

上一篇:《 如何巧妙利用几何图形提升网页设计感? 》     下一篇:《 网页首页设计如何提升销售说服力

复制本文《引导用户浏览视线的网页设计技巧》地址给好友:
或者将本文《引导用户浏览视线的网页设计技巧》收藏和分享到: