2021年UI/UX设计流行趋势

UI充能站

共 4092字,需浏览 9分钟

 · 2021-08-17

文末领取  “每日福利”  




站酷@Dyson23 授权发布

https://www.zcool.com.cn/article/ZMTI3NDM0OA==.html


“Z世代”又常被称之为“千禧一代”,特制上世纪90年代和本世纪初期(1990-2009)出生的人又称网络世代,互联网世代,统指受到互联网等科技产物影响很大的一代人;Z世代的人显然在幼年时期就与高速发展的电子信息时代接轨,获取的信息通道更多源于互联网,且更加复杂多元化。这就造就了Z世代开阔的眼界,以及更具包容性的观念;“Z世代”已然成为了现在和未来的真正的主要消费者。

根据收集与了解,大概的整理出5个风格趋势




第一章:亚文化

亚文化也被称为小众文化或者非主流文化(此非主流非彼非主流);是指社会中存在的一种母文化(所在社会主流文化)之外的小众文;Z世代的年轻人越来越强调个性,亚文化也得到了长足的发展。


01 - 酸性金属

「 酸性平面」风格融合「Y2K」美学的未来感,形成了独特的「未来酸性金属风」,典型特征有:


酸性渐变:一种会引起不适但足够刺激的迷幻渐变色。这类配色打破了传统美感的标准,追求感官刺激,给人异次元下致幻而不安的感受。

 

金属感:以熔融形态在环境光下呈现出诡秘的反射,这种反常规的液态质感所带来的违和,在传统科技感上增添了几分神秘。


透明胶质:液体或是 PVC 半透明胶质,配合流体动感的形态,折射出光的幻彩,给人强烈的亦真亦幻感受。


什么是酸?

Acid (酸),在各类文化载体的语境下,主要还是指一种叫LSD的致幻剂。


最早源于德语Lyserg Säure-Diethylamid,其中Säure一词翻译成英文就是Acid,所以LSD又称作Lysergic Acid Diethylamide(麦角酸酰二乙胺),也就是迷幻药。它从60年代的Acid Rock(迷幻摇滚)文化中源起;撒切尔主义末期英国出现的锐舞文化(Rave Party)发展出的House舞曲与它息息相关。到了90年代,Garage Punk(车库朋克)在以迷幻理念为主的亚文化人群(Psychedelic Subculture)里进化得来。


简单来说,酸即是迷幻


02 - Hiphop嘻哈

嘻哈(hip hop)诞生于美国贫民区街头的一种文化形式,一般的说法认为它诞生于美国纽约布朗克斯。嘻哈首先在纽约市北部布朗克斯市区的非裔及拉丁裔青年之间兴起,继而发展壮大,并席卷全球。互联网以及各种媒体是范围最广效率最快的文化传播路径,在美国billboard音乐榜上可以看到常年排名靠前嘻哈说唱歌曲,hiphop已然是美国第一大流行音乐类型。因为嘻哈音乐的影响性从而那些说唱歌手的穿搭也引人注目又延伸出潮流穿搭文化,近而流行的潮玩文化或多或少也收到嘻哈文化的影响。


在设计中的应用多以涂鸦风,夸张的字体和色彩来运用。配以孟菲斯风格与当代中式美学结合后,有了国潮等更多的延伸和创意施展。


夹带点私货,美国知名说唱歌手Travis Scott(特拉维斯·斯科特)是我个人喜欢的说唱歌手,无论是他的专辑封面设计和联名款球鞋视觉上都充满了hiphop的潮流元素


03 - Y2K

Y2K=Year 2000 Kilo=千禧年。Y2K就是千禧年文化之意,Y2K美学的诞生基于人们对未来的憧憬与向往,源自于对高科技的想象以及刻画,核心思想是乐观主义和技术乌托邦文化。


而关于Y2K美学从上面的解释可以直接理解翻译为2000年的美学,但是并非所有2000年出现的审美都可以定义Y2K美学,其中主要的核心是科技感,和当时人类在当时环境下对未来科技的发展可能产生出来某些事物的猜想所创造出来的,在当时互联网刚刚兴起,科技电器产业开始发展的大背景下,人们对科技感的兴趣十足,以电脑互联网ui和电子产品为主,形成了一个鲜明独特的设计风格,这个风格也陆续延伸影响到了当时的时尚和设计领域,成为了当时的文化标签。这种美学的产生背景与当时的科技环境背景也是息息相关的,没有过高分辨率的电脑,这种低清晰度的设计也成为了当时的主流。


04 - 赛博朋克

“赛博朋克”是两个英语单词的组合:cyber(赛博)和 Punk(朋克);“赛博”是“控制论”,表示网络技术,比如“网络空间”的英语单词就是Cyberspace “朋克”最早是指一种摇滚乐流派,后来指那些叛逆的另类青年,跟主流社会格格不入。

  

赛博朋克 背景大都建立于“低端生活与高等科技的结合”,通常拥有先进的科学技术,再以一定程度崩坏的社会结构做对比;拥有五花八门的视觉冲击效果,比如街头的霓虹灯、街牌标志性广告以及高楼建筑等,通常搭配色彩是以黑、紫、绿、蓝、红为主;新兴科技与复古元素的交融,就形成了赛博朋克文化中的反差感。



05 - 复古元素

俗话说,潮流在变,复古风格如今却风行一时。现在,可以使人联想起80年代和90年代游戏和动画的图形重新成为一种时尚风格。复古风格对某些人来说可能是怀旧的,或者对某些人来说是新鲜的。例如热门网络游戏LOL(英雄联盟)最近推出的一套名为“太空律动”的主题皮肤造型和推出宣传动画就充满了满满的复古元素,美国近两年最炙手可热的女饶舌歌手Doja·Cat歌曲和MV风格采用了大量蒸汽波,八九十年动画等复古元素;除了复古的卡通图形,还有将文艺复兴时期或更早之前的世界名画作为拼接素材也是复古元素的一种。这种复古风格已成为针对千禧一代和Z世代的新趋势。



第二章:自然有机设计元素

十年前,富有有机感的自然元素随着扁平化设计的兴起而逐步淡出主流趋势,但是如今,它又再次流行起来了。自然的线条,柔和的光线,泥土和树叶的色调,贴合自然特征的渐变,再一次被主流所拥抱。

不过如今的这些自然元素的运用,会更加简约,无论是小元素还是大插图,通常不会用得很满,材质和肌理的运用也会相对克制。

促使自然元素的流行的另外一个原因,是疫情和隔离。长时间没有机会外出会让用户对于自然元素更加青睐,哪怕它们仅仅只是存在于设计当中。自然元素并不会受限于领域,无论是技术相关还是商业领域,自然元素都适用。




第三章:3D设计

从总体上来说,3D设计这一趋势是在往上走,越来越成熟,也适配地越来越广泛。设计师和品牌也在充分利用最新的技术来呈现3D效果,在软件层面的支持也相当的完善,从整体视觉到UI元素、交互、体验,3D 近乎无处不在。


而在3D设计这个领域当中,写实和超现实一直是最为流行风格方向。从目前已有的很多设计来看,这些 3D 建模渲染出来的角色和场景,大多作为视觉主体来呈现,在页面中占据主导地位。而将图像和文本结合起来的方式也在影响着3D设计,很多更加贴近潮流的设计当中,会将照片和3D元素结合到一起,产生极有调性的视觉风格,加入动画,能够瞬间让设计脱颖而出。


在这些 3D 的设计范例当中,很多令人惊叹的作品并不是出于艺术性的需求来设计,相反是为了更好地引起用户注意力。在这个注意力匮乏的时代,3D 设计是大杀器。




第四章:Emoji

Emoji 是另外一个流行趋势。表情符号已经突破了「传统」的聊天领域,开始广泛地运用到平面、视觉甚至 UI 当中。它开始充当一种介乎文字和视觉之间的新型语言,它还能传递出情绪,这就很给力了。


于是,各种 Emoji 在平面和视觉设计中,被用来消解严肃,营造氛围,让设计更加轻松。在未来几年中,Emoji 这一元素应该会被应用得更加广泛,并且会以更加富有想象力的方式,呈现在方方面面的设计当中。



第五章:新材质

01 - 柔光玻璃

从去年就被一众设计师青睐的玻璃拟物化(Glassmorphism)我在这里称之为柔光玻璃,因为我认为它最突出的特点之一就是与柔光的搭配所营造出的舒适感,玻璃在人的印象中是清透的、强反射出的流光感,同时玻璃还有锐利和脆弱的感觉。柔光玻璃的运用恰好是这两个负面的感受弱化,增加了玻璃的厚度,磨砂质感以及圆润的转角给人安心,温柔呵护的感觉。因为柔光玻璃的运用十分广泛,在接下来的一年中仍然是各行业设计师的宠儿。


02 - 流体大理石

半透明的色调,蜿蜒的金属漩涡和泡沫状的彩色水流塑造了这些自由流动的纹理的景观。游戏中的大理石花纹技术为混乱中的美丽瑕疵留出了空间。惊人的适应性-它不是一成不变的,而是动起来的。


03 - 肌理与凹凸

同样表现未来感,表面的肌理和凹凸可以刻画出现实中技术无法做到的效果,搭配绚丽的色彩给人巨大的视觉冲击。


结语:

分析流行总是一件有趣的事情,而在如今这个阶段,对于流行趋势的分析,也包含了另外一层意义,就是对于前沿趋势的期待。想要把握未来,继续前进,那么就需要不断地追索。



---------------------- END ----------------------

   每日福利   
超全“样机素材”打包带走

后台回复“样机”即可领取



   回复关键词获取资源   

小程序控件 | 包图小白体 | 面试技巧 | 图标规范

UI设计规范 | UI教程 | AE教程

字体设计 | 作品集 | 点这里获取更多资源




设计交流  |  加设计群  |  商务合作
添加微信:Optimisticzjl (需备注)

公众号    |    微信群
关注我 设计之路和 3w+ 位设计师携手前行!
❤️❤️❤️

点个在看,是最好的肯定和鼓励~
 
浏览 22
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报