为何要使用F式布局?如何运用?

更新时间:2018-10-17 14:21:41 点击次数:17

      

       为何要使用F式布局?

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

       如何运用F式布局?

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

       1、确定内容的优先级

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

       2、设置初始预期

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

       3、为速读而设计 

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

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

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

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

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

 

Copyright © 2014-2018 All Rights Reserved 备案号:豫ICP备14017793号-1 电话:0371-56691758