# 朱颜辞镜花辞树-2022年10大UI设计趋势

By [Elaine](https://paragraph.com/@elaine) · 2022-03-12

---

今天从另一个角度来谈谈美，我们的日常生活已经离不开互联网产品，随处可见的网页和APP，那么该如何设计一个漂亮的界面抓住人的眼球呢？

今天就带大家看看Olivia Hoskin关于2022年10大UI设计趋势的猜想，有助于设计师们在今后的产品设计中加入这些流行元素，从而跟上世界的变化！

### 趋势#1 --2D和3D的结合

多年来，3D设计一直呈现上升趋势，跟随着元宇宙的风口它将取得更进一步的发展。它为设计师们提供了无限的创意空间，我们在这个领域看到的最受欢迎的作品包括从模糊数字到物理元素之间的高度逼真的3D视觉效果，2022年将是2D和3D重大交叉的一年！

![插画一](https://storage.googleapis.com/papyrus_images/cb383d8d176916ba4adb9ffb7a345d0efbfd186f333cf8e3261da98ac96ea13b.webp)

插画一

![插画二](https://storage.googleapis.com/papyrus_images/8b7a93fbda0f4250acb4a0994e25b506e35fdacbf29f5eb4dfd87ccd357963ca.webp)

插画二

### 趋势#2 --90年代的怀旧

最近像Netflix的Cobra Kai & Stranger Things这样的影视媒体将人们带回了90年代，我们可以看到90年代里的许多流行元素在这次趋势中卷土重来，因此我们可以通过简单的表情符号和互联网插画设计带人们重温90年代。

![插画三](https://storage.googleapis.com/papyrus_images/df280b609d7cd777e6402da1a5ba6848d5cd8a76a1bb4c182351d4ce95af64fa.webp)

插画三

![插画四](https://storage.googleapis.com/papyrus_images/dea1da4de25115ad1c010e226dbea8e88dde3decefe0fa15e9001b8fd67aedf9.webp)

插画四

### 趋势#3 --扭曲的排版

无论是一个字母颠倒，还是字体大小的变化， 都有助于区分不同的信息，这种设计的好处是能将人们的注意力吸引到特定区域。

![插画五](https://storage.googleapis.com/papyrus_images/9e47a3329d11855d9e0edd6510cb4e3f16f547281a607cbddc27e469a48678e6.jpg)

插画五

![插画六](https://storage.googleapis.com/papyrus_images/2b270a0c5c0438e3e20a50dd4066d4613f3ff45d866a116e5d43ca002c437a56.png)

插画六

### 趋势#4 --浮世绘风格设计

日本的浮世绘是17-19世纪蓬勃发展的一种艺术形式，他们描绘了美丽的女性、歌舞伎演员等一系列人物场景。在今天的设计中，浮世绘可以当作元素放到平面设计里。

![插画七](https://storage.googleapis.com/papyrus_images/ae68d1485d9aa1a41db607d81444bd0122a54edecfc757341f897e4741f52756.webp)

插画七

![插画八](https://storage.googleapis.com/papyrus_images/8ab36e8a2f45c6f70c5e7082a58c880096778afad20f541cb1d2407b9f4b2b4e.webp)

插画八

### 趋势#5 --糖果色的氛围

如今互联网产品实在是眼花缭乱，于是设计师开始寻找创造性的办法来吸引人的注意力，滚动的充满活力的糖果色正从Web3产品里流行起来。（对！没错说的就是Uniswap！）

![插画九](https://storage.googleapis.com/papyrus_images/801189048a3353bda46854e6f8d87df96a0af30fc911ae899d7f662b2f752fe2.webp)

插画九

![插画十](https://storage.googleapis.com/papyrus_images/4e6c0741b9a5ebc448d764097d6958759d46aa377464ed4b0c295e9c6669c4e2.webp)

插画十

### 趋势#6 --反设计的崛起

反设计理解起来就是字面意思，拒绝传统的设计原则和美学风格。在这一趋势里，我们能感受到不对称、色彩冲突、繁杂的图案堆积等一系列视觉冲击。

![插画十一](https://storage.googleapis.com/papyrus_images/806f5069e2fec87eb609ec97c5f8d9397f03598f20aebf4ff80a301ab62df457.webp)

插画十一

![插画十二](https://storage.googleapis.com/papyrus_images/1d8b6dcb898a19f8abec5bc50cdd28756c5ba0cae883edd067954f365432b3ae.webp)

插画十二

### 趋势#7 --3D角色(NFT)

对于今年兴起的元宇宙来说，3D风格的角色将成为当仁不让的主角！其人物角色的设计可以融合前面提到的糖果色等其他元素。

![插画十三](https://storage.googleapis.com/papyrus_images/e3e7ff11c3ea30a66ef8c926d543c41fcf1ebeaf8252c8c6578aac125ee5ec4f.webp)

插画十三

![插画十四](https://storage.googleapis.com/papyrus_images/aaa858800cc6f4215c144e59161c13c0c8b0dc9e3142303f17061a47cde9c570.png)

插画十四

### 趋势#8 --几何风格

几何风格的线条会根据他们的位置而变形，他们代表了主题的复杂性，平面设计行业严重依赖图案，这些装饰元素能为背景增添趣味并打破纯色。

![插画十五](https://storage.googleapis.com/papyrus_images/1180ab62f346e451770a75b5de5193c9f9cee0fbb6239a6ef4054e755dcf43a0.webp)

插画十五

![插画十六](https://storage.googleapis.com/papyrus_images/53aa2f7616337d9f88139fc639a60b5e3e2b3e64effbd27b5ba414cfc74432c5.webp)

插画十六

### 趋势#9 --全息设计

全息设计融合了多维柔和的高光，这种风格无疑是高科技和未来主义的，即使在静态图像中，这种风格也会给人带来动态的印象。

![插画十七](https://storage.googleapis.com/papyrus_images/05d88c21aa8062f9796efb8b3c910ad607a7ecffcc989e5fb396214d75f72b1f.webp)

插画十七

### 趋势#10 --圆形的泡泡设计

这种圆形泡泡设计一方面保留了童真的乐趣，传达出一种友好轻松的氛围，另一方面迷幻的色彩又让人感觉成熟，因此这种风格将成为2022年流行趋势。

![插画十八](https://storage.googleapis.com/papyrus_images/a9695a94461861ccbb29c2a4eeff09346ba2e9f6b256465bfb11c9e1abbdbd27.webp)

插画十八

![插画十九](https://storage.googleapis.com/papyrus_images/c808ffb6dacf0844912012989d57479ca7ec72f037f802a04f3a8d76e7c2083a.webp)

插画十九

### 最后

介绍这篇文章的原因，是因为：以上提到的10种流行趋势我在Web3产品里全部见过！Uniswap和AAVE糖果色的风格，Decentraland的3D风格，CURVE的90年代怀旧风，Agora Space的反设计风等等，WEB3产品一般会融合这些趋势，我实在超爱Web3产品的设计风格，因此将这篇文章介绍给大家，希望大家一起向DAO出发！

---

*Originally published on [Elaine](https://paragraph.com/@elaine/2022-10-ui)*