QQ新版界面大改动,无分隔线设计是否会成为未来主流?

1年前发布

原创文章 / 多领域 / 观点
静design 原创,如需商业用途或转载请与静design联系,谢谢配合。

QQ新版界面大改动,无分隔线设计是否会成为未来主流?

静电说:4月13日左右,各位小伙伴有没有发现自己手机上的QQ悄悄更新了呢?静电第一时间查看了一下更新日志,果然,这次是大版本更新8.0.0。其中第一条就是界面的变化。



我们不妨先把喜欢QQ或者不喜欢QQ,你用QQ或者只用微信这种喜好放一边,理性分析一下这种设计思路能给我们的设计工作带来哪些帮助?


打开QQ第一眼看到的就是启动界面的变化,依然是“腾讯蓝”的设计,但这次QQ形象站在了冰川上,下方映射出五彩斑斓的投影。


登录界面的变化,从传统的横线方式登录框和按钮,变为圆角矩形登录框,底部的登录按钮也变化非常大,直接改为圆形。


而消息及各种列表界面则改动是最大的,目前来看,分隔线完全从QQ聊天列表消失了,这点引起了很多小伙伴的讨论,有些说看不惯,有些说改了之后更加清爽了。大家怎么看呢?



今天咱们就要讨论下,分隔线消失,是否会成为未来设计的一种趋势


在相当长一段时间里,我们要做各种各样的列表,分隔线是必不可少的,它的重要作用是区分信息层级,让列表更加易用和易读。


但是,设计趋势总是在不断的变化。分隔线作为一种而且是其中一种区分信息层级的方法,随着时代的发展,已经越来越让我们觉得这条线,打扰用户的阅读了。而对于未来的趋势来说,可以推测,UI界面一定是越来越轻,越来越薄,无关的干扰也越来越少的。


从苹果的App Store改版我们就可以发现,越来越多,圆润的,有弧度的卡片出现在设计中,而分隔线则越来越少。而虾米音乐则将分隔线的使用减少到了极致,有道辞典也在尝试让列表更轻,更加清爽。




为什么无分隔线设计越来越多?


缺少分隔线后,设计师对于版式的控制其实是变的更难了,毕竟有一些辅助的色块,线条做区隔,设计起来会轻松不少,内容也不会太过杂乱。但是,这种规则已经逐渐被打破,分隔线越来越少,这其实对大家的视觉设计能力,特别是版式设计能力提出了更高的要求。我们发现,这些设计趋势,和很多年前看的杂志的版式设计有了那么一点点的类似。



优秀的杂志版式设计中,线框的运用也相对较少,要突出区块,重点内容,多依靠字体变化,留白等等去实现。其实,设计殊途同归,最终,随着技术的发展和设计师设计水平的提高,自然会对设计有更高的要求。


另外,还有哪些原因导致了我们的无线框设计越来越流行了呢?那就是:手机的屏幕越来越长了,相比与现在的16:9的屏幕,18:9的屏幕则更符合未来趋势。(其实很大一部分的原因是全面屏的普及),大家可以想一想,之前的iPhone4,又矮又挫有木有?现在的手机,各个高挑纤细。



所以,用户在纵向范围内,看到的内容越来越多。这就给设计师足够的发挥空间,不再仅仅局限于将内容挤在一个不算太高的区域里。因此,大留白推测会成为未来的一个趋势。留白足够大之后,线框就显得多余了,视觉干扰也随之减少。那些线条,各种装饰,各种卡片,会越来越少,越来越少,直到消失。



去掉分隔线后,有哪些设计诀窍?


1. 毫无疑问,加大列表的纵向间距,留出更多的空间,让用户不至于为视觉层级所迷惑;

2. 使用图标+文字的方法来强调视觉层级,而非分隔线。如下图:


3.更强的文本主次对比关系,如更粗和更黑的主标题加上对比强烈小而灰的副标题,让用户区分出列表的区块关系。

4.顺便说一句,更“柔软”的设计,也可能成为趋势,比如,圆角弧度更大的按钮,图标,直角图标out了?不好说~



设计趋势or玄学?


好了,以上就是静电对于无分隔线这样的设计趋势的分析。你可能要问,我就是看不顺眼啊,没关系,过一段时间,你就适应了,趋势有时候不以个人的喜好转移,甚至带有更多的玄学意味在里边。设计趋势在一段时期内反映用户喜好和心绪的变化(信息爆炸时代,内容超载,我想静静),但一些大厂商则往往能推动甚至引领设计趋势的发展。说不定哪一天,这样的趋势也会过时呢?到时候,全新的趋势究竟是啥样?谁也说不好?也许?这就是一个轮回


想想在几年前iOS设计

由拟物化改为扁平化的时候的样子吧

真香~



微信公众号:jingdesign91   个人微信号:hixulei


7
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    没有新消息