从智能手机说起,看设计风格演变的趋势

长期以来,大多数人对 UI设计趋势的理解,都是扁平化。可这容易引来两种误解:一群人理解扁平化,是一股潮流,这潮流就像流行时尚一样,会不断更替,原来的拟物风会重出江湖;另一群人,认为扁平化就是平,对设计的理解局限在表达手法上。


长期以来,大多数人对 UI设计趋势的理解,都是扁平化。可这容易引来两种误解:一群人理解扁平化,是一股潮流,这潮流就像流行时尚一样,会不断更替,原来的拟物风会重出江湖;另一群人,认为扁平化就是平,对设计的理解局限在表达手法上。

从智能手机说起,看设计风格演变的趋势

想要正确地认识设计风格演变的趋势,我们还得从智能手机兴起那段开始说起。

起初上帝造人……

从智能手机说起,看设计风格演变的趋势

很久以后,出现有一个人,他创造出了iPhone。

从智能手机说起,看设计风格演变的趋势

iPhone横空出世,从此人们进入智能手机时代。然而,此时的人们对智能手机的认知还是一片空白。由于人都是通过以往的认知来理解新事物,基于这一点,当时应用界面必然要采用拟物风格,以便于人们的理解和操作。

庆幸的是,当时的智能手机所具备的功能比较简单,如录音机、指南针、水平尺。

从智能手机说起,看设计风格演变的趋势

 iPhone 3GS 广告片截图

智能手机更多的是在充当一些日常的小工具。

在这个阶段,手机界面拟物化是必然的。同时也带了一些问题,由于大家都是将现实物体搬到手机屏幕,导致功能相似的应用,长的都差不多。图标相似度极高,比如相机应用。

从智能手机说起,看设计风格演变的趋势

随后几年,随着智能手机市场的成熟,人们对智能手机的认知已组建养成,拟物虽带来的引导性已经不再重要,反而严重局限了APP 发展。

由于每个人所处的文化、地段、环境不同,导致认知也各不相同,如果 APP 的图标和界面继续取自实物,那么对于那些没见过这些或者不熟悉的的人而言,只会蒙一脸。

从智能手机说起,看设计风格演变的趋势

比如这个 icon,我就一致搞不懂这个干啥的。

此外,拟物还带来另外三个问题。

设计层面,拟物要求设计师需要花费大量的时间研究技法(类似游戏 UI ),丰富质感、层次、阴影,这些最终都需要通过视觉元素来实现。有的时候,一天能出一个界面,改一次风格就得吐血三生。

对用户而言,用户关注的核心永远都是信息本身,华丽的视觉元素或许在用户使用的初期,起到赏心悦目的装饰,但久而久之,这都将成为对用户获取信息的一种干扰。用户需要简单直接的得到想到的信息。

大家都熟悉的事物其实非常有限,而 APP 的创新却在不断进行,很多创新的产品本身在现实世界就没有参照物。

如果一味追求拟物化,就是开历史倒车。

这个阶段,拟物依然成为一种桎梏,阻碍了创新。

世界智能手机在 2010 年左右引来井喷,2012年底中国智能手机占有率接近10% 。

此时设计风格的转变已经变得迫在眉睫。

在2013年,苹果推出了iOS7 开启了拟物向扁平转变的风潮。

设计师的春天终于来了,可以有更多的时间去思考设计,而非技法。

很多人转行做 UI 就是觉得上手简单 。

而在今年几家走在 APP 设计最前沿的公司,不约而同的选择了同一种方法对 UI 进行了改版。

从智能手机说起,看设计风格演变的趋势

通过去除原本大面积的界面主色,基本只保留黑白、更大号的粗体字、简化的 APP 图标,的品牌色被用于 UI 的各个细节处。

而不是像过去,随处可见。

UI 的减弱,表明新的趋势再一部向“突出内容”的本质靠拢,即“认知简约”。

从智能手机说起,看设计风格演变的趋势

由于用户学习的不断深入,逐渐简化复复杂和先前用于“解释”的信息。

曾经的拟物化也是作为“解释”信息而存在 。

从智能手机说起,看设计风格演变的趋势

如上图,整个过程很像文字的演变。

目前整个 UI 设计大的趋势,还是在朝着“认知简约”的方向发展。

虽然国外的设计师 Michael Horton 提出了, Complexion Reduction(肤色简约)的手机应用设计趋势,即每个 APP 看起来都差不多,主要以内容来区分。

可目前,国内资讯 APP 内容同质化严重,如果界面相似,内容再相似,用户还有必要下载多个 APP 吗?

所以,我觉得就实际情况而言,保持 APP 现有的特色,并不断通过 “认知简约” 简化 APP 中现有元素,在未来较长的周期内都将是大家需要认真思考的事情

 

作者:海边来的设计师

来源:微信公众号CSD

版权声明:人人都是产品经理尊重行业规范,所转载的文章都注明作者和来源,若标注有误,请联系主编QQ:419297645更改。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/27182/

(0)
CatherineCatherine
上一篇 2017-05-17 01:22
下一篇 2017-05-17 03:07

相关推荐

  • 设计干货|聊聊设计师玩转Sketch的那些事儿

    点击蓝字关注GOMEOS用户体验设计1调整组内图层父级变换属性新的调整大小选项可以帮助我们更灵活地调整对象与子层之间的响应:1. 默认属性下的成组放大缩小变化,内部的图标跟随组的缩放比例进行变化.2. 锁定图标的固定宽度&固定高度,成组的缩放比例不会影响到图标的比例与尺寸.3. 当锁定上部及右部间距时,成组缩放比例时,图标距离组内上部及右部的距离保持不变.2嵌套样式这个十分强大的功能使得symbols的复用更加的强大,可以同一内容复用多...

    2018-04-04
  • 蜕变.进化——百度云Android端7.0项目总结

    项目背景: 百度云面世之初是一款网盘类产品,以安全、稳定、易用、快速的体验著称,经历近两年时间的升级优化,百度云已不仅仅只是“网盘”了,在慢慢的朝着平台化的方向不断发展。 旧版的Android客户端随着每一次版…

    2015-03-18
  • 清华美院交互设计考研经验分享:考试要懂得“扬长避短”

    2018年清华美院交互设计-黎娜大家好,我叫黎娜,我本科毕业于广州美术学院工业产品设计系。产品设计主要是偏向于生活家居类的小产品。我大概是在去年快毕业的那段时间第一次从考研的同学那里了解到“信息艺术设计交叉学科”,2017年6月底就决定报考这个专业。接下来我想与大家分享的是自己的一些备考经验,希望能对你们有一些帮助。第一部分是关于专业一“上机”考试。我认为上机考试最重要的两部分分别是app和ppt。  app的练习方法有很多,这里我想分...

    2018-04-23
  • 设计原则中的5种信息组织方式

    要以用户能够轻松使用和理解的方式组织信息。用数据来回答用户的疑问。以更贴合用户目标的方式来呈现信息,就能创造出更好用的产品。“信息或许是无限的,但是……组织信息的方式是有限的,因为它们只能通过LATCH原则来组织:位置(Location)、字母表(Alphabet)、时间(Time)、分类(Category)、层次(Hierarchy)。”——Wurman, 1996“我做了太多次尝试,试图用某种其他方式来组织信息,但最终都会回归这5种之一。”——Wurman, 1996比如说,设计一套特别的服务时,我们应该考虑不同物品的位置关系,它们如何分布。超市货架的设计就是很好的例子,在物理空间中组织信息。比如字典和通讯录,无论是虚拟的还是物理的。举例:日历和会议日程、邮箱收件箱、项目计划、有趣的Facebook时间线、电商平台的订单列表、消息应用,还有许多。这种信息组织方式充斥着真实世界和虚拟世界。从购物与工业,到Pinterest上的分类和Twitter的标签。例如:从小到大,从低到高,从开心到不开心等等。给服务和产品标星打分、计分表、能效等级、尺寸等等。

    2017-08-04
  • 微信10个交互设计细节问题的探讨(下)

    文章转自:http://qinsman.com/1701_wechatrd/微信号:西市馒头铺接上篇~~~5. 删除会话时的危险操作警告左滑会话可以调出删除按钮是一个iOS下很常规的交互操作,但微信中删除一个会话意味着所有聊天记录、图片文…

    2017-08-02
  • 用户所说,非其所做

    当用户反馈问题时,这真的是他们遇到的问题吗?当用户讲述需求时,这真的是他们的实际需求吗?可能未必真实。例如,一家公司曾做过一个研究,他们通过调查问卷询问用户对手机颜色的偏好,当询问用户是否愿意购买一个红色的手机时,许多用户都回答愿意;然而在问卷调查之后,研究者告诉用户,“你可以在一个红色和一个黑色的手机中选择一个作为礼物带走。”结果却发现,大多数用户仍然选择了黑色的手机作为礼物,即便是那些回答更愿意购买红色的用户也是如此。

    2017-05-26
  • 与潘通CEO对话:合理的色彩运用,才能设计吸引人的产品包装

    年度流行色从何而来?潘通如何决定每年的流行色?你知道小黄人的颜色是潘通挑选的吗?以上问题在这篇对话中一一为你揭秘。“基于 Pantone 公司的核心业务,色卡销售,色彩咨询,以及色彩授权,中国目前是 Pantone 继美国后的全球第二大市场。按照中国的国际化趋势,不久后就有可能超越美国成为 Pantone 在全球的第一大市场。尤其,中国市场目前愈发突显了对设计的追求和重视。”Color defines our world. ——  Laurie Pressman  Vice-President of the Pantone Color Institute“For me it has always been such a calm color. Grey is like your favorite T- Shirt.” —— Jason Wu

    2017-05-11
  • 走心!优秀的移动端UI应当如何用微交互打磨细节?

    UI设计的细节很重要,它不仅仅体现在静态的元素上,动效和微交互也是如今UI和UX设计中最重要的细节。想要打造优秀的移动端UI设计,微交互和动效设计是绕不开的问题,今天的文章我们来聊聊这个。

    2017-05-19
  • 交互设计的未来!视觉设计师的末日!意念交互!

    家要知道随着科技发展迅猛,那些电影中见到的交互都慢慢变成现实,并且普及到我们的生活中。先看看我们到底历经了多少次交互的升华,为什么又说是交互设计的未来,视觉设计师的末日呢? 按键交互 诺基亚手机相信大…

    2015-11-17
  • 交互设计师入门文章大集合

    由于新手童靴们在群中咨询交互入门的问题较多,所以小编耐心地将咱们网站的所有关于交互设计师入门相关文章汇总,便于大家了解和学习。愿大家做出自己的选择后,风雨兼程,早日入门或转行交互成功! 《交互设计的背…

    交互设计 2016-03-29