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

从移动端兴起，主流设计风格定型，再到Uber、Vine等现象级APP的崛起，移动端的APP设计直到如今才渐入佳境。促成这一切的影响因素不少，好比社会发展趋势的变化、共享经济的大热、新技术的积累，等等等等。这些事物的出现须要时间积累，这也是为何这些应用到如今才火起来。

 

一样的，今年咱们要关注的是定型了的巨屏手机和逐渐沉淀下来的可穿戴设备。

 

随着平常生活中所涉及到的移动端应用的增长，用户在这些东西上的所耗费的精神和脑力也愈来愈多。查看邮件、预订酒店、叫外卖都有赖于各类应用，而诸如Airbnb和GrubHub这样的优质应用则大幅度减小了用户在无关细节上的精力耗散，能够更好地处理其余的任务，专一于更有价值的事情。用户所面对的任务越多，那些真正可以便捷运用且迎合用户需求的APP所体现的价值就越明显。

 

也正是在这种语境之下，咱们对于APP设计的发展趋势应当有更清晰的了解。今天，让咱们来仔细梳理一下目前的APP设计的趋势。

 

一、为大屏手机设计


 

对，没错，无论你喜欢与否，大屏幕手机出来已经好久而且成为主流了，可是针对大屏的UI和用户体验设计一直不理想。

设计人员和开发者须要面对逐渐变大的屏幕和拇指长度之间的矛盾，曾经一直被诟病的iPhone的左上角返回键，在如今看来也只是诸多“反人类”设计中好不起眼的一员。与此同时，你不能将全部平常控件都放到右下角，毕竟还有10%左右的用户是左撇子，更不用说许多右撇子用户一样会用左手操做！

固然，给予用户定制空间是一个不错的选择。当年红极一时的“快播”移动APP就曾以“左手模式”而出名，而UC浏览器这样的移动端霸主也在很早的时候加入了左右手习惯判断的设计。固然，这只是大屏手机界面设计的诸多问题中的一个。

 

排版、交互、使用情景的切换、用户体验设计的变动都是须要设计师设身处地仔细思考的地方（好比我一直不习惯FlymeOS的默认字体尺寸，能够看可是很差看）。目前的设计不够好，好在它正在逐渐发展。

接下来的设计趋势，也与大屏手机的设计息息相关。

 

二、滑动交互成为主流

当webOS刚刚兴起的时候，精致的卡片、大量的滑动交互、手势操做惊艳了整个移动端设计领域。7年后的今天，滑动手势操做已经成为主流了。实际上，在iPhone刚刚问世的时候，滑动操做和双指缩放这种更贴近物理世界的直觉操做，就已经被广大的设计师所关注到，而且这种设计无疑更符合用户的需求——不用在局促的屏幕上点击更加局促的小按钮了。

滑动操做是直觉式的操做，毫无疑问。咱们惯于经过连续的触摸来认知外在的事物。在屏幕上滑动能够在现实生活中找到多种多样的对应操做，刷卡，滑动门闩等等等等，经验的转嫁也是如此的直接而天然。

主流的移动端平台已经将滑动交互融入到系统的每个细节了，而且会有意识地引导开发者运用这种交互方式。如今当你打开应用的时候，你会下意识地经过滑动操做来切换界面，返回上衣级，删除或者查看菜单，难道不是么？

 

三、可穿戴设备开始影响移动端设计

手机屏幕愈来愈大，可是可穿戴设备的屏幕则要求够小够好用，尺寸上的巨大差异令APP的界面设计面临更大的挑战。虽然Apple Watch并无你们想象中那么火爆，可是IDC的数据则代表，2015年厂商出货的可穿戴设备高达4570万台，其中涵盖了手腕上所佩戴的手表/手环类设备、身上佩戴的和眼镜类。

不过，目前关注度最高的依然是Apple Watch和基于Android Wear 的设备，也正是这两大平台将可穿戴设备的热潮带动了起来。可穿戴设备不再是局限于检测心率和睡眠质量的工具了，它们能够告诉你会在路上走多久，明天的天气，会提醒你为姑妈带晚饭等等等。手腕上的这个小东西有着很是巨大的潜力和无限的可能性，那么它又是如何影响着设计师和开发者的工做的呢？

 

不管是Apple Watch 仍是Android Wear 都强调一目了然的重要性。不一样于手机和平板，智能手表的使用场景大相径庭，用户不会长时间盯着看，内容显示要快，要直观，要易于消化，甚至要考虑到用户用眼角扫视这样的状况。这就意味着，这块小屏幕上的版式、色彩、对比度的控制尤为重要。另外，许多应用本来就有手机和平板可用的版本，再设计可穿戴设备的版本之时，须要考虑功能、体验等各方面的取舍。

因为可穿戴设备是新兴领域，现阶段针对它们的设计尤为须要注意应用的可用性、用户反馈，而且针对需求即时更新。虽然Apple 和Google 对于各自的平台各有一套规范，可是用户的诉求一样是塑造将来设计走向的重要因素。

 

四、分层布局

扁平化和拟物化自己是就是不一样风格倾向下的产物，二者趋近于两个极端，可是并不是非黑即白的完全的对立，咱们以前所说的扁平化2.0和此刻所提的分层布局，就是二者之间的“灰色地带”。尽管近年来的数字美学天然而然地催生了扁平化风潮，可是在过去几年的摸索中，咱们了解了复杂纹理和高度拟物的过分装饰性，一样也意识到了阴影和小幅度渐变即便在扁平化的设计中，同样很重要。

Google 的Material Design 就很是坦诚地将阴影和分层布局推到台前。尽管总体风格依然很是的扁平化，可是Google的设计师从拟物化设计中借鉴来的元素令整个设计语言趋于完善，也更富有人性（若是你是Mac用户，那么你会发现目前的OSX和Material Design 一样是扁平和拟物的融合体）。Material Design中的分层结构源于天然，取自于“纸”的物理隐喻，将物体和物体之间的相互关系用色块和阴影表达出来。

 

这种典型的分层结构，令虚拟的对象拥有了物理属性，色彩和阴影构建出空间关系，相对运用的速度反映出对象的重量和惯性，透过触摸屏你彷佛在和实实在在的物体进行交互，这又未尝不是更为高明的“拟物”呢？优雅的体验，拟真的操做，这就是分层布局的独到之处。

 

五、更多动效

咱们的手机所拥有的计算能力，已经超过了登月时的整个NASA。4G通信协议的覆盖使得应用对于信息的获取也比上一个时代更加快捷高效。加之技术的发展，APP所能承载的信息量也不断增长。全部的这一切造就了今天的APP设计，过分愈来愈有味道，动效开始承载着引导、提醒、过渡的功能，APP也再也不全是借由简单的通知来同用户进行信息沟通，每个震颤和回弹的效果均可以传达出信息，而这一切，让APP更加天然而智能。

 

六、更加简单柔和的色调

就像时尚圈每一年都有流行色同样，设计圈的用色习惯每一年也都在改变。从大的方向上来看，咱们彷佛愈来愈着迷于简单柔和的色调了，而这也是整个设计方向向着极简主义进化的天然结果。这种配色在目前的需求下有着自然的优点，若是采用某个单色不一样色度的配色方案，搭配白色字体和少许有对比的元素，或者试试两三款清爽柔和配色，你能够很快出一套很是不错的视觉稿。

考虑到用户长时间盯着屏幕，柔和的色调和清爽的配色会让用户注意力更少分散，毕竟强对比度的色彩还会加剧视觉负担。若是你的APP设计采用这种配色，不只会更富于设计感，并且让用户以为更流畅，更温馨。

 

七、更注重排版

视网膜屏幕的兴起毕竟是近几年的事情，在过去很长的一段时间里，移动端和网页上的字体分辨率都比较低。随着移动端的高度进化和Typekit等服务的出现，字体清晰度的提高，让网页和APP的排版布局拥有了更多的可能性，设计师能够借由不一样的字体和多样的图片搭配出更有表现力的设计，即便是在移动端设计上，这种趋势也愈加明显。文字和内容很重要，借由字体、排版、图片的搭配来合理呈现，就不是1+1=2这么简单了。

 

八、APP内置模糊效果

借由背景虚化和半透明效果来提高APP在视觉上的可用性也是设计趋势之一。相比于纯色背景，用户更倾向于使用图片，虽然提升了个性化，可是会让背景层以上的图标、控件在视觉上没法清晰分辨。APP内置模糊和半透明效果能够缓解这种视觉上的障碍，确保可读性，又保留了用户所追求的定制化效果。

 

九、移动端可访问性的创新

设计和技术的革新让各类设备和APP的可访问性获得了极大的提高。滑动手势、TypeKit、动效等都是可访问性创新和提高的产物。目前国产手机中内置的“老人机”模式就是可访问性创新的成果之一，它简化了交互，解决了一部分视觉障碍用户的阅读问题。

不过，提高可访问性和可用性并非简单的放大字体或者调整就能够解决的。确保APP的可用性，你须要对它的可访问性有更深刻的批判性思考。当它进入“老人机”模式的时候，布局可否适应字体大小调整以后的界面？多选控件是否会随着放大而且看起来协调而易于操做？等等等等。

 

十、更智能的原型

移动端APP的设计愈来愈复杂，随之而来的设计和开发也愈加的系统、琐碎。简单的静态图和线框、引线已经不足以呈现整个设计的细节，一味地要求客户脑补也解决不了问题。好在咱们如今拥有了诸如UXPin、Proto.io 这样的新工具。

无需进行复杂的编程来呈现原型的细节和过程，设计师能够借由这些进化中的新工具无缝地呈现他们的想法和构思。原型设计会愈来愈智能，设计流程也会随之调整匹配。