文章长图设计排版技巧分享 文章长图设计怎么排版好看
2020-07-17 18:45:03 3334
自己做出来的长图乱七八糟,看下来毫无重点?那是因为你没有掌握排版的技巧和方法!接下来,MAKA小编为你介绍文章长图设计排版技巧!
01/利用重复的元素进行布局
重复是为了让视觉形成统一,提醒用户或阅读者依然是停留在同个内容之中,重复可以是重复字体,颜色,大小,空间,形式,框架等,它并非是严格复制同样的元素,而是按照一定的规律,在页面中产生连续的变化。也就是说在利用重复元素的时候,应该在规律中有变化,在变化中有规律。
重复数字、文字、英文、排版形式、架构等
02/利用F型排版进行空间布局
F型布局是一种十分传统但又非常科学的版式布局方式,它是基于大量的眼动追踪实验后总结出来的一种经典布局方式。符合大部分人的浏览习惯。我们看一个页面,通常情况下是先看左上角(例如logo、导航、标题等),然后优先从左往右看水平方向的内容,再着从上往下浏览整个页面,由此便形成一个F状的视觉路径。
从F形布局及眼动追踪实验我们可以得出以下几点启发:
1.最重要的信息(例如logo、企业名称、标题、导航等)尽量放在顶部(甚至精确到左上角),尽量不要放在右边
2.右边通常可以放一些比较次要的东西,例如意见反馈、咨询、广告、推荐等
3.设计的时候左边信息要更下功夫,这是注意力比较集中的地方,右边通常会以留白处理
4.多文字多内容的版面(例如新闻、社区、活动介绍页等)可以优先考虑F型布局
03/利用S型或Z型排版进行空间布局
除了F型布局外,S型(也叫“之”型、“Z型”)也是页面布局中非常经典的一种,同样,他也是符合人类的浏览流程,都是通过眼动追踪实验证明的。
当我们通览一个页面时,我们的眼球会左右移动进行阅读,视觉停留的点也会页面从上往下随着变化,由此形成一个左右移动的“s”型路径。这种布局在长页面中应用得非常广泛,特别是介绍某个产品某张图片的时候,利用S型布局,会形成一个视觉引导,很流畅地阅读完整个页面。
眼动跟踪研究图
04/利用卡片式布局
卡片式布局是栅格系统下引申出来的一种布局方式,也叫容器风格设计,是把文字图片等信息元素集中划分在一个卡片之中,通过卡片的累积形成一个完整而又简洁规范的页面,通常用在电商(例如淘宝、京东)、平台网站(例如站酷、behance、Pinterest、优酷)等信息量大而复杂的页面之中。当然,设计中如果我们在遇到图文非常复杂的情况下,我们也可以考虑用这种布局来让我们的设计更加简洁。
卡片式布局的页面
以上就是小编为整理电脑几种的文章长图设计排版方法,你学会了吗?如果你还需要其他排版方式,不如到MAKA看看!MAKA(https://maka.im/)拥有许多精美文章长图设计模板,不仅可以浏览学习还可以在线制作哦!快来MAKA试试吧!