2022 UI 디자인 트렌드

ganghee
heeheewuwu
Published in
8 min readFeb 4, 2022

미니멀리즘, 클레이몰피즘, 브루탈리즘, NFT의 미래, VR, 메타버스

https://uxdesign.cc/2022-ui-design-trends-guide-22ddc386557b

2021년 메타버스의 시작은 산업을 뒤흔들고 디자이너에게는 흥미로운 한 해였습니다. 2021년 수 많은 기사에서 떠드는 가설은 단순히 유행이 된 것을 너머 완전히 새롭게 탈바꿈되었습니다.

2022년에 디자이너가 어떤일을 할 지 함께 살펴봅시다.

1. 미니멀리즘과 단순화

Left to right: Revolut, Meta/Oculus, MoRas ✪, AR Shakir, Clari

잘 알려진 트렌드로 주요 IT기업(Revolut, Meta, Oculus etc.)과 디자이너는 심플함과 정보성, 미니멀 인터페이스를 적극적으로 선호하고 있습니다. 한 해가 지나갈때마다 이러한 트렌드는 점점 확산되어가고 더 많은 기업들이 차용하고 있습니다.

2. 브루탈리즘 (플랫한 디자인)

From left to right: Gumroad.com, Figma.com, Spotify Wrapped, Michal Skvarenina, Tomasz Mazurczak

2021년에 떠오르는 것 중에 또 다른 트렌드가 있습니다. 브루탈리즘은 그라디언트와 그림자, 웃고있는 3D 캐릭터와 같은 디자인과는 반대의 성격을 가지고 있습니다.

브루탈리즘은 플랫한 디자인과 선이 굵은 테두리, 대조되는 색상, 볼드체, 실제 사진과 같은 디자인을 말합니다. 그리고 새롭게 떠오른 것은 제거된 그리드입니다. 현재 다소 이질적인 것으로 느껴지지만 상당히 표준적인 레이아웃과 다른 디자인에서 쉽게 볼 수 있습니다.

브루탈리즘의 가장 최근의 예로 올해의 Spotify Wrapped가 있습니다. 몇몇의 디자인은 기억에 남을 것 입니다.

“Graphic design is my passion” 🙂

3. 글래스몰피즘과 유리에 영감을 얻은 것들

From left to right: iOS “Hello” welcome screen, M Wildan Cahya Syarief, Heydar Hasanov, Gleb Kuznetsov✈

사실 글래스몰피즘은 어디에나 있습니다. 배경화면의 블러처리나 반 투명한 카드, 워터컬러, 유리처럼 보이는 구형 등이 있습니다. Mac OS Big Sur와 윈도우 11부터 여러 어플리케이션까지 많은 곳에 디자인되어 있습니다.

4. 오로라 배경

Left to right: Afterglow, Emy Lascan, Daniel Sun, Lukas Horak, Layo

지난해 오로라 배경 트렌드를 아마 기억하고 있을지 모릅니다. 이것은 매우 인기를 얻었고 심지어 오로라 배경이라는 이름을 얻었습니다.

미묘하고 컬러풀하고 블러처리된 색상이 퍼지는 것은 매우 익숙하고 본질적으로 보입니다. 또한 시각적으로 매력적이게 보입니다. 색상이 퍼지는 것은 전체적인 배경에 사용되거나 중요한 UI 요소를 강조하고자 그 요소 배경에 사용됩니다.

5. 홀로그래픽/ 네온

From left to right: Meta (Facebook) Horizon Worlds trailer, Fauzi Akmal, Baten, Vasjen Katro, Virtual desktop by Cosmin Capitanu

사이버 홀로/네온 트렌드는 메타버스, VR, 홀로그램 인터페이스 분야와 잘 맞아떨어집니다. 디자이너는 가상의 세계가 주는 새로운 가능성에서 영감을 얻습니다. 활기차고 빛나는 색상과 추상화, 둥근 모서리, 홀로그램 처리된 글자들이 트렌드의 대표적인 디자인입니다.

초현실적인 인터페이스를 보여주는 방법으로 수 많은 가상공간에서 사용될 것 입니다.

6. 친환경적인 “cardboard(골판지)” 스타일

Left to right: Halo Mobile, Vladimir Gruev, WeTransfer, Afterglow

우리는 소비자로서 매년마다 환경을 의식합니다. 사람들은 항상 친환경적인 해결을 선택하려고 합니다. 디지털 제품에서 친환경적인 스타일은 친환경을 보고 느끼게 해줍니다.

많은 회사에서 친환경적인 트렌드를 따라가고 있고 이 디자인은 골판지와 스프레이와 같은 회색배경은 재활용한 골판지를 연상하게 합니다. 타이포그래피는 작게하고 높은 대조와 색상은 상당히 흐릿하게 합니다. 귀여운 3D 디자인은 없고 실제 사진과 질감 낙서 그대로 표현이 됩니다.

7. 큰 글씨체

Left to right: Tran Mau Tri Tam ✪, Rron Berisha, Layo, Tomasz Mazurczak, Imran Molla

글자 형식은 10년간 바뀌지 않았습니다. 하지만 요즘은 헤더와 단락에서 디자이너가 원하는대로 디자인할 수 있습니다. 디자이너가 상상하는 대로 설정할 수 있죠. 여러가지 글씨체와 모양, 사진과 이모티콘, 질감, 디자이너가 좋아하는 그리드를 사용한 실험적인 디자인은 매우 세련된 글씨체를 나타냅니다.

이러한 디자인은 가독성이 떨어지고 혼란을 일으키지만 재미와 눈길을 사로잡을 수 있습니다.

8. 클레이몰피즘 3D

Left to right: Aneesh, Amrit Pal Singh’s Toy Faces, Nathan Riley, Hype4.com, Reijo Palmiste

3D는 이미 봐왔던 UI보다 더 간단하게 보여줍니다. 새롭고 트렌디한 3D 일러스트와 3D UI 요소는 클레이몰피즘입니다. 3D 물체는 찰흙과 같은 형태로 보여집니다. 간단한 형태, 원통형/구형, 깊이를 나타내는 안쪽과 바깥쪽의 그림자의 디자인을 가지고 있습니다. 하지만 뉴몰피즘의 음영이 들어간 3D 방법과는 다릅니다.

9. NFT와 예술의 민주화

Left to right: Gal Shir, Asal Design 🐧, WantLine, Anatoliy, Outcrowd

이해하실지 모르겠지만 NFT는 가장 큰 인터넷 열풍입니다.

NFT는 거의 모든 사람에게 돈을 벌 수 있는 새로운 수단입니다. 만약 시각적인 것을 만들 수 있다면, 미술품으로 간단히 팔 수 있습니다. 예술의 민주화란 모든 사람이 온라인으로 작업물을 팔 수 있고 거의 모든 것을 예술품(픽셀 캥거루에서 3D 아바타)으로 가치를 받을 수 있습니다. 또한 가상으로 디자이너의 Dribbble shots을 팔 수 있습니다.

10. VR과 메타버스의 짧은 경험

From left to right: Joël Dos Santos, Volodymyr Kurbatov, tubik, Roman Klčo, Huy Kieu ✪

가상 현실은 부피가 크고 불편하고 불완전성이 있는 해드셋에서 메타와 다양한 어플리케이션의 플랫폼 서비스를 제공하는 새로운 디바이스로 바뀌어가고 있습니다.

메타버스에 자체에 대한 생각은 더 낭만적인 Web3 기반의 컨셉이지만 실제로는 많은 Web2 스타일을 통해 다수의 사람들이 사용하고 있습니다.

Apple 글래스는 여전히 공개되고 있지 않습니다. 그러나 윈도우를 제어하는 제스처와 눈동자 추적, 홀로그램, 3D 형태와 같은 것들이 VR과 AR 같은 스타일로 나오게 될 것입니다.

헤드셋은 프로세싱 성능을 보장해야 하고, 많은 시각적 요소들은 렌더링하기 쉽고 낮은 다각형 표현, 사용자에게 클레이몰피즘으로 보이게끔 해야합니다.

2022 UI design trends guide을 번역한 블로그 글입니다.

--

--