视觉设计与制作 课件 项目4.3 丰富长图文排版.pptx

长图文排版式

01/卡片版式设计02/F型版式设计03/重复元素版式设计04/S型版式设计常见长图文排版式

01/卡片版式设计01/卡片版式设计卡片版式设计也叫容器风格设计，是把文字图片等信息元素集中划分在一个卡片之中，通过卡片的累积形成一个完整而又简洁规范的页面，通常用在电商各大平台的详情页中。

02/F型版式设计01/卡片版式设计F型版式设计是一种十分传统但又非常科学的版式布局方式，它是基于大量的眼动追踪实验后总结出来的一种经典布局方式。

02/F型版式设计从F型版式设计及眼动追踪实验我们可以得出以下几点启发：通常情况下是先看左上角（例如logo、导航、标题等），然后优先从左往右看水平方向的内容，再着从上往下浏览整个页面，由此便形成一个F状的视觉路径。

03/重复元素版式设计03/重复元素版式设计重复元素版式设计是为了让视觉形成统一，按照一定的规律，在页面中产生连续的变化。也就是说在利用重复元素的时候，应该在规律中有变化，在变化中有规律。重复元素可以是重复字体，颜色，大小，空间，形式，框架等.

03/重复元素版式设计03/重复元素版式设计重复形状、符号、特性等重复颜色、色块应用等

04/S型版式设计04/S型版式设计S型版式设计在长页面中应用得非常广泛，产品图片设计利用S型布局，会形成一个视觉引导，很流畅地阅读完整个页面。S型眼动跟踪研究图

其他版式设计1.左右构图左、右组合表示右文字为左图形，或相反。在这样的布局下，文字通常会以居中或居左或居右的方式放置在布局中。在平面布局长图设计中是—种常见的构图方式。2.对称构图对称性构成为上下或左右对称。就是一分为二的排版布局。两个部件的重量是一致的，所以这样的图片设计排版手法给人—种平衡，稳定，呼应的感觉。3.三角构图构图是指将画面中的主体以三角形的姿态放入版面中。三角构图本身就有稳定性，因此构成的平面布局更稳定，大气。4.斜线构图斜线型构图也叫斜构图，是指把文本或主体以斜的方式放入布局中。斜角产生势能，使人有导引作用。优化视觉层次，清晰传达信息。5.曲线构图曲面构图是指长图设计布局中重要元素在曲线上排列，其它元素填充剩余空间，曲线具有弹性属性。在这些形状中，S从前向中向后延伸，画面形成了向后空间关系的视觉感觉，因此，曲线构图的布局往往显得富于生气，生动，空间感。

感谢您的观看Thankyouforwatching