2021年度UI趋势预测(3)

来源:网络   作者:热心网友   发布时间:2021-04-07    浏览次数:123
收藏到:

九.低对比度轻渐变的运用

近几年,过渡柔和的轻量渐变越来越受欢迎,由于其简约、可用性高,兼顾美感的同时,可以创造出让人放松、温暖的氛围。因此对于期望传达轻松、治愈风格的产品,轻量渐变尤为贴合。

特点:饱和度低、明度高,邻近色系居多,过渡细腻柔和

(新版优酷) 


在ui中,这种渐变可使用在背景、图标、瓷片区等设计中

(Muhammad Shofiuddoula)

运营画面

界面背景

图标、状态插画(新版优酷)


十.大标题/大卡片流的设计风格

1.大标题设计风格

iOS11发布后,大标题导航栏设计风格兴起,随后被引入平台规范,因此大标题风格在UI设计中占有独特的地位,当然了这种设计风格也会延续到了2021年。虽然大标题风格占独特的地位,但是要落地到真正的产品中去,不是所有产品都可以适用的,要根据具体情况。大标题在UI中的应用可以分为是:大标题导航栏、tab栏大标题、模块化大标题。


(1.1)ios11大标题导航栏

ios11大标题页面中留白更多,呼吸感更强,更加大气现代、更能强调品牌和个性,加粗加大后的字体简单粗暴,更加吸引用户的注意

产品:iOS-健康、产品经理


(1.2)改良版的大标题导航栏

iOS11大标题设计,会占用屏幕较高的空间,大大降低屏幕利用率,一般PM和老板都是不能接受的,因此在iOS11的大标题导航栏上进行了改良,隐去导航栏的分割线,缩小导航栏中的字体,使导航栏在视觉上显得更高,更有呼吸感

产品:陌陌、开言英语、QQ音乐

(2)Tab栏大标题

随着iOS11大标题风格的流行,tab栏切换样式也出现了大标题选中样式,这样能够迅速帮助用户辨识自己所在的位置。

产品:陌陌、keep、酷狗音乐

(3)模块化大标题

模块化大标题常配合大留白在界面中使用,在界面上能够更好地区分层级。

产品:得到、开言英语、千聊


2.大卡片流设计风格

随着Material Design的流行,卡片式设计几乎成为当前界面设计的主流模式,不管是在移动端还是在web端,都可以随处可见卡片式设计,因此在2021年还会继续延续这个设计风格。卡片设计应用的场景实际上有很多,我们着重分析卡片流中的应用。


支付宝(消息)、滴滴出行(行程)、美团(订单)中,都采用以文字信息为主的卡片形式,并用固定的排版方式进行信息的展示。不同的是卡片中的操作按钮,在支付宝、滴滴出行中的按钮是用户进行查看的操作,不涉及产品的转化,因此使用的是视觉层级较弱的文字按钮;而在美团订单页面中的再次一单按钮具有转化的功能,因此在按钮中运用品牌色,突出并引导用户去选择。


总结

虽然没有人知道2021年的趋势会如何脱颖而出,很快就会被遗忘,但是我们可以先行感知这些趋势,在变革到来之前,提前拥抱变化。


123共3页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:职业规划

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/9155.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通