第11期【你怎么看】我们请到了腾讯QQ游戏设计中心 美女设计师Maxj分享  首先分析一下昨天的案例： ●从分类和群组关系的体现上看，方案B要优于方案A。方案B中分组体现非常明确，在此基础之上再表达了标题与选项的区别。
●从界面形式上来看，方案B比方案A要生动有趣，且让人不自主的首先关注到标题，从而迅速了解每一类的主要内容。 通常在界面元素多的时候，用强体现手段来加强界面的分类感受，界面元素少的时候，用弱体现手段可以使界面看起来轻松不死板。强弱体现手动综合灵活运用，可以使界面分类清晰，又不至于太多条条框框。 在设计中，常常会用到以下几种技巧：
OK，我们再回过头来看方案AB的区别：
●从表达逻辑上讲，设计时应先强烈表达选项的分类。A采用的设计方式是接近/分开，B采用的是外框，前者的群组体现能力要弱于后者。因此表达选项的分类上，方案A要比B差。 ●另一个角度讲，A使用了强体现的外框设计方式，用户往往先获取框内选项，而非标题，"这程先看选项再看题目"的认知方式明显是矛盾的。而B则先用强体现手段表达选项分类，再用弱体现手段表达标题与选项的区别，使用户遵循正确的认知过程获取信息。
如果去掉选项分类的体现需求，只保留一类选项，仍为B最佳。为什么呢？
原因是方案B用到了格式塔完形法则中的闭合原理。
闭合原理——彼此相属、构成封闭实体的各部分趋于组成整体。通俗点说就是人们会在脑海中把不连贯、有缺口的图形变得完整，例如下图，无论怎么看，我们都会把他们看做圆形。 因为闭合原理，在区域感的体现上，未闭合的图形并不比常规图形要弱多少，却让图形更加生动有趣，还能使视觉首先关注到未闭合的区域。所以方案B在样式上比A更有意思，而将标题放在缺口上，自然的让用户先关注到标题。 总结： 在设计上还有许多基于逻辑与认知心理的设计技巧，例如顺序与因果、主次与并列等等，发现、总结这些规律可以让我们的设计稿更有说服力哟~ |
