城市应抓住时机，巧妙利用疫情中积极的一面，例如开阔的街道、户外就餐、通畅的交通等，打造以人为本且更具韧性的未来。

20分钟社区将推动公平建设

公共和私营部门均需妥善规划投资策略，从公平视角建设20分钟社区。此类投资将为这些住区吸引更多的开发机会，在惠及居民的同时，也使他们能够参与其中。

气候行动要求将推动净零排放目标进程

面对减少碳足迹的压力，机场、校园、数据中心等机构将继续遵循新的碳中和及可持续发展目标，以此树立行业标准。

城市与企业将专注于再生和再利用概念

为应对气候变化，城市与企业需努力营造可持续、可再生的环境，高效利用现有空间和材料，从而减少废弃物和碳排放。

创新园区将继续蓬勃发展

过去，园区规划采用对内为主的模式；如今，各大机构更加关注园区与周边社区之间的互动方式。为激发创新精神与协作意识，开发模式已从单一用途设施升级为综合体生态系统。

PDF版本将分享到199IT知识星球，扫描下面二维码即可！

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

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

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

1、为大屏手机设计

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

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

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

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

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

2、滑动交互成为主流

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

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

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

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

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

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

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

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

4、分层布局

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

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

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

5、更多动效

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

6、更加简单柔和的色调

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

考虑到用户长时间盯着屏幕，柔和的色调和清爽的配色会让用户注意力更少分散，毕竟强对比度的色彩还会加重视觉负担。如果你的APP设计采用这种配色，不仅会更富于设计感，而且让用户觉得更流畅，更舒适。

7、更注重排版

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

8、APP内置模糊效果

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

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

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

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

10、更智能的原型

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

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

百度MUX的同学们分别从硬件产品的“交互设计”和“产品设计”两个维度进行了一些趋势的分析和挖掘，从两个设计维度中分别预测出了未来一年内硬件领域的五大趋势，相信这些设计会形成趋势，带给用户更好的体验。

1 硬件手势交互（HARDWARE GESTURE）

伴随越来越多的智能硬件出现，机器可以读懂更多人类的语言，手势交互应运而生。不同于传统的屏幕，设备有更丰富的传感器和摄像头，多方位感知操作指令，设备的开启关闭、向左向右，声音大小控制，可以通过定义特定的手势来实现，完全不需要在某个界面进行操作，真正实现了人与机器的自然交互。

Google Glass

Nest

Glass 的敲击发送，跟摩斯电码感觉一样梦幻，Nest 的招手就取消报警，这些都是初级的手势的交互，如果手势都可以表达复杂语言，那么你想让设备如何操作就靠我们来设计定义了。

2 摄像头交互（CAMERA INTERACTION）

目前，摄像头已经成为各类电子产品的标配。除了拍照外，摄像头还能实现很多其他功能，比如通过捕捉用户的运动轨迹从而取代触摸屏的操作，丰富了交互形式，大大提升了用户使用的便捷性和趣味性。

FLUTTER

FLUTTER，将手掌往摄像头一按，控制mac／pc的音乐停止；再按继续播放，可用于紧急情况，需要关闭音乐的场景，更轻松的控制音乐进度。

Camme

Camme和百度魔图，分别通过前置摄像头捕捉手掌动作或眨眼实现快门的功能，从而让喜欢自拍的女生们更加自由从容的摆pose，不可谓是自拍神器。

Goccia

摄像头除了捕捉运动轨迹外，还能获取光信号，向手机传输数据。以Goccia为例，将 Goccia 翻过来扣在手机的前置摄像头上，打开 App，Goccia 会发出一段携带数据的彩光，由手机摄像头捕捉后转化为电信号数据储存到手机或者云端。这套机制的能量转换效率要比 Wifi 或者蓝牙更高，大大降低了设备体积。

3 圆形交互（ROUND INTERFACE）

对于越来越多的智能设备，方块屏幕不再是唯一选择，不同设备会根据自己的使用场景和设备外形来选择屏幕。圆形屏幕在可穿戴等领域表现抢眼，将会受更多到青睐，它和身体接触更加柔和，形状本身也容易被大众接受，同时衍生出根据圆形而设计的新型交互方式非常符合我们的操作习惯，十分自然。

Nest

Moto360

Smartwatch Concept by gabor balogh Shine

nest并没有使用一块方形触摸屏应付了事，而是将界面与操作融合在圆形屏幕之中，整个屏幕周围可以转动，并且随着转动屏幕中显示变化的数字或选项，按下屏幕则是“确定”，整个界面围绕“圆形”堪称典范。

4 静默交互（SILENT INTERACTION）

并非所有可穿戴设备的交互过程都是有操作的。对于婴儿、宠物穿戴的设备而言，交互的过程则是静默的，可穿戴设备只负责信息采集的，交互的过程在后台就可以智能完成。采集来的所有的信息都传输到手机APP中，让家长主人查看相关的数据。

FitBark

Owlet

FitBark和Owlet分别是宠物穿戴设备FitBark和新生儿穿戴设备Owlet，用于追踪睡眠、呼吸等生理信息。整个过程都是静默的，只是做定位和监测，智能地在后台帮你完成一切你所关注的信息。

5 智能语音互动（SMART VOICE INTERACTION）

语音在可穿戴设备的交互中，承担着重要作用。语音的使用场景有无限多种可能，也让人产生无限遐想。

常见的是Voice in模式。例如Google Glass，用户通过OK Glass的语音唤醒眼镜后，可以用语音对眼镜做出各种指令，实现交互。

而另一种更为高级的则是Voice out智能互动模式。让语音成为可穿戴设备的反馈延伸，与用户产生互动和交流，赋予语音人性的色彩 。

Moov

今年秋季将要上市的运动设备Moov，有私人健身教练功能，记录用户所有的运动量，并给出相应的指导意见。它和许多信息追踪类穿戴设备一样，也需要与手机配套使用。但是特别点在于，Moov充分发挥了手机Siri的优势，让手机成为穿戴设备的一部分。在运动过程中，由Siri根据用户的实际运动状况，给出相应的语音反馈、提示、激励。试想Siri会如同私人教练一样去纠正你的动作，为你喊口令，爽爆了有木有。

6 关怀设计（CARE DESIGN）

“哎呀，爷爷在家摔倒了，赶快拨打120。”Sensefloor可以通知亲人家中有老人跌倒处于危险之中。硬件产品设计更加智能更加贴近生活，关怀弱势群体（老幼病残），让年轻人的生活更加容易。从通用设计转向关怀设计发展，即转向特殊人群，社会梯度的高度老年化，以及年轻人想要关怀父母长辈、幼儿的心，使得智能硬件的发展更加趋向于为老人儿童配备智能硬件，而将信息反馈给熟悉互联网知识的年轻人，形成关怀与监测闭环。爱与被爱，更多关怀，让人们的生活更加容易，设计也更加贴心。

Smart PJ’s

没有时间给孩子讲睡前故事觉得歉疚么？有了Smart PJ’s或多或少能减少一些这样的罪恶感，即使不在身边，Smart PJ’s也可以代替自己给孩子讲故事，抚慰孩子早点入睡。

Quick Trainer Tweet Pee

TweetPee尿不湿更换通知器，当尿不湿的承载量已经达到极限的时候会通过tweet消息的形式通知家长给宝宝更换尿不湿。而Quick Trainer则通过传感器来感知人体是否要尿尿，并发出警报，这样就可以提前将孩子或者残障人士带到便池，免去不必要的麻烦。

关怀设计最终目的是让承受社会压力的年轻人生活更加容易，不多的时间用来关怀家人提前预防、监测亲人的生活环境从而在事发第一时间做出及时的反应，硬件设计的发展将逐渐影响人们关爱亲人的方式。

7 智能手机外设（SMART PHONE PERIPHERAL）

手机已经成为生活中不可或缺的一部分，那么它要变得更强大，一种趋势就是通过可与之相连的智能外设来扩展能力，这些外设可在不同场景下为特定任务提高效率。这些以“配件”形式存在的硬件正在强化手机的功能，利用音频口和蓝牙等进行数据传输，让手机一秒钟变钱包万能笔游戏机诊疗设备，听起来就让人兴奋。

Square

O-Click

比如利用耳机孔的外设、与手机摄像头交互的外设，与屏幕交互的智能笔等，解决了屏幕软件上的操控缺陷。Square 的移动支付设备，O-Click的遥控拍照，这些外设为我们的生活带来很多便捷，也为手机增加了很多有趣的使用场景。

8 中控可视化（VISUALIZED CENTRAL CONSOLE）

人与汽车的交互，随着智能手机的影响也在逐渐变化，对汽车的传统机械控制，正在逐渐被中控中界面替代，不但是因为这些功能之间可以有更智能的关联，同时也允许驾驶员通过语音，手势等操作来与汽车交互，带来更加便捷与智能的操作体验。今年，这块车里的屏幕也是巨头必争之地。

Telsa中控

telsa在这个领域领先了一大步，汽车的大部分功能都可通过这块屏幕实现。其中像车灯控制这样的功能还实现了可视化操作，解决了很多传统操作的弊端，带来了新的体验。

9 模块化设计（MODULAR DESIGN）

电子产品满街飞的现在，面对市面上主打不同功能的各式各样的产品，用户常常面临选择困惑，甚至为了满足更多需求不得已购买一堆电子产品。同样的问题也存在在各大厂家中，为了以少变应多变，以尽可能少的投入生产尽可能多的产品，“模块化设计”更多的被使用，用具有相同接口、不同功能模块的组合，可以配置生成多样化的满足用户需求的产品。

百度云智能手环-矩阵

百度云UE设计团队将模块化应用于智能手环的设计中，采用模块化处理，分离部件，封装在不同模块中，如芯片、电池、马达、各种传感器等，并配有规范的接口，厂商和用户可以根据需求自由组合，提供多样化服务，需要提升手环的电池续航能力的用户，可以多装一个电池环段；平常生活工作只需要记录卡路里消耗的环段，而运动健身时则可以把这个环段拆下来换成监测心率的环段。这样，不仅智能手环的功能可以得到拓展，对手环用户来说也是成本上的节约。

Nex Band

“谁也看不出我穿了传感器”- Nex Band也在追赶模块化定制的潮流，用户可一次同时使用的模块是至多 5 个，每个模块都有一个多彩的 LED，通过不同符号指示不同功能，同时有相应的 App（第三方合作） 模块为之追踪、解析数据、或者其它互动，不想用哪个模块就可以把它拆卸下来换成别的。

10 软硬一体化（HARDWARE AND SOFTWARE INTEGRATION）

Fuelband

硬件产品的发展与软件相结合来体现其智能。简化硬件的设计使其更加便于携带，将硬件的功能延展到软件上，彰显其智能的一面。例如Nike+的fuelband，用户通过手环所了解的信息和数据是极少的，而通过配套app则可以标示跑步线路、追踪进度，激励用户跑得更远，奖励用户取得的每个成就，并且让用户与朋友分享。软硬一体化是目前智能硬件发展的必然趋势也是一个必经的阶段。

WeMo

通过软件来简化硬件上的显示屏幕，做到简化硬件的设计，轻量化、也更简单安全。同时也让硬件和软件保有可以分离的可能性。作为监测设备是最好不过的做法，如智能家居公司belkin的儿童监视器，家长通过智能监测系统了解孩子是哭是闹，还是好梦酣眠，这些信息会准确无误的发送到家长随身携带的iOS设备中。硬软件一体化的发展趋势也使得硬件的发展具有灵活多样的特性。

趋势1：响应式设计（Responsive Design）
响应式设计是网站设计的最新趋势之一。当一个网站运用响应式设计，这意味着你的网页的布局将适应任何屏幕尺寸。这种灵活性使得你的网站，无论在智能手机、平板、桌面上显示，都具有更好的用户体验。同时，也有利于设计人员和市场营销人员去建立和日常维护网站，而免去不断优化和调整的烦恼。响应式设计目前在邮件营销设计中也得到越来越多的应用。

webpower中国区提供出色的邮件与短信、微信、APP等多渠道个性化会员营销服务，其设计团队与市场营销团队精心推送的每月Newsletter在不同屏幕上的显示俱佳，看看下例，你就知道为什么需要使用响应式设计：

趋势2：视网膜支持(retina display)

在2010年，苹果宣布iPhone4将有一个视网膜显示屏，该屏幕的像素密度将达到326像素/英寸(ppi)。当时我们中的许多人根本不知道视网膜显示是什么，但无论如何，设计师欢欣鼓舞！我们很快就发现了视网膜显示意味着屏幕上的图像会比我们之前见过的更加清晰。

当像素密度超过300ppi时，人眼就无法区分出单独的像素，不会再出现颗粒感。视网膜显示的极高像素密度意味着可以允许设计师创造更详细的图片，在设计中加入更多的细节。这对网站设计开通了另一扇大门。

趋势3：大图片背景

越来越多的企业正在把大照片作为其网站的背景，以给网站访问者带来一个企业整体的风貌。把大型照片作为网站的背景，这对于营销来说是一个巨大的好处。访问者在来网站在瞬间就能直观的感受到所有关于你的公司、你的企业文化、产品服务或网站目的等关键信息。

例如，总部设在美国科罗拉多州的Sweet Basil，其网站背景是不同餐厅图片之间的交替展示。

在上图中，你马上就能理解这家餐厅的文化和氛围，然后决定是否值得一去。毕竟，企业只有几秒钟的时间向你的网站访问者证明他们应该留在网页上。

趋势4：无限滚动（Infinite Scrolling）
当你正在谷歌中寻找图片的时候，你可能会认识到这个技术。无限滚动意味着你向下滚动页面，该页面会持续加载。简单地说，无限滚动是为更好的用户体验而做。刚开始时，它可以让用户保持在同一页上，而不需要在许多不同的网页之间切换。在一个长页面上持续的加载比在多个页面上加载速度更快。当您的网页上有大量的图片时，考虑使用无限滚动，以使你的访问者滚动内容时可以持续下载。

在Cutest Paw的网站上，您不仅可以欣赏可爱的动物图片，且该网站使用这种技术，你一次可以加载很多图片。

趋势5：视差滚动
视差滚动是计算机图形学中的一种技术，能够使背景以较慢的速度在前台移动，创建一个看起来像3D的视觉错觉。许多网站已经开始使用这种技术，利用这种技术让你的网站与访问者更加互动，但如果过度使用，它可能看起来花哨。

例如，电影《少年派的奇幻漂流》背后的营销团队在其网站上就应用了视差滚动技术。

视差滚动使网站变得生动。它使2D图像体验起来像3D。因此，它有助于市场营销人员在网站用于描述其营销故事。当你向下滚动，随着文本和图像出现在不同地方，你会发现更多有关产品或服务的图片和文字。这种技术非常强大，因为它真的可以为你的访问者带来更鲜活的业务体验。

趋势6：可伸缩矢量图形
可伸缩矢量图形（SVG）是基于XML的矢量图像格式。利用SVG能够创建更加丰富多彩的信息可视化和交互性的应用，尤其是可以创建具有动态的、数据驱动的、交互式图形、图像。另外，由于是纯文本格式的，SVG比传统的图形、图像格式如GIF和JPEG占用更少的空间。查看示例http://svg-wow.org/camera/camera.xhtml

趋势7：字体排印
字体排印，又称“文字设计”，是一种涉及对字体、字号、缩进、行间距、字符间距进行设计、安排等方法来进行排版的一种工艺。它可以使一个实体的品牌在第一眼时就被容易辨认，也给网站营造一种有组织、利落的感觉。现在很多设计师都选择使用字体排印，以帮助访问者浏览网站。网页的字体排印包括能够使网站看起来整齐美观的网页页头。设计师一直在他们的设计中使用字体排印，但目前字体的选择突飞猛进。

使用字体排印的一个最典型的网站是“纽约客（The New Yorker）”。字体排印创建了一个简洁的设计风格。在纽约客网站中，不杂乱、整洁、干净、有足够的信息，有助于读者了解其内容，当我们通读第一页，大的字体排印脱颖而出，使我们可以快速找出我们需要去的地方。

趋势8：叠加下拉菜单

叠加下拉菜单是下拉菜单的一种形式，它直接覆盖在网站的内容上。这意味着，当你点击网站上的一个导航选项，那么在你的菜单下面会弹出其他选项，而不需要你到不同的页面去。

iOffice在其网站上使用这种技术。这种技术对于在主页上想增加一些额外链接的企业真正有价值，避免了页面中文本过度拥挤。当您在下拉菜单中选择任何东西，你还是一直可以查看到该页面的其余部分和其他内容。

采用了响应式设计布局的网站更适合使用这种下单菜单，因为它让这些网站最大限度地提高了在移动设备和平板电脑上的显示空间。

9.扁平化设计

扁平化就是摒弃高光、阴影等能造成透视感的效果，通过抽象、简化、符号化的设计元素来表现。界面上极简抽象、矩形色块、大字体、光滑、现代感十足，让你去意会这是个什么东西。其交互核心在于功能本身的使用，所以去掉了冗余的界面和交互。这个概念最核心的地方就是放弃一切装饰效果，诸如阴影，透视，纹理，渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落，没有任何羽化，渐变，或者阴影。尤其在手机上，更少的按钮和选项使得界面干净整齐，使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。下面是webpower中国区（目前国内最大的邮件营销服务机构，邮件与短信、微信、APP等多渠道个性化会员营销服务商）的扁平化设计官网页面。

via：webpowerchina

有句老话：“以史为鉴，可以知兴替”
尽管人机交互界面发展时间不久，但从西方艺术发展史中能依然能给予我们启发。
19世纪前艺术是为权力贵族与宗教服务，其宣扬的是宗教信仰与权力。
那时期，以巴洛克，洛可可为代表的作品中，奢侈华丽绚烂的装饰特征深得权贵喜爱。
无论宗教建筑，室内装潢家具，还是贵族妇女的摆群，甚至小到留空雕花瓷器茶杯，这些无都是文艺复兴思想的体现。

19世纪后随着工业革命运动的爆发，自动机械开始代替传统手操作。
同时随着对机械语言的理解加深，思想家逐步意识到工业设计应该服务于大量生产，为大多数人生产实用美观的物品，而不是为少数富有的特权阶层生产奢侈品。
其体现的是现代化的观念和技术，用一种崭新的视角去思考问题，更强调实用主义的观点。
拒绝在设计中采取装饰性的图形，转而强调遵循材料和使用简洁几何形式呈现内容。
提倡设计的目的是人，而不是产品。
而这以理念里最为大众所以认知和了解的典型代表——包豪斯。
尽管包豪斯学院只存在了14年，但其现代设计理念影响至今。

历史过后，我们来探索下未来。
对于未知的未来，在文学作品与科幻电影里总是不断的给予我们新的灵感与启发。
一起回顾电影大师的作品，寻找和观察那些科幻电影中“过去将来时”的未来设想。
1902年，乔治·梅里耶以当时初对太空外星探索为背景而创作的《月球旅行记》，开启了科幻电影的大门。德国导演弗里茨·朗1927年推出堪称科幻影坛一座丰碑的《大都会》。
影片中设想的：悬浮城市、高速轻轨、人型机器人、人工智能电脑、脑电波控制等，如今依旧是充满艺术指导意义的大片。

随着视觉特技的发展，电影创作有了更强大的技术去描绘未来科幻世界。
1960年~1980年期间，太空技术的进步启发好莱坞《2001太空漫游》《星球大战》等作品面世。这些电影中重新构建的未来世界，无论是建筑还是科技，或者是人机交互中信息展示，界面操控等元素设计，都有着质的飞跃：

20世纪90年代，生命科学、空间科学、电脑科技的不断发展，好莱坞开始大量依赖电脑特效合成影像（CGI）技术，再次构建了更为纷繁复杂的未来世界。《独立日》《黑衣人》《第五元素》等影片上映，其拥有更为强大的视觉特效，以及具有戏剧性的故事情景，席卷全球票房。近期的《变形金刚》《机器人总动员》《阿凡达》《钢铁侠》等科幻大片无疑是“现在将来时”的设想。

无论是在1927年《大都会》显像管屏幕呈现的代码信息，还是2013年《钢铁侠》中三维立体投射出的数据模块，这些“过去将来时”与“现在将来时”里描绘的未来人机交互，都是对信息内容的极致还原，只是随着时代承载的介质而表现不同。
其设计的本源依然是为“人”。

回顾这次iOS7的变化：

这次苹果一改iOS1~6的拟物化UI风格，在iOS7使用极简风格。何尝不是对信息的极致还原。
对于iOS7改变的也并非只是更换了UI界面，在交互细节上更是充满了人性的体验。
未来的移动设备肯定不只是手机平板这样的智能终端，苹果想要拓宽其市场份额必然会进军其他有智能媒介终端。
设想：如果iOS6的拟物化UI与iOS7UI在其他介质的终端中对比那会是怎样？

从我ps的效果图里：拟物化其丰富的细节难与环境相融合，而简介UI风格则较为匹配。
尽管这次iOS7在UI细节上处理并非完美，也是由于大家对于向来最求完美的苹果公司充满了太多期待，而这次改版的跨步较大，也让很多人未必能一次接受。

从微软的DOS操作系统到苹果公司的图形用户操作界面系统，从台式硬件输入到移动触屏设备，人类对信息处理的要求不断进化为由繁致简的过程。回到界面设计，以历史为镜，给予我们的是相同的启发，一切以还原“信息”本身，为“人”而设计。

也许未来人机交互的界面中，手机不再是我们智能终端的主体，程序入口也不是每个冰冷的ICON图形，而根据当前环境提供相应信息和操作应用，信息则不再是静态呈现，信息可视化的动态呈现应该是未来趋势。每个应用间的信息互通更为便易，设备之间或者手势直接拖动便可以同步或者分享信息。这些猜想从微软、谷歌等公司的未来感念视频中都有相类似的呈现。

或许不久的未来，终端设备就会像上图这样步入我们的生活，呵呵。
以上是我对未来界面设计趋势的猜想，未尽善处欢迎指出。

想更多了解设计历史的，可以在网络上搜索BBC的《The Genius of Design》系列纪录片。
参考资料：维基百科
部分图片来源：豆瓣电影

自定义导航栏素材

每天都有优秀的应用程序推出。设计师也在不断的改变布局来让浏览者更方便的去使用。定制导航栏被应用到很多的应用程序里。这是个诱人的设计。可以让人们更好的定制个性样式。

这并不是唯一的改变，你会发现很多优秀的应用程序都会在纹理、标签和背景上有个性的变化。你甚至可以自定义标签的排列和背景的模式。

图形显示在启动

你可能已经注意到许多应用程序会有定制启动画面的设计功能。iPhone和iPod Touch应用程序默认使用的是装机图像，你可以改变，包括对Android系统也有支持。

定义标签栏图标

此功能将主要适用于iOS用户。

一个ImGame新的社会网络应用提供了一个很好的例子。在对苹果界面设计时，你需要考虑标准和视网膜显示器可能是一个麻烦。这意味着你需要两个图标。

photoboxes

Instagram的仍是经典摄影iPhone用户的应用程序。Android上的应用程序应该尽快被释放。

清新致简

浮华的图形和梯度并不总是最好的方式去。我一直在使用最低限度的做一个默认的应用程序，其中包括一些非常优秀的。WordPress的应用程序的IOS就是这样(可以在移动端访问ifreePSD )。

独家界面元素

如果你对移动应用设计趋势有兴趣，也与我们分享您的想法和问题，在下面的评论区！

via：alibuybuy