专业逆天排版总攻略

发表于 讨论求助 2021-09-29 14:26:58

平台IDWEB_wysj (点击关注)   ◎    ◎   ◎  ◎ ◎◎◎◎一┳═┻︻▄



(微信回复HTML5,获取全套源码)

1.骨骼型--规范、理性的分割法


常见的骨格有:竖向通栏、双栏、三栏和四栏等等。一般以竖向分栏居多。图片和文字的编排上,按照骨骼比例进行编排配置。给人以严谨,和谐,理性的美,骨格经过相互混合后的版式,既理性有条理,有活泼而具有弹性。


▲推荐:交互设计,工业设计的小伙伴们可以多参考这种。


2.满版型--版面以图像充满整版


主要以图像为诉示,视觉传达直观而强烈。文字配置压制在上下,左右或中部(边部和中心)的图像上。满版型,给人大方舒适的感觉。这也是商品广告常用的形式。

或是这样,视觉特效拔群

▲推荐:学视传,平面的小伙伴们,拿走,不谢


3.上下分割型


整个版面分成上下两部分,在上班部或下半部配置图片(可以是单幅或多幅)。另一部分则配文字。图片部分感性而有活力,而文字则是理性精致的分析。

▲推荐:服装、建筑、环艺等,借鉴起来


4.左右分割型

整个版面分割为左右两部分,分别配置文字和图片。左右两部分形成强弱对比时,造成视觉心理的不平衡。这仅仅是视觉习惯(左右对称)上的问题,不如让上下分割型的视觉流程自然。

如果将分割线虚化处理,或用文字左右重复穿插,左右图与文会变得自然和谐。

▲推荐:纯艺、建筑看这里


5.中轴型


将图形作水平方向或垂直方向的排列,文字配置在上下或左右。水平排列的版面,给人稳定、安静、平和与含蓄之感。垂直排列的版面,给人强烈的动感。


▲推荐:平面、工业、交互好帮手


6.曲线型


图片和文字,按照曲线的形态排列,这种排版方式具有极强的韵律感和节奏感。

▲推荐:环艺、插画、戏服来一发


7.倾斜性


版面主体形象或多幅图像作倾斜编排,造成版面强烈的动感和不稳定因素,非常引人注目。

▲推荐:建筑、鞋靴、珠宝,兼具神秘感,与众不同


8.对称型


对称的版型给人理性、稳定的感受。对称分为绝对对称和相对对称。一般多采用相对对称的手法,以避免过于严谨带来的死板感觉。对称多以左右对称居多。

▲推荐:服装、珠宝排版经典款


9.重心型


版面产生视觉焦点,使其更加突出。

a.直接以独立而轮廓分明的形象占据版面中心。

b.向心:视觉元素向版面中心聚拢的运动。


c.离心:犹如石子投入水中,产生一圈一圈向外扩散的弧线的运动。

▲推荐:视传、平面、交互、室内,聚焦小能手


10.并置型


将相同或不同的图片作大小相同而位置不同的重复排列。并置构成的版面有比较,解说的意味。


给予原本复杂喧闹的版面以秩序,安静,调配与节奏感。

▲推荐:建筑、环艺


11.自由型


无规律的,随意的排版构成,风格偏向活泼,轻快感。

▲推荐:纯艺、服装、珠宝;纯艺、服装、珠宝;纯艺、服装、珠宝;重要事情说三遍


12.四角型


版面四角以连接四角对角线的方式进行排布,给人以严谨,规范的感觉。

▲推荐:平面、环艺,就决定是你了!


以上12条排版方法,康石石推荐了哪些专业可以优先选择哪些排版方式以期更好的效果,但大家不要局限于套路,各种排版方式都要多多尝试。在同学们熟能生巧后,可以尝试脱离条条框框,跟着感觉走,拥有自己的排版风格。


干货!免费领取腾讯高级讲师网页设计教程


点我领取


点击下方阅读原文”结交更多有才华的设计师
↓↓↓
发表
26906人 签到看排名