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

238|34评论|16101人气|2021-06-15 08:01:36


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


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


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


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


一、创造层次感


二、合理倒角




 创 造 层 次 感 



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


下面一一举例分析。



1、合理制作产品分模线  


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


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


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

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


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



2、不同的工艺  


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


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




3、不同颜色  


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



4、不同材质  


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


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




5、不同纹理  


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


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




6、分层  


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


如:经典的Apple 4

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



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






  倒 角  



1、圆角与弧角  


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


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


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



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




2、斜角  


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



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




总结  


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


比如小米11


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




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

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

359收藏文章 238赞起来+1

小龙设计铺

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

热门文章

设计师还没有其他文章哦

留言板(34

添加表情
登录后评论 添加图片
    最新 最热
    当代大学生 2021-07-14
    举报 3 回复

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

    对、你没加错 2021-07-13
    举报 收起回复

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

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

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

    小龙设计铺作者 2021-07-13
    举报 5 收起回复

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

    Jetty_Ye 2021-07-13
    举报 2 回复
    其实我会觉得这些“方法论”和“成功学”无区别,你汇总出来只能让人学“形式”,就会很像现在中国大部分设计师的设计过程:上各种大型设计网,搜集一波意向图,这搬搬,那抄抄,把别的产品的外观特点作为自己设计的外观特点,几乎这就是目前大多数设计流程。当然不可否认这就是一个模仿到原创的过程,但我觉得作为内容创作者,不应该搜集归纳总结一些方法论,而是单一优秀产品从概念到落地的纵向分析,让读者知其所以然。
    崽崽的糖糖 2021-07-14
    举报 1 回复
    哈哈感觉大佬在追求道法自然
    2021-07-16
    举报 回复
    我们现在设计大的趋势感觉就是这样,改变不是一般的困难。
    我也说一句
    Ginwawawawa 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
    举报 19 收起回复

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

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

    kukiD 2021-06-15
    举报 收起回复

    还有几种方法

    木谷圭 2021-06-15
    举报 回复
    您说
    2zzx 2021-06-15
    举报 回复
    说来听听
    我也说一句
    Pluto. 2021-06-15
    举报 收起回复

    龙铺出品必属言简意赅的精品!
    这戴尔支架恁是没找到,想买

    Pluto. 2021-06-15
    举报 回复
    摩托罗拉的对讲机也太帅了点吧
    小龙设计铺作者 2021-06-15
    举报 回复
    我是在if奖的作品中找的案例
    我也说一句
    小纯洁 2021-06-15
    举报 收起回复

    学习

    小龙设计铺作者 2021-06-15
    举报 回复
    一起加油
    我也说一句

    你可能还喜欢 换一换

    收藏
    创建收藏夹

    创建收藏夹

    收藏夹名称
    确定

    举报评论

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