专栏名称: 超人的电话亭
只分享有价值的设计经验。
目录
相关文章推荐
室内设计联盟网  ·  首发 x 海力设计 | ... ·  昨天  
51好读  ›  专栏  ›  超人的电话亭

十分钟画完轻拟物风格的大厂图标

超人的电话亭  · 公众号  · 设计  · 2025-06-19 22:52

主要观点总结

本文介绍了自营秒送图标的设计流程,包括拆分图形、纯色块填充、添加立体渐变、覆盖高光、添加投影等步骤。同时也提到了使用Figma软件的新功能Progressive Blur来实现投影效果。最后作者推荐了自己的C端体验设计课程,并鼓励读者学习提升。

关键观点总结

关键观点1: 自营秒送图标的设计流程

文章详细介绍了自营秒送图标的设计步骤,包括轮廓绘制、纯色块填充、立体渐变添加等。

关键观点2: 图形的拆分和布尔运算技巧

文章指出,将复杂图形拆分为简单部分,以及使用布尔运算和调整锚点技巧,能更轻松地完成图标设计。

关键观点3: 渐变的处理

文章强调了渐变处理的细节,如球形的径向渐变和篮子下半部分的阴影渐变。

关键观点4: 使用Figma软件的新功能Progressive Blur

文章提到使用Figma的Progressive Blur功能来实现投影效果,从凝实到扩散的过程。

关键观点5: 作者推荐C端体验设计课程

文章结尾,作者推荐了自己的C端体验设计课程,鼓励读者学习提升,并分享获取专业职业能力的途径。


正文

请到「今天看啥」查看全文


其中需要用到简单的布尔运算以及调整锚点的技巧:

下一步,依然是对不同模块进行纯色块的填充,确定每个部分的基础配色以及三个部分色彩的协调。

第三步,添加立面的渐变。此处有几个需要注意的地方,除了仍然按照左上侧光源进行光影绘制的牛奶盒侧立面之外,第一、橘子作为一个圆形物体,它的渐变不是一个面,而是一个体,所以这里的渐变可以使用径向渐变(Radial) 来方便地表达球形的光影;第二,篮子下半部分受上半部分遮挡的影响更大,所以不需要考虑左上侧光影的光照,更多需要考虑阴影的部分,所以我们采用上深下浅的渐变。







请到「今天看啥」查看全文