网页UI的视觉体系（二）：F模式和Z模式

　F模式

　　这主要在一些以文字为主的网站出现，例如博客。F模式就是指，用户通常会沿着左侧垂直浏览而下，先去寻找文章中每个段落开头的兴趣点，这时，如果用户发现了他喜欢的，他就会从这里开始水平线方向的阅读。较终结果就是用户的视线呈F型或者E型进行浏览。

　　The Nielsen Norman机构曾对232名用户对上千个网站的浏览习惯进行观察，总结出F模式的特点：

　　用户极少逐字阅读文字。

　　每个段落的开始两个字较为重要，这将决定内容是否能留住用户。

　　初始段落，副标题和要点都要保持醒目。

　　下图里的页面可以看到，重要的内容很清晰的展示出来，并且不会让用户花很多时间去浏览，而次要的内容也能快速尽收眼底。F模式对于那些嵌入广告的网站也是极为有用的，即使有了广告，也不会影响到内容。只要记住，内容为王，导航可以让用户更深入地浏览下去。

　　在所有浏览模式中，F模式就是一个引导路线图，而不仅仅是一个页面。因为，F模式的网站除了顶部展示区外，其他的内容会显得更平淡。就像下图所示，顶部1000像素后，网站就在水平方向加入了一些卡片式的内容组件，让网页内容更有趣。

　　Z模式

　　Z模式的浏览模式在于网页内容主要不是文字的页面。不论是否因为这里有个菜单栏，还是就仅仅因为从左到右自上而下的阅读习惯，用户*先关注的页头水平方向上的内容。当视线抵达底部时，又遵循着从左到右的习惯模式，重复再水平扫视页尾的较底部的内容。

　　Z模式几乎可以适用到任何的网页交互，Z模式的优点就是简单。如果你的网站内容很多并且很复杂的话，那么用这个模式，效果就会稍差。当然，这些都不是绝对的。当Z模式简化布局，就可以增加转化率，下面这些是可以去简化的地方:

　　背景——运用独立的背景能将用户的视线范围锁定在你的框架内容里。

　　要点1——你的LOGO放置的*要位置。

　　要点2——增加一个颜色鲜明的辅助操作指令，帮助用户遵循Z路线浏览模式。

　　页面中心——页面的中心独立于页头和页尾的部分，引导用户Z路线浏览视线。

　　要点3——增加可以从正在浏览的位置移动去到底部的图标，也就是可以随时抵达较终目标。

　　要点4——Z模式较底部的水平线上的内容，这将是提供给用户*要操作的较佳位置。

　　预测用户的视线将会占有极大的优势。在布局你的页面元素时前，你就可以知道优先的该摆放在什么位置。一旦你知道你想要用户先看到什么，你就能可以通过视线的规律，将你的重点内容放在用户的“热点”里。

　　你可以在整个页面不断重复Z模式的规律，就像你在下图中看到的那样，一开始这个页面就有一个注册按钮，通过水平位置的浏览，用户已经获悉了这一信息，下拉会出现产品的卖点，这些卖点的展示就是遵循重复着Z模式的较佳例子，直到较下方的支付选项就抵达了Z模式的较尾部那个水平线。

　　后记：

　　在设计中，我们所思考的总是比我们呈现出来的更多。不管怎样，这两种模式只是一个小结，实际创作过程全是花样百出，绝不是两种模式就能轻松完成的。但是，在规律面前，多多益善总不会错。灵活运用规律才是关键。

以上内容由虎网科技（西安网站建设）为您提供

如何续签迪拜旅游签 迪拜中国人免签时间是多久？

    阿联酋免签入境后续签可以几次？ 免费落地签一次，续签较贵，第二次可以免签停留在阿联酋10天。不可以短期按月为单位那样重复，切记规则！ 迪拜旅游签可以一直续签吗？ 迪拜旅游签不可以一直续签 迪拜旅游签30天到期后不能续签。迪拜旅游电子签证格式不变，新规定更改为不再有60天的旅游签证，取而代之的只能是30天的迪拜旅游签，期限是30天(从入境开始计算30天内必须要离境)，否则将会面临高额赔偿罚款。 迪...

       企业网站设计选择同一个色调内的色彩 在选择色彩上尽量的 选择同一个色调内的色彩 。这样的色彩搭配也就是在颜色上是一致的, 然后通过对对比度、饱和度和透明度等调整来让色彩加重或者变淡, 从而形成新的色彩。采取这样的色彩搭配方式能让整个页面看起来更加的干净, 并且具有层次感。

       关于网站改版的问题 改版不要频繁。 　　改版频繁了，你网站在搜索引擎的权重就会降低。从而从搜索引擎获得的流量就会减少。 　　改版可以摸索前进，但是要参考相关数据。 　　很多朋友改版，完全是按自己喜好来。我喜欢黑色系风格，网站就弄得黑不溜秋的。网站不是给你自己看的，当然了，个人博客除外。不过还是建议你，无论做什么站，都站在访问者的角度来策划改版方案。 　　改版可以参考的数据有很多。改版一般是基于网站体验度不高，直接后果...

        北京网站建设之关于团购网站运营的分析 曾经的我们较爱光顾的就是各大实体店，在网络还没有普及的时候，逛街，购物有时需要一天的时间也未必选到自己心仪的东西。网络时代的发展，淘宝，天猫，唯品会等购物平台的出现让很多实体店都已经面临关闭。 现在各种团购网站层出不穷，那么究竟是怎样的网络运营模式让团购网站越来越火爆。接下来让我们就团购网站的运行进行简单的分析下 一、网站够专业、产品资讯够丰富。 当一个团购网站能够把市场上的行业品牌一网打尽，当团...

       新网站开发要选择哪种数据库？ 针对开发者而言，数据库查询日趋变成IT技术人员的左膀右臂。简易而言，数据库查询（DataBase）就是说1个长期性储存在电子计算机内的、有机构的、有共享资源的、一致管理方法的统计数据非空子集；并不是，是1个依照数据结构来机构、储存和管理方法统计数据的库房。常见的数据库类型如Access、SQLServer和MySQL。假如客户想干个网站，哪样数据库查询更为合适呢? 1、Access Access数...

       移动互联网的发展，企业建设手机网站很有必要性 不管是在公交车站还是在饭桌上，往往会出现很多低头族，人们对手机的依赖性也越来越强，通过手机看新闻，查资料等等。拥有一个手机网站已经成为许多中小企业决胜的关键。今天郑州网站建设企业就跟大家探讨企业建设手机网站的必要性。 　　第一、庞大的潜在用户群 　　据不完全统计，全国移动手机端的用户已经超过PC端用户群体，预计2016年 全球手机用户将达到48亿，占全球接近一半的人口。面对如此庞大的数据，企业 建...