如何网页交互设计？（网页交互设计的9大趋势）

2019年已经过去一大半了，何网互设互设笔者从日常的页交页交产品体验中整(zheng)理思考，给我们预测了(le)2020年交互设计领域的计网计(ji)最新趋势，结合自己的何网互设互设工作领域和方向，相信一定对大家有(you)所帮助。页交页交

同时(shi)，页交页交我从(cong)日常的计网计产品体验中，整理了一些思考内容，以下是对2020年交互设计趋势的展望。

01 模态展示

在 iOS 13 中，模态面(mian)板采用了新的卡片样(yang)式，它占据了屏幕90%的面积。模态面板拉起(qi)时，原有的页面会有一个纵深效果，以灰色状态显示，防止用户和它们发(fa)生交(jiao)互。模态面板可(ke)以通过滑动操作(zuo)下拉关闭，适用于单手操作，专为大屏服务。

Apple Music & 邮件

02 专(zhuan)注下半部分

夸克浏览器是专注下半部分做的最好的一个，夸克并没有像 Safari、Chrome 那样把搜索框放在顶部，而是将整合后的搜索栏放(fang)在了用户更容(rong)易操作(zuo)的屏幕下(xia)半部分。

—

03 分层内容

Snapchat & Keep

1. 悬停分层

在网易云音(yin)乐、即刻、飞聊等应用中，采用了悬停分层。顶部展示的是介绍性内容，随着页面下滑，介绍内容隐藏，同时功能栏将置顶悬停，展示的内容(rong)区域大大增加。

网易云音乐 & 即刻

Broadcasting iOS App

04 连续性页面(mian)

连续性页面的转(zhuan)换效果可以很好记住产品路线，加强了页面的层级关系。同时(shi)，流畅的动画转换效果，带来了更连贯的用户体验。

App Store & Behance

05 全屏展示

很多App在引导评分(fen)样式上，都采用的是系统(tong)弹窗。在Keep App上，设计(ji)了一个全屏展示的评分提示。形式新颖，加上背景图的气氛，让人想去评分(fen)的意愿大大增(zeng)加。

Airbnb 爱彼迎 & Keep

06 快捷验证1. 苹果账号登录

近两年几乎所有的 App 都会推荐首先使用手(shou)机号+短信验证码的方式注册/登录，同时(shi)也(ye)会接入像微信、QQ、支(zhi)付宝这样(yang)的三方登录。

在 WWDC 2019 上，苹果也给(gei)我们带来了(le)“使用苹果账号登录”，几乎所有的苹果设备都会登录 Apple ID。因此，我们可以在(zai)不久的将来，通过苹果账号，就可以直(zhi)接登录所有的 App，是(shi)不是很方便？

2. 号码识别

网易易盾

07 语音交互

近年来，智能语音技术在很多(duo)场景得到了应用，微软的 Cortana，苹果的 Siri、谷歌的 Assistant。在引入深度学习后(hou)，语音助手可以在训练中(zhong)越(yue)来越强，吐词更连贯。夸克的语音助手有本地天气(qi)、本周本月可视化数(shu)据、新闻热点、节日问候、冷知识等功能。

在(zai)5月的开发者(zhe)大会上，谷歌展示了其(qi)人工(gong)智能与语音识(shi)别的 Live Relay 技术。其能够为不便应答电话的用户，提(ti)供基于实时语音 / 文字互转的通(tong)话支持。对于(yu)聋哑人来说，这绝对是一项实(shi)用的功能。

Google I/O 2019 Live Relay

最方便的是，Live Relay还可整合即时(shi)的翻译功能，这(zhe)在与(yu)外国人(ren)士沟通时起了很大的帮助作用，可说是另外一种「无障碍功能」。

08 AR增强现实(shi)1. WANNA KICKS 通过(guo)AR技术「试鞋」

通过AR增强(qiang)现(xian)实技术与智能手机相(xiang)机的(de)结合，帮助你看(kan)到YEEZY BOOST 350等运动鞋「穿」在自己脚上的(de)效果，它甚至还能模拟出鞋子在光线不同环境下的各种效果。

2. 小程序AR+口红试(shi)色

昨天，首个支持AR动态试妆的小程序“阿玛尼美妆”同步更新上线。基于小(xiao)程序基础能力和谷歌TensorFlow机器学习开源平台支持，欧莱雅集团(tuan)开发(fa)了AR动态试妆能力。相比以前上传照片的试色方式，AR动态试(shi)妆让试色更真实。

AR 使用在网页设计或应用程序领(ling)域，它能够自然地将(jiang)虚拟与现实结合，带来身临其境的新体验。

—

09 多窗口预览

在QQ最新的版本中，列表页面长按消息，会弹出(chu)多窗口模式，消息可以来回切换，类似于iOS 后台切换模式。在会话窗口长按任(ren)意地方，也会呼出多窗口模式。

App Store & QQ

10 总结

科技发展给设计(ji)产生的影响是(shi)巨大的，让我更深刻的认识到作(zuo)为(wei)设计师的责任。

这(zhe)些设计趋势有意或无意地将帮助用户得(de)到更好的产品体验，我们期待2020年的设计将如何演变。