9

2021年UI/UX设计流行趋势(海外篇)—美柚UED

 3 years ago
source link: https://www.ui.cn/detail/560239.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

2021年UI/UX设计流行趋势(海外篇)—美柚UED-UICN用户体验设计平台

2021年UI/UX设计流行趋势(海外篇)—美柚UED
80.2°
原创文章 / 设计趋势 / / 举报

2021-07-24

我将从国际市场、人们生活方式的角度去观察国际大厂的动作与国外热门设计作品中去找到流行趋势本人。希望本文能对你有所帮助。

在预测流行趋势之前咱们先来观察下在2020-2021年里移动市场和人们的生活都发生了哪些改变。

3813478.png

P1 「2021年国际市场的变化」

1-1  Facebook 2021年热门话题和趋势报告

从这份报告我们可以观察到2021年的海外用户的生活方式,以及日常关注的事情。在这里找到设计趋势的蛛丝马迹。

3813476.png

教育和政治 >>>

1.因为2020美国大选和黑命贵事件,使人们更关注种族平等,性别平等的问题,人们越来越多的精力投入到倡议活动中。种族平等的讨论度增长了4.4倍。

2.2020以来在印度人对于线上教育的相关讨论达到了惊人的9.6倍。

3813477.png

生活方式和时尚 >>>

1.迫于形势,澳大利亚人形成了一种线上加线下的混合购物方式,以满足自己的需求,在电商话题的讨论度上增长了1.6倍。

2.人们宅在家中,反而越来越关注可持续时尚,比如扎染等个性化很强的物品。相关讨论度增长2.7倍。

3813481.png

1-2  App annie 2021年移动市场报告

全球的移动应用使用量在疫情后增长十分迅速,在移动设备的花费上与去年同比增长了20%。这也说明了消费者正在养成新的使用习惯。人们会优先考虑在保持社交距离的同时和朋友联系,进行线上学习活动,在家办公以及在家使用移动设备购物,这些行为加强了移动设备在我们生活中的地位。

3813482.png

P2 「2021年国际大厂的动作」

2-1  WWDC2021

苹果在 2021 年 6月 8 日凌晨 WWDC公布 iOS 15 / macOS  Monterey 之后,随即对 HIG内容也同步进行更新。

3813483.png

功能升级 >>>

1.专注模式:可以切换办公场景、在家场景,系统会过滤掉场景外的消息(未来会不会有老婆在身边模式)

3813502.png

2.Facetime:在进行 FaceTime 视频通话时,可以让用户实现一起在 Apple Music 听歌。这也是苹果对于社交体验的升级(也可以联机看片)

3813504.png

视觉升级 >>>

1.Homekit:更加拟物化的设计,可根据手机的晃动调整光照效果

3813505.gif

2.天气:相比现在增加了很多视觉细节,跟homekit一样都变得更加拟物

3813506.gif

3.地图:地图的画风也跟以往的地图不一样,现在的建筑更圆润,更Q版,有点像是在玩大富翁

3813507.png

3813508.png

4.苹果健康:在健康视觉表现里能看出玻璃质感,以及极光渐变的影子

3813509.png

回顾一下WWDC2021 >>>

苹果带来了更强的社交功能,更极简的通知。那么效率和社交会不会是未来的关键词呢?

3813510.png

2-2  Google I/O 2021

美国东部时间 5 月 18 日下午 1 点召开了线上发布会,除了一些新技术,还发布了全新的设计语言Material You

3813511.png

体验升级 >>>

1.UI调色盘:系统会分析墙纸中的所有颜色,找出主色调、互补色调,以及其他能相搭配的顏色,套用在 UI 各处。

3813515.gif

2.超大的控件(老年模式):形状越大,就越容易用拇指触摸、滑动各种元素。谷歌是从用户体验的角度来看待这一点的,这也是达到更好的易用性所必需的。

3813516.png

3.桌面小部件:桌面的小部件也不再统一收拢和限制,而是采用了更为灵动的扩展和呈现状态

3813518.gif

4.大而粗的文字:又大又粗文字的流行不是没有道理的,在这种自动变换颜色ui的情况下,能很好的呈现信息

3813519.png

回顾一下谷歌发布会 >>>

谷歌更强调的是形式依随情感,是自然和谐的、是个性化的,可能是因为疫情的加速、科技的进步,随着屏幕出现在我们生活的各个领域,人们不再仅仅是追求使用,也希望能有情感上的体验升级。

3813520.gif

从苹果和谷歌的发布会可以看出很多共性 >>>

1.各家都在加强自己多设备的兼容能力,可以看出在未来模块化设计被应用的更广泛。

2.win11甚至可以在pc上原生使用安卓应用

3813523.gif

P3 「国外热门设计社区」

3813524.png

3-1  我总结了以下四个最热门的设计风格

1.Glassmorphism

优点:透气模式、区分层级、简洁拟物

3813525.png

2.3D

优点:直观呈现、立体真实、形态丰富

3813526.png

3.Emoji

优点:易于理解、社交属性、传达情绪

3813527.gif

4.Minimalism

优点:专注信息、清晰易用、简单操作

3813528.png

P4 「总结」

1.从功能角度上看,各大厂对隐私都做了升级,新拟态设计玻璃的材质就能很好的表达这一理念。

2.从人们生活方式的改变上看,大量的工作被转移到了线上,这改变了移动设备的交互方式,极简效率成为了各大厂设计的重点

  • 下面我从交互方式、视觉风格抓到了几个重点:

4-1  交互方式

1.大屏:未来屏幕将会越来越大,我们需要对交互更加的重视

3813531.png

2.隐私:人们对隐私将越来越重视,个人信息的立法被提上了日程,比如美国前段时间就推动《加州消费者隐私法案》

3813532.png

3.更多元:

考虑到各类用户的诉求,会有更多的设计包容性方案,在2021年这类的设计将会持续扩大,包括性别平等、种族平等、跨年龄、无障碍设计

  • 1.google Pretty Please,可以教小朋友学习使用礼貌用语

    2.SignTime,可以帮助聋哑人在线翻译,帮助沟通

    3.Airbnb更重视多种族的视觉呈现,更多种族特征加入到插画里

    4.emoji满足更多少数群体的需要,如LGBT团队

3813533.png

3813535.png

4.暗黑模式:暗黑模式设计将会持续的发光发热,得益于屏幕的升级,oled、miniled、苹果未来可能出现的自适应刷新技术(如watch6是常亮的屏幕,因为使用了自适应刷新技术,我们可以更多的关注息屏设计)

3813536.png

4-2  视觉风格

1.个性表达:对比鲜明的颜色在白色和黑色界面上都能很快吸引用户的注意力,这种风格已经成为清新、酷炫、数字时代的代名词

3813537.png

2.社交体验升级:因为疫情的原因,线上社交将继续发光发热,各个产品会更加注重自己的社交功能,比如instagram在对话页做了趣味的互动图案,snpchat可以在地图上显示虚拟人物,line可以生成自己的虚拟形象。这些升级都是为了加强在网络里人与人的连接。

3813538.png

4-3  写在最后

2021年也是后疫情时代,人们更渴望情感关怀,安全健康,也比以前更加想要亲近自然。我相信未来的视觉趋势如情感插画、柔渐变、自然有机的设计和这些情感需要保持着前后联系。

3813539.png

对了!在未来3D形式也会大量铺开,因为有更多更简单更易用的工具出现,将会和3D进行重组并呈现,会有更多的视觉形态出现。

3813541.png

编辑:丸子 

 团队:美柚用户体验设计中心


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK