收藏:10个工业设计版式方法论!
来源: | 作者:韵博设计 | 发布时间: 2023-04-06 | 482 次浏览 | 分享到:
作为一个设计师应该不难理解,排版便是把一堆规划元素,经过大小、粗细、错落改变等各种改变手法或比照手法,将它安排到一个有较高美学价值的空间。版面的基本组成部分涵盖:字体、色彩、图片、光影、交互等内容。今天这篇文章,浅谈一下几种比较主流且好用的工业设计排版逻辑。

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


好排版的共有特点
01/ 简单阅览
02/ 信息清晰,主次清楚
03/ 有规划感
04/ 产品风格与版面相符


01/ 一主多分法
“一主多分”的区分方式,将主产品放置在整张图的左边区域,其余次重点依次围绕环形向右分布,符合视觉的重点阅读习惯。



02/ Z形分布法



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



04/ 隔断式分层+产品细节
 一张主体图(效果图/场景图),下方或者其余部分来放产品细节 。这样的方式延续了隔断式的稳定性,不管页面是左右还是上下,都有很强的秩序感,同时也让板式看起来更加灵活。



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



05/ 曲线分层法
再进一步就是对每个隔断的形状做微调,比如下图的直线中间加入曲线转折,或者其他形式...这样可以带来一定的灵动性,避免呆板。



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



07/ 明暗对比分割法
这样做的好处是省去了最难的画面大分割,也就是复杂的排版方式,直接用逻辑定好哪个区域放什么,就可以“对号入座,完形填空”。



08/ 无界分布
无界分布适用于海报式的平铺展示,具有干净大方的展示效果。通常有一整块完整的底色,在其上面分布着效果图,爆炸图,细节说明,故事版等等。虽然没有页面分割线,但是产品各部分之间同样可以增加视觉引导线,来加强关联性。



09/ 无界分布+场景图


10/ 不规则排布

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