九.低对比度轻渐变的运用
近几年,过渡柔和的轻量渐变越来越受欢迎,由于其简约、可用性高,兼顾美感的同时,可以创造出让人放松、温暖的氛围。因此对于期望传达轻松、治愈风格的产品,轻量渐变尤为贴合。
特点:饱和度低、明度高,邻近色系居多,过渡细腻柔和
(新版优酷)
在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年的趋势会如何脱颖而出,很快就会被遗忘,但是我们可以先行感知这些趋势,在变革到来之前,提前拥抱变化。