河南亿翁

售前免费咨询热线: 1 8 0 0 3 8 6 9 3 1 5

建站百科Website News

当前位置:首页 »F式布局让设计师能够更好控制内容的可见性

F式布局让设计师能够更好控制内容的可见性

日期:2018-08-27 00:00:00 访问量: 来源:

F式布局的设计基础是用户扫视内容的时候,实现的运动轨迹和字母F相似,而布局匹配这种这种阅读方式可以让用户更快(Fast)地获取信息,因此得名为F式布局。

为何要使用F式布局?

F式布局能让你创造出更加富有层次感的设计,这样的设计更容易为用户浏览和获取信息。对于世界范围内绝大多数的国家和地区而言,F式布局是非常符合阅读习惯的。这种规则使得它可以广泛运用在UI和网页设计上。

如何运用F式布局?

F式布局让设计师能够更好控制内容的可见性。

1、确定内容的优先级

如果你对于页面中内容的轻重缓急有着足够的了解,那么就可以结合用户的浏览习惯,将重要的内容排布在用户视线时常停留的位置。让这些呈现重要内容的“热点区域”承载核心的交互。

2、设置初始预期

文本的前几段内容是非常之重要的。尽量让最核心、最重点的内容放置在页面的顶端,这也是为什么标题、引言和导航栏是如此的重要的原因。

3、为速读而设计

用户通常不会一个字一个词地阅读文章,而是通过意群来获取内容,所以,你需要将可能包含用户感兴趣内容的意群按照F式布局来排布,这样可以尽可能高效地呈现内容:

a·段落以新鲜有趣、关键核心的词汇开头。

b·用户会优先查看优先级最高的元素(也就是视觉重量最重的区域)。因此,在文本为主的网站中,你应该突出文本本身的重要性(比如关键词),并且借助配色等元素,强化按钮等涉及关键交互的元素的存在感。

c·每个段落陈述一件事情,并尽量有针对性地陈述。

d·将最重要的元素(诸如CTA按钮等)置于最左侧或者最右侧,也就是用户阅读的起始部分。这个时候,用户通常会有阅读的停顿,而这个时刻可以让他们有额外的时间来考虑并且选择下一步的交互

 

专注互联网综合服务解决方案

探索互联网行业前沿资讯

及时获取较新优惠信息

官方微信

即刻关注 共享精彩

扫一扫

让我们做得更好!

微信ID:lovemaoyuan

www.henanyiweng.com

相关阅读Reading

扫描左侧二维码
关注亿翁微信公众号

河南亿翁信息科技有限公司  Copyright 2012-2018  henanyiweng.com  All rights reserved.

Email:2366541504@qq.com    邮政编码:46000    《增值电信业务经营许可证》豫B1.B2-20140011    豫ICP备19008874号-1

联系地址:河南亿翁科技    客服热线:18003869315

河南网站定制开发,网站运营,网站推广,微信代运营,广告设计(log),品牌设计,方案规划,河南亿翁,已为众多企业提供网站建设网站制作响应式网站设计手机网站建设虚拟主机云主机服务器租用等建站解决方案。

网络警察 12321垃圾信息举报 不良信息举报 中国文明网 河南工商