第11期【你怎么看】我们请到了腾讯QQ游戏设计中心 美女设计师Maxj分享
首先分析一下昨天的案例:
●从分类和群组关系的体现上看,方案B要优于方案A。方案B中分组体现非常明确,在此基础之上再表达了标题与选项的区别。

●从界面形式上来看,方案B比方案A要生动有趣,且让人不自主的首先关注到标题,从而迅速了解每一类的主要内容。


通常在界面元素多的时候,用强体现手段来加强界面的分类感受,界面元素少的时候,用弱体现手段可以使界面看起来轻松不死板。强弱体现手动综合灵活运用,可以使界面分类清晰,又不至于太多条条框框。

在设计中,常常会用到以下几种技巧:


 OK,我们再回过头来看方案AB的区别:


 


●从表达逻辑上讲,设计时应先强烈表达选项的分类。A采用的设计方式是接近/分开,B采用的是外框,前者的群组体现能力要弱于后者。因此表达选项的分类上,方案A要比B差。

●另一个角度讲,A使用了强体现的外框设计方式,用户往往先获取框内选项,而非标题,"这程先看选项再看题目"的认知方式明显是矛盾的。而B则先用强体现手段表达选项分类,再用弱体现手段表达标题与选项的区别,使用户遵循正确的认知过程获取信息。

  

如果去掉选项分类的体现需求,只保留一类选项,仍为B最佳。为什么呢?

原因是方案B用到了格式塔完形法则中的闭合原理。

 

闭合原理——彼此相属、构成封闭实体的各部分趋于组成整体。通俗点说就是人们会在脑海中把不连贯、有缺口的图形变得完整,例如下图,无论怎么看,我们都会把他们看做圆形。

因为闭合原理,在区域感的体现上,未闭合的图形并不比常规图形要弱多少,却让图形更加生动有趣,还能使视觉首先关注到未闭合的区域。所以方案B在样式上比A更有意思,而将标题放在缺口上,自然的让用户先关注到标题。

总结:

在设计上还有许多基于逻辑与认知心理的设计技巧,例如顺序与因果、主次与并列等等,发现、总结这些规律可以让我们的设计稿更有说服力哟~