莫b

本文是接着上一篇《我承认,这个形象最开始的时候做跑偏了,但是我用一招就改好了!》有关等级需求的内容来写的。今天就和大家聊聊时空隐士等级这个小形象,做的时候要注意创新的统一、使用场景、形象具体细节等。

过程中可以分享以下几点:

1. 创意的创新与统一

2. 新创意是怎么来的?

3. 一定要注重使用场景

4. 粒子消散应该是什么样的?

5. 最终效果输出

 

1. 创意的创新与统一

起初听到时空隐士,我第一个想到的就是穿越,而穿越让我联想到了时光机和飞船,于是我做了一个黑子与飞船结合的形象,效果如下:

图片

好像还行,但是有一个问题,之前的形象都是黑子作为主体,其它元素进行辅助:

图片

而这次用飞船做主体,是不是有点不统一呢?

答案:是的。

既然是一系列的设计,虽然可以创新,就还是要注意整体的统一性、贯穿性!

于是我开始思考怎样用黑子做主体来完成设计。

 

2. 新创意是怎么来的?

想创意,肯定还是要通过名字,我们再看下名字“时空隐士”,从时空出发,我还是可以想到穿越、科技这样的字眼,所以之前的做的那个科技眼镜是不是可以派上用场了:

图片

我觉得是OK的,但是“隐士”却没有表达出来,于是我去网上找参考,看到了下面这张图:

图片

这种物体变成粒子的样式,就有点“隐“的感觉,于是我结合刚才的形象,再加上粒子消散,做出了下面这个设计:

图片

感觉还可以。

 

3. 一定要注重使用场景

虽然刚才做出来的效果还可以,但是我却没有考虑清楚使用场景,如果把这个形象放大来看,就还好,但是我们最主要的场景还是标签,标签是很小的,一旦把形象缩小:

图片

那些设计的细节就很难看清楚了。

所以就在想怎么能优化一下子,后来发现细节看不清,是不是因为粒子占的面积太小了?如果例子占总面积一半的大小呢?

我们看下效果:

图片

看起来方向是ok的。

这里有个小细节强调下,形象左半边是白色,右半边是蓝色,整体看起来有点太轻了,而且浅蓝色在白色背景上看的也不是太清楚,所以我把形象右侧底部变成了暗色:

图片

这样看起来就会好很多,大家在做设计的时候也要注意,画面尽量要有轻有重,不然就会很飘。

 

4. 粒子消散应该是什么样的

其实做这个形象,最难的点就在于粒子如何摆放,说出来大家应该都能理解。

比如近大远小、近密远稀、近实远虚:

图片

除此之外,还有一个小点,慢热和我说的,就是粒子是很轻的,如果没有其他外部作用力,粒子的走势应该是往上飘起来的:

图片

这样更符合物理逻辑。

这个粒子的细节确实调整了很多版本:

图片

都是一些非常细小的调整,最后选取了一个相对还好的版本。

 

5. 最终效果

和之前一样,最终输出的效果有卡片、标签、弹窗这些,效果如下:

卡片的背景为了增加丰富度,增加了一点流星的元素:

图片

 

总结

以上就是时空隐士这个小形象的设计感悟了,整体看下来,这次执行,还是前期的创意比较重要,把创意点打准了,就不会有太大问题,希望给大家一点启发,么么扔。

 

原文地址:菜心设计铺(公众号)
作者:菜心设计铺
图片

转载请注明:学UI网 » 没想到就是因为这一张图,让我解决了这个月最难的设计需求!

登录收藏
 
你可能喜欢的:
标题性文字怎么设计?排版秘诀搞定你!标题性文字怎么设计?排版秘诀搞定你!
听说这是最难的配色方法——互补色篇听说这是最难的配色方法——互补色篇
版式分析优化 | 搞事情,这么排版才合理版式分析优化 | 搞事情,这么排版才合理
改作业 | 有一说一,这个改稿效果真不错!改作业 | 有一说一,这个改稿效果真不错!
教程 | 设计中的规矩与秩序教程 | 设计中的规矩与秩序
不会排版的来看看,如何运用对比制造秩序不会排版的来看看,如何运用对比制造秩序
如何把照片做出有设计感的海报如何把照片做出有设计感的海报
老板说作品没有设计感,这10个优化技巧简单有效,你一定要知道老板说作品没有设计感,这10个优化技巧简单有效,你一定要知道
优化教程 | 没想到,改完以后的画面真的好了许多!优化教程 | 没想到,改完以后的画面真的好了许多!
拯救没思路系列,试试提取风格拯救没思路系列,试试提取风格