关于伟创 伟创新闻 伟创案例 网站套餐 联系方式
只做吸引客户的精品站!

网页设计中的布局分割

lywhy / 2015/6/18 10:06:23
[核心提示] 随着互联网建设与电商时代的高速发展,各类网站层出不穷。在这样的前提下,如何让用户快速挑到心仪的网站呢?本文作者向用户介绍了一种简单的页面布局方式——分割布局,这种布局方式试图让用户初览页面时感受到一种友好的浏览体验。
网页设计中的布局分割
  随着互联网建设与电商时代的高速发展,各类网站层出不穷。在这样的前提下,如何让用户快速挑到心仪的网站呢?本文作者向用户介绍了一种简单的页面布局方式——分割布局,这种布局方式试图让用户初览页面时感受到一种友好的浏览体验。
  作为网页设计师,可以参考的设计范例和布局原则有很多,比如说:栅格化、纵向一致性、F型布局、Z型布局、三分法则、黄金分割法等等。注重这些原则将会给你的设计带来视觉吸引力和功能性——现在让我们来看一种简单的方式,将页面两等分。
  事实证明,这种基本布局确实能起到非常好的效果。当我们通览一个页面时,我们的视线常常会沿着一个“之”字形移动。而如果用户的视线是沿着一条水平线移动时——就像在Z型布局里一样,那么他/她就会很专注(或者说尝试着专注)。但由于初来你网站90%的用户都不会很仔细的去关注你的页面,因此让你的设计“浏览起来友好”肯定会获得不错回报哦网站的用户总是很匆忙,他们有其它的事情要做,你不要指望他们会停下来去欣赏你网站的美学。虽然良好的美学设计是非常重要的,但是这并不能完全激发访问者去采取行动——去点击“立即购买”或者“了解更多”按钮。
  我们不能去埋怨这些用户。永远记住,当你想查询什么东西时?你会急着打开谷歌的第一个搜索结果并且火速看完,或者更确切的说,是粗略的浏览整个页面。大多数时间,你甚至是毫不留意就将鼠标滚动到了页面底部。经过这个阶段后,如果你认为这个页面值得你花时间,你就会又回到页面顶端并且着实花精力去阅读和关注。
  那么,用户初始浏览的目的究竟是什么呢?就是在你最初扫视页面时,捕捉到尽可能多的信息。如果我们以某种方式“制定”这种浏览模式,应该就能够得到更多访问者的关注。通过观察大量网站的热图,我得出了一个共通的趋势。
  奇怪的是,就经验看来,相比于斜线而言,我们的视线能更轻易的跟随水平线移动——因为我们都是沿着直线阅读。但请注意,我讨论的是在初始浏览阶段,并不是你关注网站每个细节时的阶段。
  每当你不是很专注时,你的视觉流向很自然的就会呈现为“之”字形。除非有对比度更高或者更重要的元素“召唤”你,不然你的视线就将会遵循上图的模式。你还会发现,这种模式看起来和F型布局非常相似,并且用户会在红色端点有短暂的停留。
  你的大脑会在这些“暂停点”生成快照。在之字形布局里,在这些“暂停点”布置一些包含重要信息的元素,用户的大脑就会很自然的吸收更多的细节,并将这些作为独立实体存在的“之”形端点联结起来。
  举例来说,你可以利用半分割布局的这一特点去有效的布置你作品集的预览、你的产品或服务的重要特性,这样很快就能引起网站访问者的注意。最终会激励用户在您的网站停留更久,并说服他们采取行动。这样的话,结果会是怎样呢?将给您的网站带来更高的转换率,同时给访问者带来更好的用户体验。
尊重作者原创 除非特别声明,伟创科技所有均为伟创原创报道,转载请注明原文链接。
原文地址:http://www.lywhy.com/News/View.asp?id=888  所属类别:行业风暴
相关内容
中元节,为去世的亲人点一盏心灯,愿天上人间共安好! 2018/8/25
能源互联网源起,如今的话题! 2018/4/9
互联网并不是包治百病的灵丹妙药 2017/8/15
网站公司如何积极的看待竞争对手 2017/6/3
另类的客户审美让设计师不知所措 2017/5/28
猜你喜欢
如何才能做出一个无以类比的网站 2012/10/25
如何判断哪家洛阳网络公司团队有实力? 2014/9/18
IT峰会三巨头“互侃”移动互联网 2013/4/1
努力成为企业网络建设的最佳拍档 2018/3/2
科学派的广吿创意 2012/10/3
摘王新宇:中国互联网20年:请不要忘记我的名字叫站长 2014/5/15
给想创业的人:没钱没点子怎么起步? 2013/3/1
伟创洛阳做网站公司十一放假安排须知!@小伙伴们! 2016/9/30
伟创科技告诉你建网站的钱花得值不值 2014/1/4
百度搜索引擎是如何提取网站中的关键词 2013/1/14
伟创热点
关于我们
公司简介
我们的优势
企业文化
公司愿景
加入伟创
伟创官方博客
金牌项目
网站建设
网站优化
软件开发
整合设计
网站运营
网站套餐
基础型网站
展示型网站
商务型网站
购物、商店型网站
FLASH动画型网站
行业、门户型网站
帮助中心
客户中心
公司SEO培训
seo顾问服务
支付方式
联系我们
我们的位置
关注我们
新浪微博
腾讯微博
人人小站
QQ空间推荐
花瓣网
建站百科全书
Copyright 2007-2012 LYWHY.Inc Sitemap 豫ICP备12012069号-1
Links
洛阳百科
建站百科