2016 年 UI 设计的新趋势

文章目录[隐藏]

移动应用

1. 各平台 (Android/iOS/HTML5/Web) 的标准设计语言接近一致

部分原生控件上只存在风格上的差异,对用户无显著影响。

Material Design 不会大兴其道,更不可能逆袭(用 Material Design 设计的 App 在 iOS 上使用),iOS 的实用主义设计会显著影响 Material Design。

桌面常见的交互形式也将更多影响移动端,要支持 iPad Pro 这样的生产级设备,iOS/Android 会为了兼容桌面场景作出优化。

c4cbf0cb72a767782964c90aebc3ae2d_b

来源:Google+ 在 Android 版也出现了底部导航的交互

2. 设计规范、平台特性将越来越受重视

大厂商更加务实,更遵守平台的设计规范,只在需求无法满足的情况下重新发明轮子,因为实现、适配、用户学习成本等方面的考虑,自创的交互效果未必理想。

(iOS 上的 App,在理想情况下应该适配 iPhone 5/6/6+ 的分辨率,iPad/iPad Pro的 25%, 50%, 75%, 100% 宽的分辨率)

4b88c027f9eb9fa3261b3560311bcd8d_b支持平台特性(3D Touch, Live Photos, Chromecast, 分屏) 能够在 Early Adopter 中树立口碑,得到免费的传播点,同时也会把中间立场的用户从竞品手中拉拢过来。

但 3D Touch 仍然是噱头。
3. 动效使用更加普遍,但更多在微交互中

过于华丽的动画,经常出现容易引起厌恶,而且会导致用户等待的时间延长。

合乎逻辑的动画、微交互形式将在2016年沉淀下来并作为新的平台规范。(如之前的下拉刷新、Float Label 等很难察觉的动效会更流行)

Float Label 的 GIF 图
4.「可用性高」的设计会战胜「简洁」的设计

智能手机的用户已经扩展到非常边缘的人群,而且数量级很大,他们对于一般的界面交互、隐喻没有任何概念,把信息尽量直白、无损地传递出去,会在可用性和设计的「简洁性」上产生一定的冲突。

db996bd40fb43291dd7f6af6eb0b7e6c_b来源:LukeW: Obvious Always Wins

这也是「汉堡菜单」和 Material Design 中 FAB 按钮最大的问题。
5. 平面设计、游戏设计的灵感会影响 App 交互/内容的设计

Flat 2.0 感觉的设计:虽然整体感觉还是「平」的,但阴影、渐变等细节会更丰富。

843d93764ff8eba73330f9538cdf03ba_b来源:Flat Design 2.0

精美的插画、摄影更普遍,直接影响App本身的品质感。

字体的选择更多,排版更像杂志。

fc62b0e15d3f100b861c9565da208040_b

来源:MONO 猫弄
6. 「智能通知」将会成为新的「App主界面」

aef48e132611f427ff7da02399504aeb_bApple Watch 等智能手表最核心的价值被证明是「通知」,尤其是在每个人有很多App,注意力资源稀缺,不主动启动应用(或不方便启动,如 Apple Watch)的情况下,通知成为了用户与 App 交互的最直接渠道。

通知会以更「智能」的形式出现,不会是现在的小广告推送形式,也不会是类似 Widget 常驻的形式,而更接近「手表屏幕」大小,按需出现,可交互的、功能相对完整的界面(即使是在手机上而不是手表上),用户甚至可以永远不打开一个 App,而能够享受 App 提供的全部功能。
网页设计
1. 新的手机 App ,不一定会有对应的全功能网页

对新的应用而言,功能最齐全、最强大的一定是手机版。因为手机所能获取的信息最丰富,可以通过发通知等各种办法与用户更贴近。

74b599aad1fe5c7ff3b70837c095c178_b

来源:Periscope 的主页 只提供下载应用的入口,无视频直播功能
279ed6bb465b07feb8139c3a29f8aada_b

来源:Instagram 的 Web 页 只有图片的浏览功能,无法上传拍照,也没有发现新用户、搜索等功能。

HTML5 页面作为分享页面展示、导流的重要入口,会优先保留内容的展示和消费、二次分享的功能,也会满足最基础的应用功能,如滴滴打车的微信版。

网页版仅作为 HTML5 页面的放大和内容的扩充,很少会有 Web 的特色功能。
2. 网页将接替原生应用,成为主要的桌面应用开发平台

随浏览器能力的增强、开发工具成熟,Web 开发者的数量增长很快,会有大量 Gmail / Google Docs 级别的应用没有对应的原生版。

200768a09aa237e76c441b007f3d8d3b_b

来源:Webflow

大量效果优秀、设计鲜明、交互神奇的桌面体验将来自浏览器端,网页端用户行为侧重于重度、创作力强的核心用户。

dba963dc6ad1297fc73038f12cec1c12_b

来源:Species in pieces

3. 已有大量用户的桌面端网站,将不再轻易改版

成本高,而收益有限,如果改版的话,会主要作为品牌扩展、设计同步的因素考虑,最小化修改功能层面,换皮为主。

如果要做功能层面的改版,将会从响应式出发,以手机版、平板触摸版的设计出发,延伸到桌面端来设计。这个过程中损失掉的高级功能,可能会以原有界面原封不动,增加隐藏入口这种不优雅的方式解决。

设计工具

1. 原型工具之战可能会出现胜利者

原型工具能够胜出的条件

  • 与静态界面设计紧密结合 (静态界面改动不应破坏原型逻辑)
  • 方便制作响应式的设计(手机 - iPad 的界面尽量一次预览)
  • 上手简单(Framer 目前太不直观)
  • 扩展性高,能实现略复杂的交互效果

原型工具经过2015年的混战,到了2016年可能会有一个平台成为新的 Sketch 作为事实标准。

来源:知乎话题:原型工具 / Mac 上 Principle 这款交互软件的评价
2. 设计中将使用实时、真实的数据

Project Comet 在 Adobe Max 上给大家演示的从 Google Spreadsheet,从网页等来源直接把数据接入到设计稿中,给人印象深刻。这是一个明确的趋势,今年大多数应用都应该支持这样。

真实的数据,无论是对设计决策还是产品决策,都会产生非常直接的作用。(已经有太多产品看效果图自我感觉超级好,真实一上线爹都不认识)
407defa21ab41bb944833db3459102f6_b6fb0d1bdf9086aa1c865c5965df971fb_b来源:Project Comet 主页 / Blog 介绍
3. VR 的设计工具将开始出现

2016 年随着 Oculus Rift 的正式发布,VR 进入了商用化的元年。虽然之前 VR 更多是用于游戏中,但 Facebook 收购 Oculus VR 肯定不止是为了讨好游戏玩家。

b4a99f5130f52b1ee4d29d18e7bb0c45_b来源: Oculus Rift

VR 带来的身临其境感显然会带来新的信息展现和交互方式,这些都不是目前的平面设计软件所能满足的,但目前进行 VR 也没有除了直接搞代码之外的设计方式,这些可能都会在今年有所改观。
4. 平板类设备 (如iPad Pro) 仍然无法在 App 设计/代码过程中起到太大作用

苹果自己还没有在 iPad 上有可用的 Xcode(哪怕只是跑跑 Swift 的命令行),Sketch 也没有在 iPad 推出软件的打算,至于在 Mac 平台上已经大兴其道的各种原型软件,也根本没有在 iPad 上有任何动静。即使今年有,也最多是玩具。在2016年,iPad Pro 的处境仍然不够乐观。

参见我之前的文章:iPad Pro 的生产力现状

著作权归作者所有
作者:程志达
链接:http://zhuanlan.zhihu.com/codesign/20482753
来源:知乎

商业转载请联系作者获得授权,非商业转载请注明出处。

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

(0)
iouedioued
上一篇 2016-01-09 15:39
下一篇 2016-01-10

相关推荐

  • APP UI 设计规范详解

    移动端 APP  UI 规范详解, 专注规范解析,提高设计效率!提升用户体验维度!

    2016-07-14
  • 如何为弱势群体做包容性设计之视力篇

    作为设计师,我们总说:我要让我的设计更漂亮和高大上,要完成老板的业务目标,要让多数用户的体验顺畅。我们总是优先考虑大多数人和强者的利益,然而世界是多样和公平的,除了这些我们眼中的“目标用户”和“大多数人…

    2016-12-02
  • 圣诞节恶搞阳狮集团首席执行官

    嘿,节日里,当别人家的领导都在台上长篇大论,又是回顾又是展望为全体员工注射一波又一波的鸡血,你猜......广告公司的大佬们都在干嘛?事实上从2013年开始,阳狮集团的CEO莫里斯,都会找点乐子,不只是和idea漫天飞的创意人,更拉拢网友们,玩一场High翻天的游戏。

    2014-12-28
  • 正确使用标签选项卡的12个姿势

    这里是关于标签选项卡的12个设计准则: 1、使用标签选项卡在相同容器不同内容下的视图间切换,而不是作为导航将用户带到不同的区域。这是最重要的一点,因为在不同的标签视图下切换时保持内容容器的一致是我们在开…

    2016-07-19
  • 沉沉的干货,必读平面设计技巧!

    在过去几年中,我们见证了软件和应用界面设计从3D及拟物化向扁平化和极简化的快速转变。尽管这一趋势现在已经无所不在,但我们不妨拿出一点时间来思考今天的结果是如何形成的,以及其对界面设计整体有着何种影响。另外,我还会和大家分享一些有关设计扁平化界面的小技巧和注意事项。

    2014-12-28
  • 关于在iOS当中实践Material Design的访谈

    设计师Jason Zigrino(不认识)谈他在iOS平台上尝试Material Design设计语言的经验 你产出了很多不错的Material Design,尤其是iOS版本的Google Keep探索。你平时都使用哪些工具?设计这些app界面通常需要多少时间? …

    2015-09-01
  • 小白最关心的8个UI问题

    近几年来,UI设计绝对是设计行业中的瞩目之星,无论在PC端、移动端还是游戏上都是大放异彩。越来越多的年轻人选择UI设计这个行业,然而刚踏入这行的设计新人对未来还是很迷茫。下面总结了新人最常问的8个问题: 1. …

    2017-03-13
  • sktch打造knob开关icon 附sketch破解下载!

    小编:今天带来的是由小乔分享的knob拟物小教程,对于想学习sketch小伙伴们或者已经在用的同学们 练习起来都是不错的选择,当然没有mac用photoshop也是可以能设计出来的哟,快来开动你们的脑筋和动手能力吧!(附sk…

    2015-12-23
  • 精进UCD设计总监第一字典——全局UI设计规范手册

    注:本文档由PM7V – Ian Huang整理于2016年9月初,随着硬件设备条件变更,最佳规范倍率可能随着时间推移需要加倍计算! 1 UI基础 1.1 像素 1.1.1 逻辑像素(Pt) 在软件层面构成了画面图像 也称逻辑点,是控制屏幕…

    设计规范 2016-09-13
  • 【设计作品分享】一个让你丢掉负能量的产品——BICH

    作者:梁雅婵,授权载于我是UE网。

    2015-11-27