【转载】收藏:10个工业设计版式方法论!
发布于: 2023-03-03 类别: 转载自: 微信公众号 1530


作为一个设计师应该不难理解,排版便是把一堆规划元素,经过大小、粗细、错落改变等各种改变手法或比照手法,将它安排到一个有较高美学价值的空间。版面的基本组成部分涵盖:字体、色彩、图片、光影、交互等内容。今天这篇文章,浅谈一下几种比较主流且好用的工业设计排版逻辑。

好排版的共有特点

01/ 简单阅览

02/ 信息清晰,主次清楚

03/ 有规划感

04/ 产品风格与版面相符



01/ 一主多分法

“一主多分”的区分方式,将主产品放置在整张图的左边区域,其余次重点依次围绕环形向右分布,

符合视觉的重点阅读习惯。



02/ Z形分布法



03/ 隔断式分层

非常简单的分层方法,直接在横向或纵向空间上用直线打断:但其稍显板滞。



04/ 隔断式分层+产品细节

 一张主体图(效果图/场景图),下方或者其余部分来放产品细节 。这样的方式延续了隔断式的稳

定性,不管页面是左右还是上下,都有很强的秩序感,同时也让板式看起来更加灵活。

也可以用主体物的形体打破分界线,对两个区域进行反分割。同时下方展示细节,效果同样泾渭分明 。



05/ 曲线分层法

再进一步就是对每个隔断的形状做微调,比如下图的直线中间加入曲线转折,或者其他形式...这样

可以带来一定的灵动性,避免呆板。



06/“渐消线”分层法

明显的分界线最后成了“渐消线”,效果层次没得说。 这类构图的特色便是安静平稳,舒坦的感受。



07/ 明暗对比分割法

这样做的好处是省去了最难的画面大分割,也就是复杂的排版方式,直接用逻辑定好哪个区域放什

么,就可以“对号入座,完形填空”。



08/ 无界分布

无界分布适用于海报式的平铺展示,具有干净大方的展示效果。通常有一整块完整的底色,在其上

面分布着效果图,爆炸图,细节说明,故事版等等。虽然没有页面分割线,但是产品各部分之间同

样可以增加视觉引导线,来加强关联性。



09/ 无界分布+场景图



10/ 不规则排布

这样的复杂板式经常用在交通工具设计上,一来因为不规则布局自带运动感,二来难道最大,适合

交通工具。

文章参考公众号:MoltoDesign

文章链接:https://mp.weixin.qq.com/s/tzCInw-g_Ppp5ArRp05z4Q

分享: