扁平化图标临摹总结

2年前发布

临摹作品 / UI / 图标
作品版权由麦香包 解释, 不限制作品用途。 临摹作品,同人作品原型版权归原作者所有。

UI设计爱好者一枚,练习了一段时间的APP界面,因为每个页面都需要用到图标,而图标这方面恰好是我的痛点。

之前所用到的图标都是在“阿里巴巴矢量图标库”中下载的,下载虽快,但毕竟图标是东拼西凑来的,各种图标风格、尺寸不一,难以保证页面的一致性,会增加用户的认知成本。索性这几天就学习了图标的制作。

该练习是根据教程(挺详细的)做的,操作软件为photoshop ,主要用到的知识点有布尔运算、图标样式(投影、渐变叠加,内阴影)、各种形状工具、钢笔工具。

好的环境至关重要,欢迎大家给我提建议、问题,大家一起学习进步哈哈!

1.学会分析图标的构成,将复杂的图标简单化

具体的方法为:
a.去掉细节,从而避免对图标的还原造成干扰,如图标中的曲线,图层样式(曲线一般是用钢笔工具将直线转化而来,用来获得柔和的效果)

b.将图标用线条在纸上描绘出来,这样就可以发现简单的几何体了,如图标中的两个三角形是有对角关系。

图标中的logo显得不太柔和,因为钢笔工具用的不太熟练。

学到的知识点有用混合模式实现纹理效果、内阴影实现凹陷效果,其次是熟悉了投影的各项参数。

用到了图层样式中的角度渐变叠加(图中的角度是0度),因为图标是圆环的,要避免渐变叠加两端产生强烈对比,所以需要设置相关参数来保证渐变的衔接。

其次是蒙版的运用,以及投影的设置,来获得较好的轻质感体验。

5
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

作品信息

  • 创作时间

    2018/08/10

扁平化图标临摹总结
麦香包 关注
没有新消息