扁平图标原创笔记-下

来源:第一设计网     作者:日期:2020-08-28     浏览:92    评论:0    
  
核心提示:首先我们先确定图标设计的风格,由于范围过于广泛,再加上设计师的角度,我们选择以设计元素作为主题。 作为设计师,最常用的就是Photoshop,那么我们先针对其中一个比较重要的工具进行设计-吸管工具。首先我们先看下吸管工具的造型特点。我先找到一张图片,能够表达吸

首先我们先确定图标设计的风格,由于范围过于广泛,再加上设计师的角度,我们选择以设计元素作为主题。

作为设计师,最常用的就是Photoshop,那么我们先针对其中一个比较重要的工具进行设计-吸管工具。首先我们先看下吸管工具的造型特点。


我先找到一张图片,能够表达吸管工具及其使用特点的,不过其视觉效果并不是很好,接下来我们来进行优化及添加创意

先绘制基础吸管造型,注意细节处理,如下图


接下来绘制下方色块图形,同时添加吸管本身色彩,增加图标视觉效果,注意色彩饱和度与色彩对比


接下来的融合很重要,要保证图标的整体性,我们调整吸管角度,并增加细节


最后给吸管上色,使其完整性得以体现


感觉还是差点什么,没有表达出吸管的创意点,有的时候创意不需要很复杂,也许只是添加一个字母


相信大家都知道为什么添加一个i,毕竟吸管的快捷键就是它。而且在整套图标中都可以利用变形的i来作为点缀,使其统一性充分体现。

这个图标的制作还是有原型可以找的,不过有些抽象的内容该如何着手呢?比如图层,图层是一个很难用语言表达清楚的内容,但它有一个明显的特点,就是遮罩,那我们该如何制作呢?

很多同学可能会这么做


首先在理论上说好像确实是遮罩了,但视觉效果真的好么,明显过于敷衍了。我们来转换下思路,如果做的更有空间感,视觉效果应该会得到大幅提升。

首先旋转一下正方形,然后使用自由变换工具(快捷键E),选择第四个选项-自由扭曲


选择正方形最下方的点,按住ALT键,向上拖拽,得到以下造型


看起来像个菱形,我们增加几个,看下视觉效果


空间感与遮罩效果兼得,这样的图层扁平图标的表现更具有设计质感。当然,我们可以进一步优化细节,尖锐的造型做的圆润些,最后增加一些点缀。


这样,我们的图层扁平图标就做好了。

通过上面对于扁平图标的设计我们知道,首先我们要确定图标内容,根据图标结构进行优化处理,颜色选择时注意对比及饱和度,最后可以添加一定创意小效果,以完整化图标内容。

最后给大家看一下完整的图标内容,仅供参考!也希望通过扁平图标的制作给大家一些设计的小启发。

本文来源:扁平图标原创笔记-下    http://www.design1.com.cn/wenzhang/21062.html
相关评论