边缘导角

这种弯进去的作法挺常见的,稍微试了下,发现只要一个图层、设定 2 种图层样式就能表现出还不错的视觉效果。光线由上往下打,所以上方有高光、阴暗面在下方。想象一下实物、方体边缘是导了 R 角,所以高光不会是锐利一条线,而是渐层。

教你设计精美的螺旋圆点ICON图标

制作阴影面,离光缘越远的部份一定比较暗。

教你设计精美的螺旋圆点ICON图标

制作 R 角缓和的反光。因为内阴影和内光运会重迭在一起,注意数值设定,内光晕要比内阴影的尺寸更大。

成品

教你设计精美的螺旋圆点ICON图标

中间的文字仿真 3C 产品上常见的金属文字贴纸。因文字较细,仅设定笔画、渐层、阴影。原版产品的光圈是蓝色、我试着改成粉红色。

Nest 除了白色机型之外、也有黑色款,有兴趣的人可以试着把黑色款做出来。