生活节奏加快,信息量爆棚,时间碎片化,这些都是移动时代绝大多数互联网用户们的的生活状态。作为一名设计师,如果能通过设计来帮助用户更快的梳理信息,减少大脑决策的时间,就能帮助用户在碎片时间提升效率,进而提升他们的使用体验。

近几年,扁平化设计的浪潮,把之前苹果所推崇的拟物设计推下神坛,也彻底将质感化设计拍死在沙滩上。越来越多的用户已经感受到了扁平风格带来的体验提升。清爽的视觉观感、界面简洁,干扰少,更易用等等,这些都是扁平化设计带给用户的优越感受。

但作为视觉设计师来说,没有了通透的玻璃质感,没有了渐变带来的光影绚丽,感觉能做的事情似乎越来越少了。再加之越来越多交互设计师 “令人发指”的交互稿,连颜色都上好了,这真是不给视觉设计师活路啊…

那是否没有了花哨的视觉效果,视觉设计师就没有他们的价值呢?怎么才能在扁平大行其道,人人都能做视觉的当下,找到自己的出路呢?

在质感拟物化的设计年代,大多数设计在实施时,重点经常放在绚丽光影氛围和质感细节的刻画上。因为这样能够最直接的获得很好的视觉效果。但当修饰化的设计渐渐减少时,我们就必须回归到视觉设计的本质上来。从颜色运用、图形塑造、视觉规律等这些基础和细节方面来挖掘视觉设计的价值。而现实中,很多设计师往往会忽略掉这些。

我们拿一些很基础的设计理论来举例。

比如,在形状大小相似的情况下,人的视觉感官更容易感知到颜色上的差异。更亮,艳、独特的颜色能够更吸引视觉关注。

在色彩相似的情况下,形状的差异就会成为视觉的关注点。更大、更独特的形状可能更吸引视线。

制造一些视觉规律,来服务你的设计。比如在递进的颜色下,最深的颜色表达最重要的意义。

当同样是四个视觉节点的时候,下面方案中的视觉路径更简单,更短。

上面这几条设计理论可能很基础也很常见,但如果每一处细节的设计中,都能很好的运用这些基础理论的话,最终就可能最大化的整个设计的价值。

那么怎样利用这些理论去完善我们的设计呢?分享一个前不久我经手的小需求,简单分析论证一下吧。

这是一个移动端签到浮层的设计。需求人扔了一个与需求类似的设计图过来,让我照葫芦画瓢。

大家会发现,给到的参考设计还算比较成熟,逻辑、流程、视觉表现都做得没啥大问题。那么新方案在视觉上想要更进一步,就必须要基于一些基础和细节的点来做更好的视觉表现了。

仔细分析一下,前五天的签到奖励是固定的且逐渐递增的积分。在奖励内容不变的情况下,奖励数量是唯一的变量。如果说五角星图形代表了积分,数字代表了奖励数量。再结合前文中提到的基础原理,人的视觉在相似颜色下,更注意形状的变化。我优化后的设计如下:

优化后的设计,在icon的图形设计中放大了数字的面积。在颜色相似的情况下,强化形状带来的变化,吸引人的视线。通过视觉设计强化奖励递增的概念,帮助用户更快的获取到有效的奖励信息。

继续分析,在第六天和第七天以后都是更好的礼盒奖励。并且,第七天的礼盒奖励更重,级别更高。为了突出奖级递进的概念,我做了如下的优化:

原设计由于背景色的一致,导致视觉中的变量关系被削弱。优化后的设计,运用了前文中递进关系的理论,用黄、橙、红三个递进色,强化了颜色的递进关系(形状上也做了递进强化)。通过设计强化了奖励的逐日提升的信息。

再继续分析我们会发现,原方案的浏览路径为第一行从左至右到第二行再从左至右的”Z”字形。根据之前的视觉路径理论,我又做了一些优化:

对比两个设计方案的浏览路径:

运用视觉路径理论优化后的方案,从“z”字形的浏览路径变成了半“u”字形,浏览路径更简单,更短。设计通过视线的引导,让用户浏览更快速,间接提升了信息获取效率。

除了上述的这些优化以外,新的浮层设计中还运用了很多小的基础理论,比如:统一弱化未签到状态,来强化当天的签到操作,运用了前文提到的,颜色差异吸引视线的理论。

以及运用差异原理,弱化非签到当天文字,达到降低信噪比的目的等等。)就不一一展开说明了。

在经过了若干基础设计改造和很多细节的优化后,与之前的设计方案对比。

可以看到新设计的功能信息传达主次分明,颜色运用,形状塑造和表意更加准确。总的来说,在体验上有更好的表现。

之所以做这个案例的分享,并非由于其设计有多么惊艳。只是想要抛砖引玉,来表达对基础和细节的关注决定视觉设计价值这个观点。在扁平化设计大行其道的当下,去除了之前的装饰性设计,这些基础和细节的设计更容易被感知,也更需要被重视。设计师完全可以通过更加严谨的基础设计和更加细致的细节设计,创造出更好的设计作品。

诚然,绝妙的创意,绚丽的配色,新奇的版式,这些视觉呈现更容易被大家关注和重视。但这些同样也需要灵感、天赋和刻苦训练才能达到一定高度。相比之下,对基础和细节的关注,只需要设计师更缜密的思考和持续性的专注。而这些却是绝大多数设计师都可以做到的。

当你困惑于不知该如何提升自己设计的价值,如何做出体验更好的设计时。不妨重新审视自己的设计作品,试一试从基础和细节处去挖掘更大的设计价值。