020-29815005
预约专线时间:09:00-23:59

为什么一个这么小的需求做不出来?

新闻来源:本站 日期:2021-07-19
今日此要求直播结束后,主播成功与失败两种状态设计,过程中多次修改,现在就让我们分享一下自己的感受。文章将从设计感、结构、基本逻辑、色彩层次、基于情感设计的意象、情感色彩选择等方面进行讲解。
    1.设计仍然需要有一定的状态。

    事实上,最开始我有点幼稚,以为这种状态直接画一个圈,写一个胜负二字,然后做颜色区分就可以了:

    但是它并不起作用,它就像是一个未完成的交互稿,没有一种设计感。

    所以我开始考虑怎样增加设计的感觉。


    2.结构不要乱画,要有基本的逻辑在。

    怎样增加设计感?

    实际上只不过是为这个状态增加细节罢了,特别是这个胜利的状态,我想到麦穗、翅膀等元素,最后选用了翅膀的元素,画出了一个如下例子:

    但是有人说这种结构是乱七八糟的,哈哈,一下戳到了我的痛点,确实是胡乱画,各种圆圈没有道理。

    所以后来仔细想了想,把圆圈分成三层:

    一层底托

    一个中间层放主图象。

    在表面涂上一层修饰层。

    其影响是:

    再把主像放在中间,两面放上翅膀,顶部放上皇冠,最终效果如下:

    因此,整个结构看上去比较清晰。

    我们能看到清晰而模糊的对比结构:

    后半段由于整体调性需要可爱一些,所以将翅膀改为较为圆润的造型:

    它的效果相当好。


设计


    3.色彩层次必须清晰。

    事实上,这一点我经常和大家强调过,但有时的确是当局者迷,自己也容易犯这样的错误,比如最开始的那个效果,中间暗部和周边亮部没有拉开层次:

    那么在后边的取色上,会把中间暗部做得很深,形成鲜明对比:

    那样层次就会更明显,否则就会糊起来。

    4.根据情感设计图像。

    起初本来想用圆圈做不成的状态,但后来发现有点太惨了,于是想到还是要加点细节,怎么加呢?

    此时正是需求方那边给的一点灵感,说失败不就是很颓废的样子,就拿着翅膀下沉和胜利形成反差不就可以了,我觉得说的话还挺有道理,

    的确不错。

    5.根据情感选择颜色。

    本以为胜利用紫色,失败用蓝绿色:

    但发觉蓝绿多少仍会有点分散“胜利”的注意力,于是思索,失败是表达一种消极的情绪,是不是可以用灰色一点的颜色?

    所以尝试了几种不同的灰度:

    最终选择接近灰色的最后一个版本,干脆一点,对比强烈一点。

    来看看最后的结果:

    请再次阅读过程稿:

    调校很对次,过程还是挺值得记录的,回过头来,很有成就感!

    上述小需求过程中总结出了一些知识点,之后还会添加一些微动效果,增加气氛。

    但愿能给大家一点启发和启发。