设计语言——如何让产品视觉减薄

337|37评论|23774人气|586收藏|2021-06-15 08:01:36


这个话题去年有写过一次,这次重新写主要是对产品视觉减薄的方法有了新的认识,因此再重新整理一遍。


目前市面上很多产品都会追求薄,尤其是在手机、手表、电脑等电子类产品,但由于产品结构、硬件、强度等问题的限制,产品的厚度不得不保持一定的厚度,因此这就需要我们在设计上能达到一些视觉减薄的效果,让产品看起来更轻量化。


当然也有一些特例,比如苹果,他们的硬件和结构完全足够支撑它可以真正做的很薄,因此就不需要为了追求视觉减薄而刻意做一些设计,可以完全为追求风格而设计。


产品视觉减薄主要从下面两个方面总结:


一、创造层次感


二、合理倒角




 创 造 层 次 感 



产品创造层次感主要有6种方法:合理使用分模线、使用不同的工艺、不同的颜色、不同的材质、不同的纹理、分层。


下面一一举例分析。



1、合理制作产品分模线  


每一款产品都会有分模线,合理的选择分模线位置与造型,可以让我们的产品更加出彩。


(1)合理使用分模线,为产品创造层次感,达到视觉减薄的目的。


(2)通过分模线分散视觉注意力,达到减薄的目的,同时也可以起到装饰性作用。

(3)番外话,隐藏分模线:还有一种是设计师为了保证产品视觉的完整性与美观性故意将分模线做的很隐藏,当然这种已经不是为了减薄而设计了。


比如苹果的耳机,将产品做成内嵌式的结构,从而使产品外部根本看不到分模线,保留了产品的完整性。



2、不同的工艺  


产品通过使用不同的工艺处理,是产品更具层次感,从而达到视觉减薄的效果。


如:图中手表侧面通过光面——砂面——光面的交替,来营造产品的层次感,从而达到显薄的效果。




3、不同颜色  


通过产品拆件,不同的部件使用不同的颜色(邻近色、对比色、互补色等),让产品整理更具层次感,分散用户的视觉中心,从而达到视觉减薄的效果。



4、不同材质  


通过拆件,不同部件使用不同的材质,如:塑料+布料、塑料+金属、金属+木材等等,增加产品的层次感,从而达到视觉减薄的效果。


此外不同材质的结合也会让产品显得更加灵动。




5、不同纹理  


通过拆件,在不同的部件使用肌理、纹理或者镂空的设计,让产品更具层次感,从而达到视觉减薄的效果。


此外,合理的运用纹理也会让产品的散热效果更好,做到“形式追随功能”的设计理念。




6、分层  


通过拆件分层,增加产品层次感,从而达到视觉减薄的效果。


如:经典的Apple 4

通过分层,将部分厚度隐藏视觉盲区,如底部,从而达到视觉减薄的效果



运用多次阶梯式分层,达到视觉减薄的效果






  倒 角  



1、圆角与弧角  


身边几乎每个产品或多或少都有倒角,一方面是为了产品的使用安全性,一方面则是为了美观,即达到产品视觉减薄的效果。


苹果的MacBook就是非常典型的例子,通过一些特殊的圆角处理,来削减侧面的尺寸,从而达到是侧面减薄的效果


手表通过大圆角让产品视觉减薄,同时也增加了佩戴的舒适性。



手机上对侧面倒角的运用也是非常常见,通过倒角来达到视觉减薄的效果。




2、斜角  


机械风的产品,则可以使用大斜角的方式来达到视觉减薄的效果,同时也让产品的机械风更强。



上面的产品基本都是使用的一些特殊倒角,才达到了最理想的效果,因此,如果我们也想追求产品的极致,也需要对每一个倒角进行考究。




总结  


为了达到产品视觉减薄的效果,有时我们需要交叉使用几种方式,才能达到想要的效果。包括上面举例的一些产品,都是几种方式结合使用的。


比如小米11


侧面使用了:特殊倒角+不同材质+不同处理工艺(光面+哑面+光面),从而达到了视觉减薄的效果。




 作者:小龙;工业设计师;微信公众号:小龙设计铺

本文由 @小龙 原创发布于普象。未经许可,禁止转载。

赞赏

2人赞赏

586收藏文章 337赞起来+1

小龙设计铺

数码智能 · 深圳市 南山区 科技园

热门文章

留言板(37

添加表情
登录后评论 添加图片
    最新 最热
    151****4794 2024-04-08
    举报 回复

    受益匪浅

    Mocci 2024-01-24
    举报 回复 3

    楼主总结的挺全。
    从需求出发,薄和“薄”目的也不一样,电子设备,居家设备我们更推崇“无”,感觉不到存在,做减法设计;工具类反而要强调他的力量感,斜角没觉得变薄,所谓的“薄”其实是为了减少他的钝感,增加了细节与层次,让产品的力量感增强,做加法设计,所以还是从需求出发,具体选用哪种表达技法因人而异,个人愚见,一起讨论~。

    运动-读书 2023-10-09
    举报 回复 1

    创造层次感的核心在于:分散用户视觉中心后,将用户注意力集中到视觉重心(比如面积更大一些,质感更好一些的区域);倒角则是有利于视觉的遮盖

    135****6266 2021-08-09
    举报 回复 3

    感觉所有这几点都可以归纳为丰富层次感

    当代大学生 2021-07-14
    举报 回复 4

    【iMac(2013)】的倒角太厉害了,苹果不愧是最强的设计公司

    Mix 2021-07-13
    举报 收起回复

    分型线与分模线 应该不是同一条线吧

    崽崽的糖糖 2021-07-14
    举报 回复 1
    不一定,分模不一定分型
    我也说一句
    Jetty_Ye 2021-07-13
    举报 收起回复 25

    我给大家提供一个学习的方法:在各个设计网站,看到优秀产品,不要只把图片保存下来就完事了,要学会多点进链接去看看产品的品牌、销量、评价、视频、加工过程、内部爆炸图 etc。综合维度去了解一款产品,肯定会比只看造型的用处多得多得多。

    画饼也当不上课代表 2023-12-04
    举报 回复 2
    你说这话就跟之前总监吊我一样 我一个礼拜做出来的东西你问我为什么要做这个设计 为什么你认为客户会认可你的设计 给我吓哭了心里骂你是不是有病 每个人设计造诣不同 假如乔布斯在第八层 那我最多在第二场 你来跟我讲设计理念 产品全流程我只会骂你有病并且想努力的地方首先是手绘能表达 建模能熟练 渲染能好看
    我也说一句
    小龙设计铺 作者 2021-07-13
    举报 收起回复 7

    发现大家对于这个设计技巧都有很大的误会,我写这篇文章主要是,工作中有有遇到过这种需要刻意将产品做薄的处理效果,才总结了这些技巧,但并不代表我们在做所有产品时都需要刻意的去用这个设计技巧,最终的呈现还是要结合场景、用户来做设计,减薄只是看需求,起到一个锦上添花的效果,可有可无。

    Jetty_Ye 2021-07-13
    举报 回复 3
    其实我会觉得这些“方法论”和“成功学”无区别,你汇总出来只能让人学“形式”,就会很像现在中国大部分设计师的设计过程:上各种大型设计网,搜集一波意向图,这搬搬,那抄抄,把别的产品的外观特点作为自己设计的外观特点,几乎这就是目前大多数设计流程。当然不可否认这就是一个模仿到原创的过程,但我觉得作为内容创作者,不应该搜集归纳总结一些方法论,而是单一优秀产品从概念到落地的纵向分析,让读者知其所以然。
    崽崽的糖糖 2021-07-14
    举报 回复 2
    哈哈感觉大佬在追求道法自然
    2021-07-16
    举报 回复 1
    我们现在设计大的趋势感觉就是这样,改变不是一般的困难。
    读书看报早睡觉 2023-03-24
    举报 回复 2
    回复 Jetty_Ye: 但是你做工业设计这么多年,没有学过什么技法和表现方式吗?你的中心思想我明白,是不想让设计师本末倒置,但就像绘画也是需要一些技法作为基础的,不是上来就谈表达思想、风格流派这些东西的,哪个画家画画的开始不是临摹呢?一个产品想法再好,在产品设计和表达上表现不出来,那也不是一名合格的设计师吧,所以重点是别本末倒置就好,而不是一味封杀
    我也说一句
    wawa 2021-07-12
    举报 回复

    受教了,一直分模线/R角都是凭感觉去做或者磨具就这样,没特别注意。看了后,现在再这方面会更加注意,用设计传达用意。

    牛马 2021-07-12
    举报 收起回复

    看到你的文章,我想哭,想起了在公司里,日日夜夜为了显薄,搅破脑汁,调曲率,做面,但是就像jetty说的太对了,大家都懂设计师初衷并不是为了显薄才这样设计,但是在一个氛围下,所有人都一味的追求显薄,最后面所有的方案,创新越来越难,所有评判就都回到了,谁的方案能在现有的堆叠里,显的最薄就是最棒的。但是我们又改变不了这个现状,悲哀

    小龙设计铺 作者 2021-07-13
    举报 回复
    其实这只是设计过程中一个很小的技巧,在特定产品特定情况下可以使用,如果对于在产品创新和易用角度来说,这个设计技巧只是可以为我们设计的产品起到锦上添花的作用,并不一定非得因为减薄而去做刻意的设计
    我也说一句
    136****9851 2021-06-30
    举报 回复

    图找得不够代表性

    瘦龙 2021-06-24
    举报 回复

    首先满足于使用,然后基于内部结构堆叠与优化堆叠之后作为前提, 再合理运用楼主提到的一些方法去把内部能减掉的空间减掉。 不然的话有些圆角或者大弧度只会增加体积,纯属个人观点哈

    guoxykim 2021-06-17
    举报 收起回复 2

    很棒,设计新手的我受教了。尤其是最后分享的斜角,我最近就在设计工业风格的产品,之前一直用圆角,一直在反复看分享中的摩托的那个对讲机,感觉设计的很棒,逐渐体会到斜角很适合用在工业风产品上。看到你分享的文章更是有种豁然开朗的感觉。谢谢

    小龙设计铺 作者 2021-06-17
    举报 回复 2
    对于工业风的产品在设计时确实是会有一点点套路可以去参考,学习
    我也说一句
    🆔傻仔👺🤏 2021-06-16
    举报 回复

    已粉

    Jetty_Ye 2021-06-16
    举报 收起回复 21

    给这个方法论提个醒,以上是由于产品工程结构而不得已做的视觉纤薄化,而不是为了视觉纤薄而做这些手段设计。设计师不能本末倒置,为了造型而造型,需要从产品自身生产、使用和需求出发。上述很多例子,设计师初衷并不是为了显薄才这样设计,考虑的因素要比造型多得多,克制才是商业化设计的方向。

    小龙设计铺 作者 2021-06-16
    举报 回复 1
    感谢提醒,确实对于产品设计来说很多产品的造型都是基于用户体验来做的,不是为了造型而作造型,包括我上面举得很多例子,但是并没有考虑很多,只是感觉它的某些处理方式刚好可以论证上面的理论,这些造型很大可能并不是为了减薄处理,因此读者朋友们在做设计的时候也千万不要单纯为了造型而做造型,更多的要基于场景、体验、交互等方面做出最合理的设计。
    Porschedesign 2021-06-18
    举报 回复
    设计师造型肯定是基于产品内部结构,甚至说有些内部结构也是跟随着造型来的,只不过这里总结的都是一些方法可以供设计师选择,在满足内部结构的同时,增加一些设计手法进去。这些总结很受用的,不过其中有一点,我想就,关于阶梯式分层可以减薄的说法 请教一下,阶梯式分层也应该有个平衡,因为过多的分层会带来复杂,从而使得在视觉上加重,这样一来,会不会影响减薄的效果
    小龙设计铺 作者 2021-06-19
    举报 回复
    回复 Porschedesign: 上面那个分层的手表确实有点夸张,分的太多层了,反而会达到相反的效果,个人认为,分层还是不要太多,最多也就分个2-3层就可以了,同时也也尽量让每一层的造型有一点变化,要不然会显得很呆板,就会像上面说的为了造型而造型,总之在分层的基础上尽量也做一些变化吧。
    几何造物 2021-07-05
    举报 回复
    本文算是一种方法论。而非讨论用户需求,当然,产品要设计成什么样,这是另一个话题啦。
    我也说一句

    你可能还喜欢 换一换

    收藏
    创建收藏夹

    创建收藏夹

    收藏夹名称
    确定

    举报评论

    恶意辱骂,诋毁
    垃圾广告信息
    黄赌毒,诈骗信息
    政治敏感问题
    其他原因
    提交
    留言 点赞 收藏 分享

    小龙设计铺

    已有 2 人赞赏

    赞赏金额

    ¥ 1
    ¥ 5
    ¥ 10
    ¥ 50
    ¥ 100
    其他

    赞赏金额

    微信
    支付宝
    确认支付

    最高赞赏200元

    支付宝支付

    使用支付宝扫描二维码完成支付

    微信支付

    使用微信扫描二维码完成支付

    余额支付

    当前余额:¥0.00

    支付操作会向你普象账户的注册手机号发送验证码
    请注意查收

    发送验证码
    确认支付
    支付成功
    关闭