×

4006-234-116

13681552278

手机版

公众号

天晴创艺网站建设公司。主要为北京天津全国各地提供网站建设与网页设计制作服务,欢迎大家咨询。您的IP地址是:3.15.34.50。今天是:,,(),,现在是:9:57:44,

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

作者:天晴创艺发布时间:2019/4/17 16:04:36浏览次数:11834文章出处:丰台做网站公司

      我们不妨先把喜欢QQ或者不喜欢QQ,你用QQ或者只用微信这种喜好放一边,理性分析一下这种设计思路能给我们的设计工作带来哪些帮助?
      打开QQ第一眼看到的就是启动界面的变化,依然是“腾讯蓝”的设计,但这次QQ形象站在了冰川上,下方映射出五彩斑斓的投影。

无分隔线设计

无分隔线设计

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

无分隔线设计

无分隔线设计

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

无分隔线设计

无分隔线设计

      今天咱们就要讨论下,分隔线消失官网建设,是否会成为未来设计的一种趋势?
      在相当长一段时间里,我们要做各种各样的列表,分隔线是必不可少的,它的重要作用是区分信息层级,让列表更加易用和易读。
      但是,设计趋势总是在不断的变化。分隔线作为一种而且是其中一种区分信息层级的方法,随着时代的发展,已经越来越让我们觉得这条线,打扰用户的阅读了。而对于未来的趋势来说,可以推测,UI界面一定是越来越轻,越来越薄,无关的干扰也越来越少的。
      从苹果的App Store改版我们就可以发现,越来越多,圆润的,有弧度的卡片出现在设计中,而分隔线则越来越少。而虾米音乐则将分隔线的使用减少到了极致,有道辞典也在尝试让列表更轻,更加清爽。

无分隔线设计

无分隔线设计

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

无分隔线设计

无分隔线设计

      优秀的杂志版式设计中,线框的运用也相对较少,要突出区块,重点内容,多依靠字体变化,留白等等去实现。其实,设计殊途同归,最终,随着技术的发展和设计师设计水平的提高,自然会对设计有更高的要求。
      另外,还有哪些原因导致了我们的无线框设计越来越流行了呢?那就是:手机的屏幕越来越长了,相比与现在的16:9的屏幕,18:9的屏幕则更符合未来趋势。(其实很大一部分的原因是全面屏的普及),大家可以想一想,之前的iPhone4,又矮又挫有木有?现在的手机,各个高挑纤细。

无分隔线设计

无分隔线设计

      所以,用户在纵向范围内,看到的内容越来越多。这就给设计师足够的发挥空间,不再仅仅局限于将内容挤在一个不算太高的区域里。因此,大留白推测会成为未来的一个趋势。留白足够大之后,线框就显得多余了,视觉干扰也随之减少。那些线条,各种装饰,各种卡片,会越来越少,越来越少,直到消失。
      去掉分隔线后,有哪些设计诀窍?
      1. 毫无疑问,加大列表的纵向间距,留出更多的空间,让用户不至于为视觉层级所迷惑;
      2. 使用图标+文字的方法来强调视觉层级,而非分隔线。如下图:

无分隔线设计

无分隔线设计

      3.更强的文本主次对比关系,如更粗和更黑的主标题加上对比强烈小而灰的副标题,让用户区分出列表的区块关系。
      4.顺便说一句,更“柔软”的设计,也可能成为趋势,比如,圆角弧度更大的按钮,图标,直角图标out了?不好说~
(郑重声明:本文版权归原作者静电所有,转载文章仅为传播更多信息之目的,如有侵权,请联系我们删除;如作者信息标记有误,请联系我们修改。),

文章来源:丰台做网站公司

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

文本地址:https://www.bjtqcy.com/info_1312.html

收藏本页】【打印】【关闭

本文章Word文档下载:word文档下载 从QQ新版界面大改动看无分隔线设计是否会成为未来主流

用户评论

客户评价

专业的网站建设、响应式、手机站微信公众号开发

© 2010-2022 北京天晴创艺科技有限公司 版权所有 京ICP备16050845号-2   

关注公众号 关注公众号

进入手机版 进入手机版