移动端设计新趋势:化繁为简

  我们在这个“极简主义”的世界生活已经有些时日了,之后又将去向何方?

  过去几个月来,设计创新领域的先行者们,将“极简设计”推向了一个新的高度。Facebook、Airbnb和Apple都遵循着近似的原则,简化它们的核心产品,这种“化繁为简”(Complexion Reduction)的新趋势就在它们的移动端设计中得到体现。

  “化繁为简”究竟是什么?

  你是不是从没听说过“化繁为简”的趋势?那是肯定的,因为这只是我创造出来的术语。最近我留意到一种新的趋势,它超越了扁平化设计,也超越了极简设计,独立性在逐渐削弱。有些人会说,这只是极简设计运用到移动端领域时开启的新阶段,但我认为它截然不同。有一些明确的共性和特征可以定义这种新趋势。所以我决定给它起个名字。起个名没什么问题吧?

  这种横扫硅谷的热门新趋势,有以下这些决定性特征:

  加大加粗的标题

  更简单更普遍的图标

  减少彩色的使用

  结果呢?许多我们喜爱的应用界面,开始越来越像是出自同一品牌。

  证据

  早在5月份,Instagram发布了新设计的UI时,我第一次注意到这种新趋势。

  他们此次改版的变化,其中包括去除了无处不在的蓝色和深灰色,加粗了标题,简化了底部导航栏和图标。只留下黑白界面和醒目的标题,突显内容,功能清晰。我很欣赏这套简洁有序的界面,并且同时想起我仰慕已久的另一个平台:Medium。Medium自从2012年发布以来,黑白界面就用得炉火纯青,从那以后每次设计改版,都在去除繁杂;实际上Medium正是化繁为简的开山鼻祖之一,他们自己都不知道这点。真是要恭喜Medium!

  Facebook的同行们更新了Instagram的界面之后不久,我打开了Airbnb,它看起来如此熟悉,令我深受震撼。自从他们4月份发布了新设计以来,这是我第一次打开这个应用,但我感觉这一套界面分外熟悉。

  Airbnb的UI改版产生的媒体影响力,并没有一个月后Instagram的改版那么大(可能因为它没有一个光彩夺目的新图标),但它也使用了许多相同的化繁为简技巧。

  移动端的改版设计采用了更大更粗的标题,去除了不必要的图形和色彩,简化了图标,使它们更通用、易识别。只留下黑白界面,突显内容,功能清晰。

  Apple是最近的一个例子,设计师们迷上了化繁为简的趋势。本月初,Apple的WWDC大会上,这个科技巨人发布了一系列值得期待的更新,包括iOS 10的发布,他们正在进行调试,“iOS有史以来最重大更新!”(不过由于iOS 8时也这么说,所以至少是iOS 8以来最重大的更新)

  发布会中有一点特别吸引我。那就是Apple Music的改版设计。虽然它改版的最重要方面是用户体验提升和新增功能,但我首先注意到的是它的朴素。Caitlin McGarry,Macworld的本报记者就很准确地描述了这次更新,“它有一套全新外观,巨大的卡片、加大加粗的字体、干净的白背景,突显唱片艺术。”

  听起来很熟悉吧?这套设计与Instagram和Airbnb的设计略微有所区别(他们用的是实心图标!Apple在搞什么?)但关键元素都在:加大加粗的标题,黑白界面。

  所有这些意味着什么?

  我在上文提过,这意味着越来越多你喜爱的应用会变得很相似。为什么?就像国家橄榄球联盟(NFL),科技界也是个相互模仿的圈子。这些改版设计都得到了积极正面的反馈(有些人抱怨这些黑白界面“缺乏个性”,但他们很快就适应了。你打开一个应用是为了它的功能,并不是个性),所以我预测,新老应用都会踏上化繁为简的浪潮。

  这意味着iPhone的主屏很快就会变成一块彩色的马赛克,这些鲜艳的入口会引领你进入游乐场。

  现在,无论你是否支持这种单色的时尚,它毫无疑问是一个发展方向。产品设计流程正在发展和进化,不再是从前那种分离式的方式,鼓励过多的设计。现在的流程更趋于整体,真正关注用户。在从前的产品设计流程中,UI设计师可能会接过UX或产品给出的原型图,要求“把它做漂亮点”。然后设计师就会画上数小时、数天来添加、去除、调整颜色,或许最好的方案可能就一直摆在他们面前……直接用原型图!由于在如今这个整体的设计流程中,UX和UI设计师的界限正变得模糊,设计师不必过分操心自己的具体职责(例如把它做漂亮点),转而关注最终目标,为用户打造最棒的产品。

  化繁为简的终极指南

  你是否已经接受了化繁为简的趋势,并准备好踏上这波浪潮了?很好,遵循这些指南,你马上就会创造出优秀的应用。

  去除彩色。当然,你可以保留一种颜色,但要极度克制地使用它。其他一切最好是黑白的。让内容来为应用填充颜色。

  加大、加粗、加黑的标题。看到标题了吗?把它加到20至30像素,并且加重。

  简洁、纤细、易辨识的图标。你的图标最好是通用的,也不能使用彩色。如果想做得更好,应该按这个顺序来排列:主界面、搜索、主操作、次要操作、我。

  留白区域变为原来的两倍……不对,要三倍。甚至可以到四倍。这一点绝不能出错。

  应用图标更鲜艳。如果你就是喜欢设计一些鲜艳闪耀的东西,可以用在应用图标上。这是体现个性和品牌的地方,要让它光彩夺目!

来源;郯城生活 http://www.0539G.com

时间: 2024-11-03 22:20:57

移动端设计新趋势:化繁为简的相关文章

网页设计新趋势响应式导航设计

响应式设计是当前网站设计的趋势,针对不同的设备,提供布局解决方案. 而且很多UI设计技术狂人正在不断的进行各种实验,争取让响应式设计越来越好. 响应式设计的难点是导航菜单界面设计.可不能像缩放页面那样缩放导航菜单.在界面设计之前,要谋划好导航菜单在手机.平板.桌面上的布局.今天蓝蓝设计收集了25例出众的响应式设计,大家可以使用响应式在线测试工具Responsinator来看看,他们的网站设计的导航菜单,是怎样UI设计的. Harvard University Boston Globe Disne

web设计新趋势

2015 年 7 个重要的 Web 设计趋势:Web 设计趋势每一年都会有所变化.但设计师的创意天赋是推动改变网页设计标准的法则.设计师负责将创意转化为趋势.趋势转变为标准.如果在 2015 年,网页缺少以下 7 个设计元素,必定被淘汰. 1.排版更灵活 这部分的主要焦点在于,字体展现会受到新兴排版原则影响. 事实上,网页字体和打印字体还是有很大不同的,在 2015,我们会摆脱过去将文本挤在一起的老式思维. 其实,这并不是什么新鲜事,因为自 2006 年以来一直讨论这个概念,但设计适应缓慢,毕竟

8大网页设计新趋势(转载)

网页设计属于设计的一种,而设计中最重要的就是要符合潮流,所以网页设计紧跟潮流是必须的,这样才能使你的网页设计有足够的新鲜度以及吸引眼球的能力.下面笔者总结了8点网页设计技巧的新潮流趋势. 一.使用平面设计 以前我们可能会觉得平面设计和网页设计以及UI设计有很大的区别,会平面设计的人可能未必能做好网页设计,但这样的观念是时候革新了.实际上好的平面设计师会将自己的平面设计功底融合到网页设计当中,如果我们在学网页设计的时候只是参照网站设计,那我们永远无法突破. 不论是用平面设计作为背景也好,或者是用平

网站设计新趋势:沉浸式交互设计

时间的车轮滚滚向前,不断的改变我们对世界的认知,一些网站和App从大红大紫到门可罗雀也许只需要几个月的时间,但是每一次一种旧技术的终结,也就意味着一种新技术的兴起. 以下是我搜集的曾经受到用户热捧的现代交互设计技术,这些技术有些确实非常新奇,有些只是对旧思想的一些改进,但是不管怎样,这些技术会帮助你走在时代的前列,赶上世界前进的步伐. 一. 动画和过渡 一提及交互设计,我们就会想到一个时下最流行的概念,那就是动画效果,从一个炫酷的悬停到一个全屏化的卡通动漫背景,都属于动效的范畴. 对于交互设计来

软件设计新趋势,云基类该如何实现?

基于云基类的框架设计-2015年末随想2015年马上要结束了,展望2016,对软件开发和设计有些感谢,想和园子里的朋友交流交流. 想想中的开发场景: 一个好的软件架构设计师设计一套好的架构,这套架构运行与云中的服务器,基于架构开发的人员通过“web service” ,“wcf”或其他还没创造出来的技术引用到本地,开发人员在此架构上完善自己的具体业务需求.(“web service” ,“wcf”,之所以加引号,是无法实现目前的想法) 特点:(1)所有的基类实现代码都在云服务器上,开发人员无法接

Web 设计新趋势: 使用 SVG 代替 Web Icon Font

如果你还在使用 Icon Font 作为网页中显示图标的实现方案,那么你可能有点 Out 了. 由于使用 Icon Font 显示图标存在一些缺陷,开发者们一直在致力于探索使用 SVG 作为替代的方法. 这篇文章列举了目前 SVG 比较常见的使用方法. 关于使用 Icon Font 的缺陷,这篇来自 CSS Trick 的 <Inline SVG vs Icon Font> 可谓是总结的相当全面了.在我看来,Icon Font 的主要缺陷有以下几条: 浏览器将其视为文字进行抗锯齿优化,有时得到

UI设计师必须了解:2015年十大移动端APP设计主流趋势

从移动端兴起,主流设计风格定型,再到Uber.Vine等现象级APP的崛起,移动端的APP设计直到现在才渐入佳境.促成这一切的影响因素很多,比如社会发展趋势的变化.共享经济的大热.新技术的积累,等等等等.这些事物的出现需要时间积累,这也是为什么这些应用到现在才火起来. 同样的,今年我们要关注的是定型了的巨屏手机和逐渐沉淀下来的可穿戴设备. 随着日常生活中所涉及到的移动端应用的增加,用户在这些东西上的所耗费的精神和脑力也越来越多.查看邮件.预订酒店.叫外卖都有赖于各种应用,而诸如Airbnb和Gr

数据可视化:化繁为简,洞察新趋势

大数据概念的兴起,人们越来越认识到数据的价值.我们每天都在和数据打交道,但充分挖掘数据的价值,却总显得有些力不从心.经常是做数据分析的人辛辛苦苦分析一堆大数据,结果竟然没人看,数据分析也失去了它的意义!先取悦了眼球,剩下的都好说,如果你正着手于从数据中洞察出有用信息,那你所需要的正是数据可视化(Data Visualization). 数据可视化主要是借助于图形化手段,通过直观地传达关键的方面与特征,清晰有效地传达与沟通信息,从而实现对于相当稀疏而又复杂的数据集的深入洞察.数据的本质是资产,数据

2015 年五大移动端设计趋势

移动端网络的增长比桌面网络增长更迅猛,而且我们相信在未来五年,会有比 PC 端更多的用户通过移动设备连接互联网 Morgan Stanley – 2009年9月 图片来源:Rosenfeld Media 我记得像这种预测早在2000年底的已经出现,那时听起来有点古怪,但是在现在是2015年了而且预测是对的,孩纸们. 实际上,Comscore 认为,我们在去年早些时候已经越过了"引爆点".尽管不同的网站情况不尽相同,但总体来看,我们相信桌面用户在某种意义上成为了少数的"边缘用户