诚聘精英 | 联系朝阳 | 电子画册欢迎来到朝阳企讯通
朝阳科技
快速导航
博客营销 邮件营销
论坛营销 建站流程
操作技巧 广告营销
行业营销 品牌营销
营销策划 营销管理
常见问题 建站方案
朝阳网络营销学堂更多
朝阳网络建站区域
朝阳网络建站流程
首页 > 资讯中心 > 南城网站建设

F式布局是什么?如何合理的利用它?

来源:朝阳科技     浏览次数:1417 次     发布日期:2017/11/16 9:58:25
东莞网站建设进行网页排版方式千变万化,但是布局方式通常都遵循着几种常见的规则,在诸多布局方式当中,F式布局是可用性较强,且适用范围较广的一种。
F式布局的设计基础是用户扫视内容的时候,实现的运动轨迹和字母F相似,而布局匹配这种这种阅读方式可以让用户更快(Fast)地获取信息,因此得名为F式布局。
F式布局从何而来?
F式布局源于NNGroup的一项眼动研究项目,他们跟踪了超过200名用户浏览各种网页时的眼动轨迹,发现用户的眼球快速浏览网页时,尤其是在快速浏览文字内容的时候,眼球的运动轨迹类似字母F,并且整个运动过程遵循下面三个部分:
·用户先会沿着水平方向浏览,优先浏览内容块的上部,这个时候的眼动构成了字母F 最上面一横。
·接下来视线会沿着屏幕左侧向下垂直扫视,寻找段落中能引起兴趣点的内容,当他们发现引起他们兴趣的内容之时,继续横向仔细浏览,而通常这些内容对应的视线范围会比第一次横向浏览的范畴要更小一些,而这个视线轨迹则构成了字母F 中间的一横。
为何要使用F式布局?
F式布局能让你创造出更加富有层次感的设计,这样的设计更容易为用户浏览和获取信息,对于世界范围内绝大多数的国家和地区而言,F式布局是非常符合阅读习惯的,这种规则使得它可以广泛运用在UI和网页设计上。
什么时候使用F式布局?
诸如新闻和博客这种重文本内容的网站是适合F式布局的,它主要适用于文本的阅读。
如何运用F式布局?
F式布局让设计师能够更好控制内容的可见性。
1、确定内容的优先级
如果你对于页面中内容的轻重缓急有着足够的了解,那么就可以结合用户的浏览习惯,将重要的内容排布在用户视线时常停留的位置,让这些呈现重要内容的“热点区域”承载核心的交互。
2、设置初始预期
文本的前几段内容是非常之重要的,尽量让最核心、最重点的内容放置在页面的顶端,这也是为什么标题、引言和导航栏是如此的重要的原因。
3、为速读而设计
用户通常不会一个字一个词地阅读文章,而是通过意群来获取内容,所以,你需要将可能包含用户感兴趣内容的意群按照F式布局来排布,这样可以尽可能高效地呈现内容:
·段落以新鲜有趣、关键核心的词汇开头。
·用户会优先查看优先级最高的元素(也就是视觉重量最重的区域)因此,在文本为主的网站中,你应该突出文本本身的重要性(比如关键词)并且借助配色等元素,强化按钮等涉及关键交互的元素的存在感。
·每个段落陈述一件事情,并尽量有针对性地陈述。
·将最重要的元素(诸如CTA按钮等)置于最左侧或者最右侧,也就是用户阅读的起始部分,这个时候,用户通常会有阅读的停顿,而这个时刻可以让他们有额外的时间来考虑并且选择下一步的交互。
4、善用侧边栏
侧边栏通常可以帮助用户深入到下一个层级,用户的交互也更加的深入:
·提供用户想要看到的内容,而不是广告、相关文章和小控件这样的东西。

·将它设计成为用户找到特定内容的工具,最常见的设计是目录列表,标签云和“最多点击”文章列表。东莞网站建设-了解更多此方面的朋友请登陆:http://www.114my.net!这里有更多的惊喜等着您!


——END——
关注朝阳企讯通,让网络为您创造价值!
朝阳企讯通

  
企讯通官方微信 扫一扫立即关注
 Copyright 2003-2016 114my.net, All Rights Reserved
联系我们|付款说明|法律声明|工商资料|企讯网|114城市信息导航|深圳网站建设|百度竞价操盘|百度信誉|百度信誉认证官网|百度云|云发布系统|阿里巴巴诚信通
朝阳科技是专业网站建设公司,整合网络营销实战策划、提供东莞网站建设、东莞网站推广、东莞网页设计、东莞网络营销培训等服务 网站地图
服务热线:0769-22020318/22020328  传真:0769-22020338  版权所有:广东朝阳企讯通科技有限公司  粤ICP备15113932号  

朝阳企讯通手机APP
关闭
网站咨询
点击这里给我发消息
点击这里给我发消息
点击这里给我发消息
微信咨询
扫一扫添加