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

长期以来,大多数人对 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

相关推荐

  • 用户体验设计必须知道的产品9种状态

    作者:Yjjj @ UI设计狮联盟   之前在脉脉上有看见过有人提到的这12种状态,但是明确的说应该是用户在使用产品时的状态,但是细想之后觉得有几个状态应该修改一下,那么我们重新定义为9种状态吧: 等待 初始 寻找 无…

    交互专题 2017-08-07
  • 移动端图片阅读—交互设计分析

    ↑点击上方蓝字,加个关注吧~↑今天老冰给大家分享一个移动端图片浏览的交互方式这个APP的阅读教程中,一共介绍了四种交互方式,左右滑动翻页浏览,上下滑动阅读更多,下拉放大图片,侧划查看时间线以往资讯。在这里并没有介绍左滑,有人问,左右滑动不就是左滑吗?其实,并不是,当你位于第一张图片时,也就是现在左滑已经没有内容了,此时你的左滑便有了刷新的作用,不同于其他(很多app刷新都是下拉刷新),这也是值得称赞的地方,它通过自己的交互思维,产生了自...

    2018-01-30
  • 设计师如何具有工程师思维?

    常常在提 design thinking, 让工程师有设计思维,但作为一个设计师,很多时候工作处理的都是交互层的东西,那如何像一个工程师一样理解一个项目呢?或者说如何具有工程师思维? 这个问题的简单回答是:根本没有“工…

    2015-05-24
  • APPLE WATCH 中文手册:APPLE Watch Apps--情景菜单

    原文:WatchKit Programming Guide:Watch Apps--Context Menus Apple Watch上Retina屏的Force Touch特性提供了与内容进行交互的新途径。与点击屏幕上的项目不同,该特性并非轻触,而是需要一定的按压力度才能激活与…

    2015-06-15
  • 设计师要懂心理学の眼见非脑见

    我们一般认为,当我们观察周围的一切时,眼睛会将看到的信息传输给大脑,大脑再对信息进行处理,让我们感受到真实的世界。但其实不然,脑见并非眼见,因为大脑总会解析眼睛看到的所有信息。试举一例,请观察下图: …

    2014-11-26
  • 面对大型项目的设计需求,设计师的定位与协作方式应该是这样的……

    工作需求每天都有,但总有一些冥冥之中会被更多人关注,如实事热点、周年庆典、大版本发布、热门合作等,那这些被更多关注的项目是否就是传说中的大型项目呢?视觉设计师在这样的项目中,又该如何发挥自己最大的作用,找到自己的最佳定位,保证高质量高效率的完成项目呢?Ps:养成良好的分类习惯,在需要时它也可以是你的加速度。ps:作为视觉设计师,要不忘设计的态度,时刻提醒自己,除了眼前的这个方案一定还存在一个更好的方案,时间允许的前提下不妨再对自己狠一点,过程虽然痛苦,但结果往往会带来惊喜!

    2017-05-10
  • 5分钟交互设计指南系列:对话框

    框 (dialogs) 是叠加在应用主视图上的弹出 (pop-up) 视图,一般会要求用户作出反应。对话框可以分为模态对话框 (modal dialogs) 和非模态对话框 (modeless dialogs)。

    2017-10-31
  • 项目文件管理,只需7个文件夹

    作为一名视觉设计师,将文件整理的井然有序是我们必须要具备的能力,如果你现在还没有一个完整的文件管理体系,可以先看看我的!

    2017-04-30
  • 长大的用户体验不好,想退货了

    来都说:本周,小编的桌上多了一盆仙人球,世界各地还发生了这些小事情:钻石兄弟情、无声面包店、「自杀式」教学、午夜「决斗」、从天而降的小女孩、我明白得有些晚、长大的用户体验……01钻石兄弟情近日,美国印第安纳波利斯市一处停车场内,一位 80 岁的老爷爷遭遇抢劫。由于行动不便,拄拐杖的老爷爷只能任凭灰帽衫劫匪的摆布……这时,一个身影冲过来,朝着劫匪的后背就是一拳,劫匪被打得踉跄了几步,脑袋也有点蒙了。这个身影是 80 岁老爷爷的哥哥,今...

    2018-04-13
  • 如果动物们会说话

    你是否曾经想过动物会说话的情景?艺术家Jimmy Craig用一组漫画描述他所想象的动物说话的场景。在这组名为They Can Talk 的系列漫画中,Jimmy给出了他自己的解释。在这组漫画中,我们可以感受到动物世界里的秩序以…

    2016-06-02