“细节”设计方法，每个方案都有理有据

文/郑兴

关键字：视觉设计，风格决策，引导教育，一致性

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

视觉设计风格如何选择

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

但对于视觉设计师来说，没有了通透的玻璃质感，没有了渐变带来的光影绚丽，感觉能做的事情似乎越来越少了。再加之越来越多交互设计师做的“令人发指”的稿件（类似如图1-39所示），连颜色都上好了，这真是不给视觉设计师活路啊！

如果没有了花哨的视觉效果，怎么样才能在扁平化大行其道且似乎人人都能做视觉的当下，找到体验设计中的设计核心价值呢？

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

关注哪些细节，才对设计有益

我们以一些基础的设计理论为例，在形状大小相似的情况下，人的视觉感官更容易感知到颜色上的差异。更亮、更艳、更独特的颜色更能够吸引视觉关注，如图1-40所示。

在色彩相似的情况下，形状的差异就会成为视觉的关注点。更大、更独特的形状可能更吸引观众的视线，如图1-41所示。

另外，可以制造一些视觉规律，来服务你的设计。比如在递进的颜色下，最深的颜色表达最重要的意义，如图1-42所示。

如果视觉节点有4个，那么图1-43所示方案中的视觉路径显得更简单，更短。

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

那么怎样利用这些理论去完善我们的设计呢？下面以一个实际案例进行简单分析。

“细节设计”方法的应用

例如，接到一个移动端“签到”浮层的设计任务。需求人扔了一个与需求类似的设计图过来，如图1-44所示，要求照葫芦画瓢。

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

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

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

再继续分析，在签到第6天和第7天以后获得的都是更好的礼盒奖励。并且，第7天的礼盒奖励更重，级别更高。为了突出奖级递进的概念，可以做如图1-46所示的优化。

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

再继续分析我们会发现，原方案的浏览路径为第一行从左至右到第二行再从左至右的“Z”形。根据视觉路径理论，可以做如图1-47所示的优化。

对比两个设计方案的浏览路径，如图1-48所示，运用视觉路径理论优化后的方案，从“Z”形的浏览路径变成了半“U”形浏览路径，浏览路径更简单，更短。该设计通过视线的引导，让用户浏览速度更快，间接地提升了获取信息的效率。

除了上述的这些优化以外，新的浮层设计中还运用了很多小的基础理论，比如：统一弱化未签到状态，来强化当天的签到操作，在此运用了前文提到的颜色差异吸引视线的理论，如图1-49所示。另外，运用差异原理，弱化非签到当天的文字，以达到降低信噪比的目的。

在经过了若干基础设计改造和很多细节的优化后，与之前的设计方案相对比，如图1-50所示。可以看到新的设计功能信息传达主次分明，颜色运用、形状塑造和表意等方面处理得更加准确。总体来说，有更好的用户体验。

之所以分享这个案例，是希望表达“基础”和“细节”将决定视觉设计价值这个观点。在扁平化设计大行其道的当下，去除了之前的装饰性设计，这些基础和细节的设计更容易被感知，也更需要被重视。设计师完全可以通过更加严谨的基础设计和更加细致的细节设计，创造出更好的设计作品。

案例启发

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

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