今日此要求直播结束后,主播成功与失败两种状态设计,过程中多次修改,现在就让我们分享一下自己的感受。文章将从设计感、结构、基本逻辑、色彩层次、基于情感设计的意象、情感色彩选择等方面进行讲解。
1.设计仍然需要有一定的状态。
事实上,最开始我有点幼稚,以为这种状态直接画一个圈,写一个胜负二字,然后做颜色区分就可以了:
但是它并不起作用,它就像是一个未完成的交互稿,没有一种设计感。
所以我开始考虑怎样增加设计的感觉。
2.结构不要乱画,要有基本的逻辑在。
怎样增加设计感?
实际上只不过是为这个状态增加细节罢了,特别是这个胜利的状态,我想到麦穗、翅膀等元素,最后选用了翅膀的元素,画出了一个如下例子:
但是有人说这种结构是乱七八糟的,哈哈,一下戳到了我的痛点,确实是胡乱画,各种圆圈没有道理。
所以后来仔细想了想,把圆圈分成三层:
一层底托
一个中间层放主图象。
在表面涂上一层修饰层。
其影响是:
再把主像放在中间,两面放上翅膀,顶部放上皇冠,最终效果如下:
因此,整个结构看上去比较清晰。
我们能看到清晰而模糊的对比结构:
后半段由于整体调性需要可爱一些,所以将翅膀改为较为圆润的造型:
它的效果相当好。
3.色彩层次必须清晰。
事实上,这一点我经常和大家强调过,但有时的确是当局者迷,自己也容易犯这样的错误,比如最开始的那个效果,中间暗部和周边亮部没有拉开层次:
那么在后边的取色上,会把中间暗部做得很深,形成鲜明对比:
那样层次就会更明显,否则就会糊起来。
4.根据情感设计图像。
起初本来想用圆圈做不成的状态,但后来发现有点太惨了,于是想到还是要加点细节,怎么加呢?
此时正是需求方那边给的一点灵感,说失败不就是很颓废的样子,就拿着翅膀下沉和胜利形成反差不就可以了,我觉得说的话还挺有道理,
的确不错。
5.根据情感选择颜色。
本以为胜利用紫色,失败用蓝绿色:
但发觉蓝绿多少仍会有点分散“胜利”的注意力,于是思索,失败是表达一种消极的情绪,是不是可以用灰色一点的颜色?
所以尝试了几种不同的灰度:
最终选择接近灰色的最后一个版本,干脆一点,对比强烈一点。
来看看最后的结果:
请再次阅读过程稿:
调校很对次,过程还是挺值得记录的,回过头来,很有成就感!
上述小需求过程中总结出了一些知识点,之后还会添加一些微动效果,增加气氛。
但愿能给大家一点启发和启发。