美文网首页
Adobe权威发布: 2017年10大设计趋势

Adobe权威发布: 2017年10大设计趋势

作者: 0f334bce3856 | 来源:发表于2017-03-06 17:21 被阅读77次

设计行业瞬息万变,

设计师们想在业内站稳脚跟,

就必须紧跟趋势。

就算你不喜欢随大流,

了解一下业界变化总不会有错滴。

近期,Adobe官方博客发文,

总结了今年最重要的10大设计趋势

1.极简主义的演进

我们会继续沿用极简的设计布局会继续,但是其中 complexion reduction (版色简化)将会成为新的热点。这样的设计旨在通过简洁易懂的视觉元素向用户表达清楚问题——聚焦于展现内容而淡化UI。

注:complexion reduction 版色简化

最早是去年由纽约的UX设计师Michael Horton提出。Michael认为实践这一最新设计趋势,包括5个方面:

1.去掉多余的颜色

可以使用一种颜色,但必须非常克制,以突出操作本身。剩下的最好就是黑白色系。让APP的内容成为产品最亮眼的地方。

2.标题:大 黑 粗

把标题字号加大到20~30 px,并且加粗

3.图标:简单  纤细   可辨

图标最好是通用的,并且不要有多余的颜色。如果你想再加点分的话,按从左至右这么排:HOME、搜索、主操作、次操作、个人资料

4.两倍、三倍、甚至四倍,大胆留白

5.出挑的App图标

如果你对闪闪发亮的颜色很痴迷,那就用到APP图标上吧。你的个性和品牌都会与众不同

▲Sky 这个App去掉所有分散注意力的UI元素▲

更聚焦于内容

一个具有良好可用性的极简风格界面在使用中令用户耳目一新:简单本身就是最强大的沟通方式。

▲干净的线条、大胆的留白、极简的图形元素▲

再复杂的问题都变得简单明了

2.更多微交互

关于微交互,去年网络上就已经有很多的讨论,17年这个趋势会继续。微交互,通常是一些不易察觉的细节动效,在提示用户体验的过程中至关重要。尤其是移动端,我们每次使用APP的时候可能不知不觉接触了成百上千的微交互细节。

▲这个微交互让用户清楚地知道操作进行的过程▲(设计师:Colin Garven)

微交互可以让用户对使用过程更加印象深刻,比如:展现各种状态状态和变化过程、吸引用户注意特定区域、以及反馈已完成的操作结果等等。

▲用微交互效果响应用户操作,非常方便直观▲(设计师:Hernán Sartorio)

3. 视频为王

视觉是人类最强的感觉方式。图像很早就是用户界面设计的主要元素,并且慢慢从图形自然而然演进到视频。从图片到视频,一静,一动。表现力至少提升了一个数量级。如果说一图胜千言。而一个视频可能就是胜万言了。

视频更容易吸引用户的注意,并且也更容易讲故事。视频一播放就能把用户吊住,特别是用做首页背景的时候尤其抓人眼球。

▲(来源:lifeofpimovie)▲

视频能为用户提供更动态的体验。2017年,内容丰富、可交互、全屏的视频将成为吸引用户和讲故事的主要方式。

4. 艳丽的色调、夸张的字体排版

艳丽色调的使用已经使用户界面很亮眼,今年的配色风格将使界面更亮瞎眼。用户将会看到更多鲜艳的配色、撞色和醒目的渐变。

▲艳丽、活泼和深色搭配视觉刺激强烈▲(来源:Fjord Trend)

除了色彩上的创意,字体排版也是一个产品调动情绪和彰显个性的流行方式。字体排版要有吸引力,不能仅满足阅读需要,而要表达一种主张。从而创造出抓人眼球、引人入胜的作品。

▲字体排版设计可以彰显品牌形象,映衬内容▲(来源:Hawk & Hen)

5. 定制插画

要追求比一般摄影素材更个性化的效果,插画正在成为最时髦的替代方案。插画能够把一个产品或品牌的调性和特点用视觉语言创造性地表达出来,还可以把复杂的概念浓缩为简单易懂的图案。

▲原创插画体现特点和个性▲

插画还能给设计师更多自由创意的空间,比如用动画效果。

▲有动效的插画更有趣(来源:Intercom)▲

6. 长距离滚动和网站视差技术

长距离甚至无限滚动效果将会成为网站的标配。值得一提的是,滚动并不是要跟翻页的方式作对,而是重新发明一种浏览方式:这种技术在移动端更适用(小屏幕意味着更多滚动,这种方式也非常适合触摸操作),并且更容易吸引用户(一个手势就可以无间断快速浏览大量内容)。


▲超长滚动的网站,让用户更加畅快得浏览网页▲

(如:Pinterest)

此外,我们还会看到越来越多网站使用视差滚动。这种技术可以让前后景内容以不同速度滚动,从而形成有景深的错觉。视差如果运用恰当,将会是一种视觉享受。它使元素跳出平面,产生一种动态3D效果。设计师们可以更加高效地用图来讲故事,毕竟人人都喜欢听故事。


▲(来源:squarespace)▲

视差滚动效果通过让背景图片比前景内容运动慢一点,从而产生景深和沉浸感。

7. 卡片式设计依然流行

卡片式设计的思路,就是把与一个话题相关性最高的信息都组织到一个容器内。

▲(设计师:Hanna Jung)▲

卡片式设计可以把大量信息经过重新组织,变成一个个便于理解的小块。

卡片的形式,可以设计更加通用的UI,从而适配大大小小各种屏幕。卡片也非常符合用户认知直觉,不需要什么解释,人人都能理解。

▲卡片式设计可以方便地进行响应式布局适配不同屏幕▲

8. 对话式界面的兴起

“聊天机器人”是眼下业界最流行的的话题之一。这一技术已经应用到了很多消费型的APP里。聊天机器人可以帮助用户更轻松地完成一些通用任务,比如说点一个披萨。

▲必胜客的聊天机器人让用户可以在Facebook Messenger中以对话的方式自助点单▲

今年肯定会有越来越多的行业使用聊天机器人技术和对话式界面。像Google Home,Siri这样整体采用对话式解决方案的产品,理所当然将是聊天机器人的巨大机会和需求所在。

▲(图片来源:theverge)▲

Google Home这样的产品使我们相信未来的人机交互方式将不再是各种按钮。

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

2017年令人兴奋的技术当然不只有对话式界面,AR/VR技术也会是让设计师激动和着迷。这些技术将沉浸式体验推到了一个新高度。但同时,为虚拟世界设计UI,对设计师而言,也是全新的挑战。VR开发者和交互设计师Jonathan

Ravaz撰文认为“VR下的设计,应该不是把2D换成3D这么简单,而是要找到一种全新的设计模式。”

AR/VR技术的出现对现代交互和视觉设计产生了巨大冲击。手势将成为焦点——与现实世界中含义相似的手势,将帮助我们适应虚拟世界的操作。

▲(图片来源:3dprintingindustry)▲

Microsoft HoloLens 结合了VR和AR两种技术,被称为MR,混合现实。2017年还不是VR之年。但VR中要设计什么、怎么设计这些基本问题,在今年会定论。

10. 原型设计的蓬勃发展

UX和UI设计的界限已经越来越模糊,设计流程整合化是大趋势。从idea到实现的过程将会变得越来越简单,原型设计会成为每个设计流程中必不可少的一部分。新的原型设计工具会让设计师事半功倍,更多时间可以用来思考最终用户需求,不用事事都从头做起。

设计师将会更聚焦于交互而不是界面布局这种东西。新的原型设计工具将不再仅仅是做一些屏幕之间切来切去的简单原型,而是可以做出与实际APP看上去,用起来都一样的超高保真原型。

▲Adobe Experience Design ▲

让设计师更聚焦于交互,而非界面

总结

长江后浪推前浪,设计趋势也是如此,但最基本的规律不会轻易改变。2017年,有一点是可以肯定的——除了设计本身,更多新技术的应用将使设计更加精彩。

英雄设独家文章,转载请标明出处

编译:Hover

原文出处:blogs.adobe.com

相关文章

网友评论

      本文标题:Adobe权威发布: 2017年10大设计趋势

      本文链接:https://www.haomeiwen.com/subject/ymeugttx.html