搜课云网 > 唐山现代电脑学校 > 资讯总汇 > 网页设计中的分割布局

网页设计中的分割布局

机构:唐山现代电脑学校 时间:2016-06-29 11:10:37 点击:778

  注重这些原则将会给你的设计带来视觉吸引力和功能性——现在让我们来看一种简单的方式,将页面两等分。

  虽然在一开始听起来有点傻,但是这种基本布局确实能起到非常好的效果。当我们通览一个页面时,我们的视线常常会沿着一个“之”字形移动。而如果用户的视线是沿着一条水平线移动时——就像在Z型布局里一样,那么他/她就会很专注(或者说尝试着专注)。但由于初来你网站90%的用户都不会很仔细的去关注你的页面,因此让你的设计“浏览起来友好”肯定会获得不错回报哦!

  眼动和“之”字形

  从雅虎的眼动追踪研究可以发现:

  ·人们通过扫视页面的主要部分去判定这是个什么网站以及他们是否想在这多呆一会。

  ·用户仅仅在三秒内就会对页面做出决定

  ·如果用户决定留在页面,他们会最关注屏幕顶部的内容。

  网站的用户总是很匆忙,他们有其它的事情要做,你不要指望他们会停下来去欣赏你网站的美学。虽然良好的美学设计是非常重要的,但是这并不能完全激发访问者去采取行动——去点击“立即购买”或者“了解更多”按钮。

  我们不能去埋怨这些用户。永远记住,当你想查询什么东西时?你会急着打开谷歌的第一个搜索结果并且火速看完,或者更确切的说,是粗略的浏览整个页面。大多数时间,你甚至是毫不留意就将鼠标滚动到了页面底部。经过这个阶段后,如果你认为这个页面值得你花时间,你就会又回到页面顶端并且着实花精力去阅读和关注。

  那么,用户初始浏览的目的究竟是什么呢?就是在你最初扫视页面时,捕捉到尽可能多的信息。如果我们以某种方式“制定”这种浏览模式,应该就能够得到更多访问者的关注。通过观察大量网站的热图,我得出了一个共通的趋势。

  在上图中你会发现,你毫不费劲就能看到那些红点。奇怪的是,就经验看来,相比于斜线而言,我们的视线能更轻易的跟随水平线移动——因为我们都是沿着直线阅读。但请注意,我讨论的是在初始浏览阶段,并不是你关注网站每个细节时的阶段。

  每当你不是很专注时,你的视觉流向很自然的就会呈现为“之”字形。除非有对比度更高或者更重要的元素“召唤”你,不然你的视线就将会遵循上图的模式。你还会发现,这种模式看起来和F型布局非常相似,并且用户会在红色端点有短暂的停留。

  你的大脑会在这些“暂停点”生成快照。在之字形布局里,在这些“暂停点”布置一些包含重要信息的元素,用户的大脑就会很自然的吸收更多的细节,并将这些作为独立实体存在的“之”形端点联结起来。

  更多资讯,请访问唐山网页设计培训机构

师资介绍
免费试听

免费体验课开班倒计时

11: 59: 59

稍后会有专业老师给您回电,请保持电话畅通

咨询电话:15893081958
陈老师 QQ:3429316823