预测流行趋势之前先来看看这两份报告,从这里我们来观察在 2020-2021 年里移动市场和人们的生活都发生了哪些改变。

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

「2021 年国际市场的变化」

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

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

教育和政治

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

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

生活方式和时尚生活方式

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

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

2. App annie 2021 年移动市场报告

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

「2021 年国际大厂的动作」

1. WWDC2021

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

功能升级

专注模式:可以切换办公场景、在家场景,系统会过滤掉场景外的消息。

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

视觉升级

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

回顾一下 WWDC2021

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

2. Google I/O 2021

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

体验升级

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

回顾一下谷歌发布会

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

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

比如:

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

win11 甚至可以在 PC 上原生使用安卓应用

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

「国外热门设计社区」

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

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

Glassmorphism

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

关于这个风格的详细分析:

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

3D

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

Emoji

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

Minimalism

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

「总结」

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

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

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

1. 交互方式

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

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

图片说明:

  • google Pretty Please,可以教小朋友学习使用礼貌用语
  • SignTime,可以帮助聋哑人在线翻译,帮助沟通
  • Airbnb 更重视多种族的视觉呈现,更多种族特征加入到插画里
  • emoji 满足更多少数群体的需要,如 LGBT 团队

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

2. 视觉风格

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

3. 写在最后

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

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

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

欢迎关注作者微信公众号:「丸子设计说」

美柚官方出品!2021 UI/UX设计趋势分析(海外篇)

收藏 332
点赞 60

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。