分享

35种 “渐变” 产品设计方法,一篇文章教会你!

 qing8o8 2024-05-17 发布于上海

图片

渐变,是指有规律的、逐渐的变化,能产生很强烈的节奏和变化动势。
在产品设计中能增加产品的视觉吸引力、丰富层次和空间感、提升功能性。

今天小编就从色彩渐变、材质渐变、形态渐变 3 个维度,介绍 35 种产品设计中渐变的方法和应用。

图片

颜色渐变是产品设计中最常见的一种方式。
01 颜色渐变的方式
从色彩差异,可分为明度渐变、色相渐变、透明渐变。
明度渐变:一个颜色通过不同深浅来实现,创造出柔和、温和的视觉效果,还能增加产品的立体感和质感。

图片

图片

▲原创设计:矩阵设计
色相渐变:是将两种或多种颜色混合在一起逐渐过渡,使产品更加多彩、活泼。

图片

图片▲原创设计:KIWI 几维设计
透明渐变:从完全透明到不透明之间的过渡,通常用于玻璃、塑料、亚克力等材质,通透中又有层次变化。
图片图片▲Hourglass light —— “沙漏”小夜灯
从渐变的路径来分,通常有线性、径向、角度3种方式。
线性渐变:在渐变过程中,颜色按照一条直线的路径变化,从一端到另一端;

图片

径向渐变:从一个中心点向外辐射的渐变效果。

图片

角度渐变:围绕一个中心点进行的颜色过渡,呈现出一种旋转的渐变效果。
图片

图片

图片▲原创设计 : Jinseok Kim
02 渐变色的实现工艺
金属拉丝:常见有直纹、乱纹、螺纹、波纹、旋纹等几种。

图片

图片▲原创设计:普象网HUHU
喷涂/喷漆渐变:用喷枪把涂料雾化后,喷射在产品表面。不仅美观,还有抗氧化、腐蚀的效果。
图片图片▲原创设计:MIKO米壳设计
电镀渐变:在金属表面进行电镀处理,通过调整镀层厚度或电镀液,使颜色呈现出逐渐变化的效果。
呈现效果光泽度极高!

图片

图片▲原创设计:Yifeeling
阳极渐变:通常应用于铝合金等金属制品的表面,利用阳极氧化的原理,在金属表面形成一层氧化膜,改变金属表面的颜色和质感,实现渐变效果。

它耐汗水的腐蚀性非常强,绝缘性和耐磨性也很不错。非常适合做手机和电子产品。

图片▲原创设计:NewExit Design
图片▲原创设计:Redmi Note 9 Pro / 红米手机
多色注塑: 在注塑成型工艺中,通过控制不同颜色塑料颗粒的注入比例或注塑模具的设计,实现产品表面的渐变色效果。

图片

图片

图片

图片

01 孔洞渐变
线性渐变孔洞:孔洞沿着线性方向改变尺寸或形状。
单向线性渐变打孔↓
图片
双向渐变打孔↓
图片
径向渐变孔洞:孔洞沿着径向方向改变尺寸或形状,通过巧妙的设计和排列,可以创造出丰富、有节奏感的视觉效果。
图片图片图片▲原创设计:Yifeeling设计服务
环形渐变孔洞:类似径向渐变孔洞,是沿着环形或圆环的方向改变尺寸或形状。
图片
放射渐变孔洞:形状和排列方式呈放射状,类似于光线从一个中心点向外辐射。这种孔洞设计通常在产品表面或结构中使用,用于增加通风、透光或装饰效果。
图片图片▲原创设计:H 忻庭

图片

图片▲原创设计 : UGLY.DUCKLING ID
编织型渐变孔洞:是一种具有交错、编织效果的孔洞设计,可以在产品表面形成错综复杂的图案和纹理。
它还能增加产品的透气性和通风性,促进空气流通,降低产品表面温度,减轻潮湿和霉菌滋生的可能性。
图片图片
曲线渐变孔洞:类似于线性渐变孔洞,但是孔洞沿着曲线路径进行渐变。这种曲线形态可以增加产品的动感和艺术感,

图片

图片
基于图像的渐变孔洞将图像输入到Grasshopper中,并根据图像的特征来创建渐变孔洞。这种孔洞结构可以根据客户的需求进行定制化设计。

图片

图片
02 渐消
渐消大家很熟悉,是在产品表面形成平滑逐渐消失的凸起变化,在产品设计中特别常见。
条纹渐消:使产品呈现出层次感和节奏感,避免产品单调。

图片

图片
锥形渐消:能使得产品呈现出一种聚焦和收缩的视觉效果,仿佛将视线引向产品的核心。
图片
曲线渐消:可以呈现出产品流动的美感,实现柔和或神秘的线条变化,使产品更具有独特性和个性化特点,从而提升市场竞争力和用户体验。

图片

图片▲原创设计:奥米(AOMI)产品策划设计
图片图片

圆环形渐消:使产品呈现出圆润而和谐的美感,仿佛将空间融为一体,能够引导用户的视线,吸引注意力。

图片

图片▲原创设计 : Whynot Design

图片

图片▲原创设计:普象网Kk
回形渐消:两端封闭的回形渐消,能营造一种建筑式的对称和庄严感;
单端封闭的回形渐消具有很强的引导性,常用于需要突出某一侧或呈现出不对称感的设计中。

图片

图片

图片图片
螺旋型渐消:在产品表面形成螺旋状的凸起部分,这些凸起沿着螺旋线逐渐减少高度或深度,形成平滑的螺旋过渡效果。
能够引导用户的视线沿着螺旋形图案逐渐向内聚焦,这种递进式的渐变效果,可以增加产品的动感和立体空间感。

图片图片

图片▲原创设计 : UGLY.DUCKLING ID
菱形渐消:菱形渐消面具有独特的几何美感,使产品更加时尚和前卫。

图片

图片▲原创设计 : Signify Global Design Team
03 图案渐变
单一图形渐变:按一定的动势节奏复刻同一个图形,这是我们最常见的一种图案渐变方式。
图片图片
几何图形渐变:从一种或多种几何图形逐渐变化到另一种或多种几何图形。
圆形渐变成六边形↓
图片图片
点渐变为长方形 ↓
图片图片▲原创设计 : Donghyun Kim
有机图形渐变:设计一系列图形,每个图形代表故事中的一个重要情节或主题,用渐变过程来演绎故事的发展。也可称为叙事图形渐变,最著名的案例埃舍尔的绘画。

图片图片▲原创设计 : Ethan Chiang

图片

渐变通常运营在产品表面的处理,我们也可以将它融入到三维空间中,创造别样的产品造型。
01 渐变元素放大
渐变本身是细节处理,把元素放得足够大,就能成为造型亮点!
图片图片▲原创设计:In the fog
图片图片▲原创设计 : Note Design Studio
02 形体拉伸渐变
常规形体拉伸渐变:通过逐渐改变形体的尺寸或比例,产生视觉上的拉伸效果。这种渐变效果常用于产品设计、建筑设计、数字艺术等领域,以增强设计的动感和立体感。
图片图片▲原创设计:Dustin Brown, United States
有机形态拉伸渐变:通过拉伸有机形态,如曲线、波浪、不规则形状等。并在拉伸的过程中逐渐改变其属性(如颜色、透明度、大小等,从而创造出一种渐变效果。
这种效果可以用来增强设计的动态感、流畅感和立体感,使设计更具吸引力和视觉冲击力。

图片图片▲原创设计 : Fritsch Durisotti

图片
图片

▲原创设计 : Tim Zarki

03 参数化渐变
借助参数化建模软件,通过使用参数来控制渐变的属性,如颜色、大小、形状等,从而实现根据参数变化而动态改变的效果,在3d打印中很常见。
图片图片▲原创设计 : Studio Oberhauser
图片图片▲原创设计 : TP Vineeth/Vinpan
04 功能性渐变
与传统的视觉渐变不同,功能性渐变的应用变化可以改善产品的实际功能或性能。

图片

图片▲原创设计 : Ethan Chiang

图片

图片
05 系列组合渐变
不仅单个产品,系列中的个单元件也能用渐变为逻辑串联起来。在模块化产品和组合产品中,可以使用。

图片

图片▲原创设计:cclifsty
图片

图片▲原创设计:景德造/创始人

图片

以上几种渐变形式,不仅可以单一使用,重复叠加使用的案例也比比皆是。虽然元素丰富了,但统一在同一个逻辑中或控制主次占比,就不会显得杂乱。
最后,欣赏几组优秀渐变混合案例↓
图片图片▲原创设计:米象设计-王续锦
图片图片▲原创设计 : JKDESIGN STUDIO
图片图片▲原创设计:宁波起风工业设计
图片▲原创设计:挠头阿吉丨龚允吉
图片▲原创设计:马马马马马耶

图片

图片▲原创设计 : Yash Gupte

图片

图片▲原创设计 : Dongje Park

图片

图片▲原创设计:鄂北布衣

图片

图片▲原创设计 : Jhonathan Oliveira
图片图片▲原创设计 : SWNA office
图文编辑:三川

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多