分享

收藏:10个工业设计版式方法论!

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

好排版的共有特点

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

以丝瓜络为原材料——可持续设计

2022-05-02

图片

2022德国金鼻子抄袭大奖——不要被一小部分的抄袭泯灭了原创的努力!

2022-04-29

图片

图片

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多