我们不妨先把喜欢QQ或者不喜欢QQ,你用QQ或者只用微信这种喜好放一边,理性分析一下这种设计思路能给我们的设计工作带来哪些帮助?
打开QQ第一眼看到的就是启动界面的变化,依然是“腾讯蓝”的设计,但这次QQ形象站在了冰川上,下方映射出五彩斑斓的投影。
登录界面的变化,从传统的横线方式登录框和按钮,变为圆角矩形登录框,底部的登录按钮也变化非常大,直接改为圆形。
而消息及各种列表界面则改动是最大的,目前来看,分隔线完全从QQ聊天列表消失了,这点引起了很多小伙伴的讨论,有些说看不惯,有些说改了之后更加清爽了。大家怎么看呢?
今天咱们就要讨论下,分隔线消失,是否会成为未来设计的一种趋势?
在相当长一段时间里,我们要做各种各样的列表,分隔线是必不可少的,它的重要作用是区分信息层级,让列表更加易用和易读。
但是,设计趋势总是在不断的变化。分隔线作为一种而且是其中一种区分信息层级的方法,随着时代的发展,已经越来越让我们觉得这条线,打扰用户的阅读了。而对于未来的趋势来说,可以推测,UI界面一定是越来越轻,越来越薄,无关的干扰也越来越少的。
从苹果的App Store改版我们就可以发现,越来越多,圆润的,有弧度的卡片出现在设计中,而分隔线则越来越少。而虾米音乐则将分隔线的使用减少到了极致,有道辞典也在尝试让列表更轻,更加清爽。
为什么无分隔线设计越来越多?
缺少分隔线后,设计师对于版式的控制其实是变的更难了,毕竟有一些辅助的色块,线条做区隔,设计起来会轻松不少,内容也不会太过杂乱。但是,这种规则已经逐渐被打破,分隔线越来越少,这其实对大家的视觉设计能力,特别是版式设计能力提出了更高的要求。我们发现,这些设计趋势,和很多年前看的杂志的版式设计有了那么一点点的类似。
优秀的杂志版式设计中,线框的运用也相对较少,要突出区块,重点内容,多依靠字体变化,留白等等去实现。其实,设计殊途同归,最终,随着技术的发展和设计师设计水平的提高,自然会对设计有更高的要求。
另外,还有哪些原因导致了我们的无线框设计越来越流行了呢?那就是:手机的屏幕越来越长了,相比与现在的16:9的屏幕,18:9的屏幕则更符合未来趋势。(其实很大一部分的原因是全面屏的普及),大家可以想一想,之前的iPhone4,又矮又挫有木有?现在的手机,各个高挑纤细。
所以,用户在纵向范围内,看到的内容越来越多。这就给设计师足够的发挥空间,不再仅仅局限于将内容挤在一个不算太高的区域里。因此,大留白推测会成为未来的一个趋势。留白足够大之后,线框就显得多余了,视觉干扰也随之减少。那些线条,各种装饰,各种卡片,会越来越少,越来越少,直到消失。
去掉分隔线后,有哪些设计诀窍?
1. 毫无疑问,加大列表的纵向间距,留出更多的空间,让用户不至于为视觉层级所迷惑;
2. 使用图标+文字的方法来强调视觉层级,而非分隔线。如下图:
3.更强的文本主次对比关系,如更粗和更黑的主标题加上对比强烈小而灰的副标题,让用户区分出列表的区块关系。
4.顺便说一句,更“柔软”的设计,也可能成为趋势,比如,圆角弧度更大的按钮,图标,直角图标out了?不好说~