文档章节

2017 最值得关注的十大 APP、Web 界面设计趋势

王练
 王练
发布于 2017/01/05 11:48
字数 1292
阅读 10326
收藏 263

用户对产品的功能和体验要求越来越高,产品设计也在以惊人的速度发生改变。即便你不是一个趋势追随者,但意识和了解到行业的变化仍是极为重要的。

2017 已至,设计趋势又将如何?

1、极简主义

2017年,将继续使用最少的布局,“complexion reduction”风格会被更为重视。 极简主义的设计旨在通过清晰的视觉交流来解决用户的问题,以此让用户更多的关注内容,而不是 UI。

简单的用户界面结合强大的可用性,会真正令用户印象深刻。一个简单易用的应用也能更好地进行传播。

2、更多微交互

2016年网上经常能看到关于微交互的话题,它们将继续成为2017年的趋势。微交互,通常以微妙的动画的形式,在用户体验设计中发挥重要作用,特别是在移动设备上。

微交互通过传达状态和变化,吸引用户关注某些区域,并为完成的行动提供反馈,帮助创造难忘的体验。

3、视频才是王道

视觉被认为是所有人类感官中最强的。 图像长期以来一直是用户界面设计的主要元素,它的成功慢慢为其自然的继承者 - 视频,铺平了道路。 如果说一张图片描绘了一千个字,那一个视频则是图片的十倍,因为它是动态的。

视频能抓住用户的眼球,并作为一种视觉叙事手段放大。当它用作主页背景时,能从一开始就吸引住用户。

4、丰富的颜色和戏剧性的排版

丰富的色调已经在用户界面不断增加,2017年充满活力的色调将使界面更明亮。用户将看到更多生动的色调,双色调和粗体渐变UI。

类似于色彩的原创、排版等工具将愈加流行,它们能唤起用户情绪并建立一个有个性的产品。 排版不只是为了阅读,它还做陈述。使用排版你可以创造更引人注目的布局。

5、定制插图

插图因为比传统图像更个性化,会很快成为流行的替代品。 他们创造视觉语言,真正捕捉品牌或产品的个性。

插图还给设计师更多的创作自由。

6、长滚动和视差技术

长滚动/无限滚动将成为网站的标准。这种技术能很好地将PC页面转化至移动端浏览(较小的屏幕意味着更多的滚动,适用于触摸控制),有助于用户在单个滑动中快速浏览大量内容而不中断。

此外,我们将看到更多的网站使用视差滚动。视差技术允许前景和背景内容以不同的速度滚动,创建深度错觉。 视差,如果做得很好,会有一种视觉冲击 - 它拎出屏幕上的元素,并创建一个动态的3D效果。 它允许设计师使用图形元素有效地讲故事。

7. Cards 依然重要

Cards 可以看成是关于单个主题的所有最相关的信息被组织成单个容器。

Cards 允许创建一个多功能的用户界面,可以在从小到大的屏幕上使用。 对于用户来说,Cards  是直观的,易于理解,无需解释。

8、对话接口兴起

chatbot 技术已经集成到消费者应用很长一段时间了,他们帮助执行和处理一般任务,减轻我们的负担。

9、增强现实/虚拟现实(AR/VR)

除了对话接口,AR 和 VR 也将是令人兴奋的技术。 因为这些技术可以为品牌提供全新的身临其境的参与感。 同时,为虚拟世界设计UI也是一个全新的挑战。

AR 和 VR 平台的出现将对现代交互和视觉设计产生巨大影响。 手势将被关注,从现实世界中具有相似意义的自然手势将有助于在虚拟空间中翻译动作。

2017年可能不会是虚拟现实“年”。 但是,将决定哪些是应该和不应该为 VR 设计的一年。

10、原型设计

2017年,UX 和 UI 设计师之间的界线将继续模糊,二者结合为更加一体化的设计过程。 比以往任何时候都更容易将想法带入生活,原型设计将成为每个设计流程的一部分。 新的原型设计工具将大大改善设计师的工作流程,使他们能够花更多的时间思考最终用户,而不用每次从头开始。

设计师将专注于互动而不是布局。

原文: Nick Babich —— The Future is Now: 10 Design Predictions for 2017

编译:开源中国

© 著作权归作者所有

共有 人打赏支持
王练

王练

粉丝 2951
博文 61
码字总数 96290
作品 0
深圳
运营/编辑
私信 提问
加载中

评论(16)

大眼睛小气球
大眼睛小气球
不错
脆霉公园
脆霉公园

引用来自“Jun丶豪”的评论

引用来自“脆霉公园”的评论

引用来自“Jun丶豪”的评论

极简主义好啊,移动端在布局方面的代码量都少了
往下看微交互么,代码只多不少

不不不,我只是说在布局方面的代码量少了,布局写得枯燥乏味,没意思
确实,css写布局太烦躁了
m
mezongzi

引用来自“错觉”的评论

牛逼,这是一个一个后端最缺乏的学习,对美好和简单的追求
后端跟你有仇吗?
墨名次
墨名次
数学不好的都搬砖去
夙歆风
夙歆风
前端已经越来越复杂了
Jun丶豪
Jun丶豪

引用来自“脆霉公园”的评论

引用来自“Jun丶豪”的评论

极简主义好啊,移动端在布局方面的代码量都少了
往下看微交互么,代码只多不少

不不不,我只是说在布局方面的代码量少了,布局写得枯燥乏味,没意思
脆霉公园
脆霉公园

引用来自“Jun丶豪”的评论

极简主义好啊,移动端在布局方面的代码量都少了
往下看微交互么,代码只多不少
测试龙管家
测试龙管家
总结得真好!收藏先
省委书记沙瑞金
省委书记沙瑞金
超级喜欢MDL的同学举手!
TerryZ
TerryZ
问一下大家,那个日期拖拽选择范围的是哪个插件??
2018 最值得关注的 JavaScript 趋势

如果你在过去的 2017 年有过一连串的规划,那么这篇文章适合你。 2017 年发生了很多事情,我们一直在 X-Team 中仔细观察,并想着如何让 2018 更加富有激情和创新。 你也可以利用这篇文章来帮...

oschina
01/09
1K
0
2018前端值得关注的几个趋势

1.前言 2017悄然过去,2018已经来到。人在进步,技术在发展。2018年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。下面就我个人的判断进行一个预测判断,希望能对大家起到...

01/08
0
0
《麻省理工科技评论》2018年十大突破技术全球直播首发!重磅首推线下解读会全方位揭秘新一年最热门技术

年度订阅用户可加入科技英语学习社区,每周科技英语直播讲堂 2001 年起,《麻省理工科技评论》每年都会公布最能代表当今最高的科技成就、商业潜力广泛、能够极大的改变人类的生活的“全球十大...

DeepTech深科技
01/15
0
0
2017 年将更加流行的 6 个 Web 开发趋势

每到年底,人们总喜欢展望下一年,Web 开发领域也不例外。在 Web 开发领域,技术革新的速度堪比光速,未来总是超乎我们的想象,我们只能尽自己所能做一些合理的预测。 以下是我们需要关注的一...

王练
2016/12/19
8.2K
9
Gartner公布十大战略科技趋势预测

10月18日,著名咨询公司Gartner公布了将在2018年对大部分企业机构产生显著影响的十大战略科技发展趋势预测,区块链技术位列其中。据 Gartner 定义,战略科技趋势是指正处于有所突破或崛起状态...

玄学酱
03/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Confluence 6 自定义你的空间

通过对你的空间进行界面的自定义能够让你的空间更加出类拔萃。 如果你具有空间管理员权限,你可以修改你空间的颜色配色,添加你自己的空间标识,选择是否在你空间中显示边栏。或者你可以进入...

honeymose
今天
1
0
Ubuntu18.04 安装MySQL

1.安装MySQL sudo apt-get install mysql-server 2.配置MySQL sudo mysql_secure_installation 3.设置MySQL非root用户 设置原因:配置过程为系统root权限,在构建MySQL连接时出现错误:ERROR...

AI_SKI
今天
3
0
3.6 rc脚本(start方法) 3.7 rc脚本(stop和status方法) 3.8 rc脚本(以daemon方式启动)

3.6-3.7 rc脚本(start、stop和status方法) #!/usr/bin/env python# -*- coding: utf-8 -*-# [@Version](https://my.oschina.net/u/931210) : python 2.7# [@Time](https://my.oschina.......

隐匿的蚂蚁
今天
3
0
Cnn学习相关博客

CNN卷积神经网络原理讲解+图片识别应用(附源码) 笨方法学习CNN图像识别系列 深度学习图像识别项目(中):Keras和卷积神经网络(CNN) 卷积神经网络模型部署到移动设备 使用CNN神经网络进行...

-九天-
昨天
5
0
flutter 底部输入框 聊天输入框 Flexible

想在页面底部放个输入框,结果键盘一直遮住了,原来是布局问题 Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("评论"), ...

大灰狼wow
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部