文章长图设计排版分享 F型布局了解一下

2020-07-03 11:14:01 1667

长图设计在屏幕阅读时代应用得非常广泛,作为普通设计者,我们应该了解一下文章长图设计排版。让阅读者保持兴趣不停读下去,停留更长的时间。今天MAKA小编为你介绍一下好用又美观的F型布局,一起来了解一下吧。

F型布局是一种十分传统但又非常科学的版式布局方式,它是基于大量的眼动追踪实验后总结出来的一种经典布局方式。符合大部分人的浏览习惯。我们看一个页面,通常情况下是先看左上角(例如logo、导航、标题等),然后优先从左往右看水平方向的内容,再着从上往下浏览整个页面,由此便形成一个F状的视觉路径。

文章长图设计排版分享 F型布局了解一下

从F形布局及眼动追踪实验我们可以得出以下几点启发:

1.最重要的信息(例如logo、企业名称、标题、导航等)尽量放在顶部(甚至精确到左上角),尽量不要放在右边

2.右边通常可以放一些比较次要的东西,例如意见反馈、咨询、广告、推荐等

3.设计的时候左边信息要更下功夫,这是注意力比较集中的地方,右边通常会以留白处理

4.多文字多内容的版面(例如新闻、社区、活动介绍页等)可以优先考虑F型布局

F型布局的介绍就这么多,想要更多的文章长图模版,欢迎进入MAKA在线制作平台(https://maka.im),参考更多设计师优秀模版作品,开始你的制作。

标签: 文章长图设计排版 文章长图设计 文章长图 除非特别注明,所有报道中出现的商标及图像版权属于其合法持有人所有,本站仅供传递信息之用,非商务用途。如有侵犯到您的权益请及时告知,本站将及时删除。详情请参考本站免责声明,转载本文请保留本站的完整链接。

文章排行本月排行

邀请函海报怎么做 快速get入门必备知识 邀请函海报怎么做 快速get入门必备知识 邀请函海报怎么做 快速get入门必备知识
短视频设计方法分享 这样做的视频更吸引人 短视频设计方法分享 这样做的视频更吸引人 短视频设计方法分享 这样做的视频更吸引人
招聘H5怎么做更有趣 企业招聘H5优秀案例分享 招聘H5怎么做更有趣 企业招聘H5优秀案例分享 招聘H5怎么做更有趣 企业招聘H5优秀案例分享
创意社交名片设计分享 你知道半色调名片吗 创意社交名片设计分享 你知道半色调名片吗
招聘H5怎么做更能戳中求职者 设计师必须掌握的H5制作方法 招聘H5怎么做更能戳中求职者 设计师必须掌握的H5制作方法
展架设计尺寸知识科普 海报设计尺寸都有哪些 展架设计尺寸知识科普 海报设计尺寸都有哪些
营销活动海报设计教程指南 让你的转化率飞涨 营销活动海报设计教程指南 让你的转化率飞涨
广告海报设计作品分享 温暖的广告才能打动人心 广告海报设计作品分享 温暖的广告才能打动人心
社交名片设计干货分享 名片的印刷色彩有哪些 社交名片设计干货分享 名片的印刷色彩有哪些
海报设计排版妙招分享 海报这样排人见人爱 海报设计排版妙招分享 海报这样排人见人爱
更多设计百科文章>>