3个常见的图标设计小问题,来看腾讯设计师如何解决!

释放双眼,带上耳机,听听看~!
有时候觉得做的图标有点奇怪,但又不知道哪里奇怪。今天分享的是几个常见小问题,看看大家有没有遇到过。

有时候觉得做的图标有点奇怪,但又不知道哪里奇怪。今天分享的是几个常见小问题,看看大家有没有遇到过。

1. 为什么你做的投影有点糊且不精致

我们看下这位星友临摹的图标:

原作如下:

3个常见的图标设计小问题,来看腾讯设计师如何解决!

临摹效果如下:

3个常见的图标设计小问题,来看腾讯设计师如何解决!

有一个很大的问题就是投影很糊,为什么?

两个原因,一个是投影面积要小于主体物,一个是投影颜色和主体颜色太接近,我用最简单的效果给大家演示一下。

第一步,我们需要把投影面积变小:

3个常见的图标设计小问题,来看腾讯设计师如何解决!

然后把颜色和主体颜色进行区分,变淡一点:

3个常见的图标设计小问题,来看腾讯设计师如何解决!

这样的投影,就不会太难看。

其次,需要再强调一个情况,我们做设计,最重要的是要合理,我见过很多同学这样做投影的:

3个常见的图标设计小问题,来看腾讯设计师如何解决!

虽然图标是红色,但是我们的背板是白色,所以投影最好还是用灰色,如果用红色投影有点牵强,也有点奇怪,毕竟图标的颜色,隔了一个板子,很难透过去对投影产生影响。

2. 我建议新人做图标,可以先整体往正方向走一走,但是也别太夸张

最开始我们做图标,如果长的长,高的高,很容易把控不好,比如像这样:

3个常见的图标设计小问题,来看腾讯设计师如何解决!

就比较不统一,当我们能能把一些图标往正方形走一走,像 forever 同学一样:

3个常见的图标设计小问题,来看腾讯设计师如何解决!

把手机适当往正方形靠一靠,就会好很多!

但是,很多同学虽然记住了这一点,但却有点用力过猛了,比如,手机原有造型是长条的,如果直接做成正方形,就会看着不像手机了:

3个常见的图标设计小问题,来看腾讯设计师如何解决!

再比如在网上的一个作品,这个摄像机:

3个常见的图标设计小问题,来看腾讯设计师如何解决!

也是有点用力过猛了。

我们只是让大部分图标尽量往正方形去靠一靠,而不是直接变成正方形,这个点一定要切记。

3. 这个画面包装为什么不精致?

之前在用这个卡通手模型的时候,尝试包装了一下之前的作品,我以为随便放上去一张作品应该都没问题,后来发现并不是这样的,比如这样:

3个常见的图标设计小问题,来看腾讯设计师如何解决!

看起来就不是很精致,为什么呢?

其实原因有两个:

  • 其一是手和手机的模型都比较大且整体,但是里面的作品画面却比较散,这就导致画面与模型并不统一。
  • 其二是手的重心是右侧,而画面的重心是中间偏右,这就导致左侧是有点轻的,所以整体感觉不稳。

由于这亮点,导致整体不够精致。

而当我换了下面这张图的时候:

3个常见的图标设计小问题,来看腾讯设计师如何解决!

整体看起来就好很多了,因为画面很大很整体,和手的模型很匹配,其次画面重心在左侧,与右侧手的模型正好达成平衡的效果。

总结

好啦,以上就是今天分享的几个小点,下期见啦!

欢迎关注作者的微信公众号:「菜心设计铺」

3个常见的图标设计小问题,来看腾讯设计师如何解决!

给TA打赏
共{{data.count}}人
人已打赏
教程分享

第三波!快速提升 UI 设计效果的 6 个小技巧

2021-4-29 17:17:47

教程分享

简单实用特别出效果的设计风格,快学起来!

2021-4-30 17:17:34

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索