脑课堂编程教育

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

开发无忧 3年前
1872 0 0
脑课堂编程培训

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

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

file

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

file

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

file

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

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

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

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

file

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

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

file

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

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

file

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

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

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

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

file

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

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

收藏

本文标题:从QQ新版界面大改动看无分隔线设计是否会成为未来主流

本文链接:https://naoketang.com/p/w467p4pp7vg0

评论区

推荐课程