加入收藏 | 设为首页 | 会员中心 | 我要投稿 云计算网_泰州站长网 (http://www.0523zz.com/)- 视觉智能、AI应用、CDN、行业物联网、智能数字人!
当前位置: 首页 > 站长资讯 > 评论 > 正文

从超多案例中,我总结了 2020年值得关注的10个UI设计趋势

发布时间:2019-08-01 03:46:36 所属栏目:评论 来源:洋爷
导读:副标题#e# 在上篇文章《从超多大厂案例中,我总结了 2020 年值得关注的 9 个交互设计趋势》中,分享了科技发展对交互设计产生的影响和变化。这一期,我想和大家谈谈设计趋势的第二部分:UI 用户界面的应用与最新趋势。 创意动画 1. 品牌加载 公众喜欢有趣,
副标题[/!--empirenews.page--]

在上篇文章《从超多大厂案例中,我总结了 2020 年值得关注的 9 个交互设计趋势》中,分享了科技发展对交互设计产生的影响和变化。这一期,我想和大家谈谈设计趋势的第二部分:UI 用户界面的应用与最新趋势。

创意动画

1. 品牌加载

公众喜欢有趣,可塑的动画。Airbnb 和 Netfilx 将品牌 logo 动画应用到了启动页和加载页面。结合品牌特点、风格和符号,融合到产品设计中,从而提升视觉的一致性,创造富有特有性格的产品界面。

从超多案例中,我总结了 2020年值得关注的10个UI设计趋势

△ Netflix & Airbnb

2. 图标动画

微交互是建立在移动端上微妙视觉效果的小动画,而图标动画是微交互其中的一种。它的目的是吸引用户,让用户感觉顺畅、愉悦。

最近,让我印象深刻的一个图标动画是 Facebook 的新消息提醒界面,这些由产品所包含的一个个小细节,创造出了新颖而有趣的设计。

从超多案例中,我总结了 2020年值得关注的10个UI设计趋势

△ Facebook Website

留白分隔

在 UI 界面中,最常见的分隔方式是用细线对模块进行划分,但随着设计重心趋向简约,注重内容本身,传统的分隔线方式就略显多余。

根据格式塔亲密原则,通过留白控制间距大小,可以清晰地划分模块层级,同时界面看起来也更加透气、富有张力。可以看到 QQ、飞聊、Gmail、Messenger 等应用都采用了留白分隔。

从超多案例中,我总结了 2020年值得关注的10个UI设计趋势

△ Gmail & Messenger

融入插图

1. 品牌形象插画

一个好的插画作品可以为产品带来极佳的辨识度。Snapchat 的页面用了很多情感化设计和品牌形象,包括开启通知引导动画、查找好友 landing page、下拉刷新页、照片回忆等等。

从品牌的个性化设计,寻找一种基于插画的设计语言,把产品塑造成一个高辨识度的 ID。

从超多案例中,我总结了 2020年值得关注的10个UI设计趋势

△ Snapchat

2. 3D插画

随着软件技术的提升,3D 插画在这几年中大受欢迎,很多应用都使用 3D 渲染产品,如:星巴克、Keep、毒App 等等,因为它真实立体,有着更高的转化率。

从超多案例中,我总结了 2020年值得关注的10个UI设计趋势

△ Starbucks by Wojciech

从超多案例中,我总结了 2020年值得关注的10个UI设计趋势

△ Keep & 毒

圆角卡片

圆角代表友好、亲和力,而卡片模块化的布局更为清晰、有效、整洁。

在上周的微信改版《微信 7.0.5 发布:9个细节提升体验》的文章中,我讲到了订阅号的推送文章去掉了标题栏的背景,卡片变得更加简洁。另外,公众号详情页由原先的列表式,改成了圆角卡片式,弹窗也由直角改成圆角。

从超多案例中,我总结了 2020年值得关注的10个UI设计趋势

△ Broadcasting & 微信

视频背景

长期以来,图像在视觉设计中起着至关重要的作用,而视频能够更直观的吸引用户,传达主要的思想。

在移动端中,视频主要用于登录页背景,一般可以是几秒钟的循环剪辑视频,它可以带来一种身临其境的体验感受。

从超多案例中,我总结了 2020年值得关注的10个UI设计趋势

△ Lyft & Nike

轻提示

Toast 是一种轻量级的提示,作为用户操作后的反馈。UI 形态上从居中浮层,慢慢趋向于底部通栏样式。这样设计的好处是不会挡住当前界面的内容。

举一个反例,iOS 的调整音量提示,大范围的遮住了界面,特别是对正在玩游戏的用户非常不友好,直到 iOS 13 这个设计才被修改。

从超多案例中,我总结了 2020年值得关注的10个UI设计趋势

△ Google Earth & Spotify

色彩平铺

(编辑:云计算网_泰州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读