转自公众号:设长
UI设计,即界面设计,是指对软件的人机交互、操作逻辑、界面美观的整体设计,好的UI设计不仅可以让软件变得更有个性、有品位,还可以让软件的操作变得更为舒适和简单。
今天设长就和大家分享2022年UI十大设计趋势!
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220359-fa4377ce13269c1.jpg)
01
3D动画
3D and Animations
3D元素和动画是这两年比较火的话题,动画是UI设计中,用户体验的重要部分之一,3D是设计领域中的重要类别之一。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220360-28cf3173a16e57f.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220360-4021165393a0fb7.jpg)
将3D与动画结合在一起,有助于帮助观者提供更加全面的视觉效果,比如下面的案例,让声音、动画、视频等更多的多媒体参与,丰富界面多层次的表现,充分调动观者的五感体验,增强视觉效果,增加观者对UI设计的兴趣,视觉上更具新鲜感和现代化。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220361-919002f0324b175.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220362-fdf3af66e701177.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220362-61ace7552682223.jpg)
关键词:新鲜感、现代化、互动性、吸引力
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220362-cbbb6daf7fbd2e6.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220363-29ed97013583f8e.jpg)
02
人性化表情符号
Fun optimistic designs
在过去的十年里,表情符号已经成为我们在网络上交流方式中不可或缺的一部分。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220364-6a26710f014703c.jpg)
在版式上选择一些有趣表情符号出现,大多数可以以面孔的表情特征来作为图像,这些网页设计的特点通常是使用以面孔的表情、较轻的字体、有趣的字体、时髦的形状和颜色等来表现。这样的视觉效果给人一种亲近而有趣。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220365-0c6e040616c968b.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220365-e77ad8a5bdc2af8.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220366-77ba48a5bad7dbf.jpg)
关键词:人性化、真实感、互动性
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220366-ccaed57f7be0acc.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220367-1cda2fbd798c145.jpg)
03
大字体效果
Big bold experimental typography
选择大字体效果设计风格,是一种急速流行的设计风格,也可以称之为大标题设计风格。画面中将标题放大,再搭配上其他元素,在最短的时间内了解到设计的元素,抓住观者的注意力。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220367-86e0f078aee9e39.jpg)
选择大字体效果可以是从轮廓到彩色字体,再到变化的形状和填充,粗体和实验性的字体。具体选择根据画面要求来搭配。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220368-dc579ce046ae11b.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220369-e67480d4e929c9f.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220369-d548f07bf206d2c.jpg)
关键词:吸引力、记忆点、品牌色
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220370-60a46d54e71a153.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220370-728cd5d6cf2331b.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220370-9bd5c7a0bd6c1fb.jpg)
04
毛玻璃拟物态
Blur background Glassmorphism
毛玻璃效果在2021年的下半年可谓是新崛起的一种流行手法,外观让人联想到玻璃的设计元素,有透明、粗糙或光泽度的设计元素在内。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220371-280b1dc16eaab93.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220371-163ff222434683f.jpg)
毛玻璃它最大的特征就是通透感和微透光,透过上层设计能看到底部色彩微妙的变化,丰富了设计质感的细腻度。这样的质感可以丰富UI界面的细节元素,打破这几年单一扁平化的设计。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220371-f2032ce219b062a.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220372-c1f0fad35cfc008.jpg)
关键词:细腻度、轻玻璃质感、通透、层次感
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220372-729b3f6047db5f9.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220373-037838195b504f5.jpg)
05
怀旧复古
90s Nostalgia/Retro
我们总是在说,复古一直流行,为什么复古的设计元素会一直流行?因为复古的设计元素在这10年间所流行的排版、配色都非常地具有代表性,这么多年积累在这个阶段融会贯通,塑造出一系列风格统一而充满个性的设计风尚。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220373-5dd574b1e565208.jpg)
我们可以通过孟菲斯设计的模式、简单表情符号和原始互联网框架体验90年代的设计效果,选择颜色饱和度较低的颜色,与浓郁饱满的色系碰撞,纹理、色彩、形状、特定的噪点效果结合营造一股复古氛围。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220373-4c4d4a4bae32e44.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220374-4beea01ee27a8d9.jpg)
关键词:韵味感、吸引力、怀旧感
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220374-3e7876f248e467c.jpg)
06
弥散式渐变
Gradients
2022年,渐变采用了新的形式——弥散式渐变,文本颜色填充可以提供最大的视觉效果,在插图或图标中填充其他线条可以创建纹理深度效果。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220374-9f0724e3d6b91da.jpg)
弥散式通过色彩渐变模糊,形成虚实集合的有色光感效果,颜色和颜色之间比较自然的渐进变化,让整体的气质变得更加柔和,给人一种虚实结合的魔幻感。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220375-f0543982baeca02.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220375-8250800a72d446a.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220375-1f9941d9751eb4d.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220376-f545ee6734cc7ee.jpg)
关键词:记忆点、丰富画面、吸引力
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220376-970b56d2226b950.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220377-b2b7dbce8015fbf.jpg)
07
不规则拼接艺术
Extraordinary Imagery
不规则拼接艺术的设计效果是把真实和想象结合起来,创造出非常非凡的形象。想象力可以被无限地放大。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220377-cbbb8438d512b3d.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220378-3ea1df613ff2700.jpg)
不规则拼接设计的灵感来源于拼贴艺术,这是一种不限制创作材料的、超现实的、将元素解构并重组的一种艺术创作手法。我们可以混搭元素,字体元素可以是手写体、衬线体、无衬线体的混合使用,图片元素可以是涂鸦、插画、图片、矢量图形、可以是抽象的和具象的、黑白、彩色等,在不规则拼接艺术设计上,可以大胆一点!也可以选择叠加、描边与色块、解构与超现实组合等。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220379-e22084ea8e84750.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220379-c18b5c8a36097c9.jpg)
关键词:个性、大胆、吸引力
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220380-d19a4d64558092c.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220381-48282c464603086.jpg)
08
极简黑白
Black and White
黑白是最经典的配色,跟任何颜色都能搭配,并且黑白有一种时尚简约的美。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220381-860e363a908fba2.jpg)
如果选择黑白,在黑白的限制范围内思考和设计,可以释放并帮助激发创造力,设计效果可以绝对令人震惊。在设计中,我们也可以添加一些明亮或大胆的强调色,以帮助推动交互并向用户展示如何处理设计,给用户展示一种既能与黑白的鲜明搭配又能吸引到客户。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220381-7c687b9db32b417.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220382-d876088cf9d80ce.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220382-087d545a655426b.jpg)
关键词:交互性、极简性、品牌色
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220382-051b5189e262cb0.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220383-242d744830d892c.jpg)
09
深色模式
Dark Mode
随着Android、ios、Windows进入了深色用户界面,现在每个应用程序都有包含深色模式。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220384-b37f4c2322e521f.jpg)
深色主题不仅可以为一些视力受损的用户提供了更好的可视性。深色主题还降低了ole对 手机的功耗,很好地增加不同创意成分出现。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220384-8d6513faca298be.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220385-8b0b11d84d7c499.jpg)
关键词:良好的视觉效果、降低对电池的损耗
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220385-144f95680691557.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220385-b774e094a18f394.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220386-7d59c7b6969452b.jpg)
10
色彩丰富
Vivid Colors
通过鲜明的色彩对比和丰富的视觉细节,可以突出网站/应用程序的重要部分。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220386-e43e15b5ce88cdc.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220387-4d57cd38e41eeaa.jpg)
丰富的色彩,给人的视觉效果是心情愉悦的。色彩之间更是能够互相搭配组合,创造出不同的世界效果。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220388-935ef216e65faf7.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220389-87cec336ad21e1c.jpg)
关键词:丰富、亮点
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220389-35b7ed428acf50c.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655220389-be9605d81fd91be.jpg)
本文转自微信公众号:设长,作者:设长 杨哥,版权归原所有者所有,本文仅供分享交流,如有侵权,请联系我删除,谢谢!