UI 디자인 트렌드 2025

안녕하세요 제하쓰입니다 :)
오늘은 디자인 트렌드에 관련된 글을 써볼까 합니다. 요즘 들어 디자인을 공부하면서 자료 수집하는 일이 많은데요? 국내뿐만 아니라 해외 쪽 자료들을 수집하면서 요즘 들어 유행하는 UI 디자인들을 정리해 보았습니다.

1. BIG 타이포그래피
전통적으로 타이포그래피는 빠질 수 없는 디자인 요소였습니다. 잘 만든 폰트와 적당한 색으로도 확실한 차별점을 줄 수 있었으니까요.

여기서 한 발 더 나아가서 화면을 꽉 차는 타이포그래피로 사용자의 시각을 사로잡는 방식이 유행하고 있습니다.
사용자의 주의를 끌고, 글자가 커지니 가독성이 좋아지는 효과가 있습니다. 요즘 사람들이 갈수록 큰 모니터를 쓰기 때문에 글자가 작으면 사용자의 안구(?) 건강을 해칠 우려가 있습니다 😂

하트 에어로스페이스

 

깃허브의 모나 & 휴봇 폰트 소개 페이지

큰 타이포그래피의 주의할 점은 글자가 커졌다고 많을 글을 넣으면 안 된다는 겁니다! 핵심은 미니멀리즘!

2. 뉴모피즘
2019년에 Dribble에서 3000개가 넘는 like를 받으며 순식간에 핫한 주제로 떠올랐죠? 구글의 머터리얼 디자인과 애플의 쿠퍼티노가 지배하는 모바일 UI의 새로운 바람을 불러일으킨 디자인이에요.

alexplyuto의 뉴모피즘

특징으로는 객체와 배경간의 구분을 오로지 그림자만으로 표현한다는 겁니다.
광범위하게 글라스모피즘, 스큐어모피즘, 클레이모피즘 같은 하위 트렌드가 있습니다.

글래스모피즘

 

• 글라스모피즘은 반투명한 배경과 생동감 넘치는 떠다니는듯한 특징을 가지고 있으며 유리를 모방해서 붙여진 이름입니다.

 

초창기 애플의 스큐어모피즘

 

• 스큐어모피즘은 현실 세계의 질감을 디지털 인터페이스로 가져와서 실물과 같은 버튼, 손잡이, 질감 같은 걸 재현해서 익숙하고 사실적으로 느껴지게 합니다.

 

호리즌 월드

• 클레이모피즘은 부드러운 그림자에 차분한 색상, 둥근 모서리가 특징이며 가볍고 친근한 느낌을 불러옵니다. 주로 교육이나 창의적인 산업에서 많이 활용합니다.

다만 뉴모피즘 디자인은 전체적인 디자인에 반영하기 어렵다는 단점이 있어요, 대부분의 회사들은 서비스 전반에 뉴모피즘을 적용하기보다는 아이콘, 로고, 배너 등에 일부만 적용하고 있는 추세입니다.

3. 벤토 박스 디자인
벤토는 일본어로 도시락을 뜻하는 말입니다. 일본의 전통 도시락 모양에서 영감을 얻은 디자인인데, 각 구역이 독립적으로 나누어진 그리드 형식이 특징입니다.

FlexFit

벤토 디자인의 특징은 다양한 콘텐츠 형식을 결합할 수 있다는 건데요? 이미지, 텍스트, 동영상, 차트, 지도 등 다양한 요소를 레이아웃 내에서 자연스럽게 표현할 수 있습니다.

아이폰 14 프로 소개

애플이 아이폰 14 프로를 소개하는 페이지에 사용하여 화제가 되기도 했었습니다.

4. 브루탈리즘
굵고 큰 타이포그래피와 단색으로 이루어진 색상 구성이 특징으로 거친 느낌을 줍니다.

디자인적인 느낌을 표현하기보다는 판매하는 상품을 정확히 시각적으로 표현하기 위해 격자형 구조를 많이 사용합니다.

노스 이스트

 

스튜디오 brot

브루탈리즘은 자칫 투박하고 무관심하게 보일수도 있습니다. 가공되지 않은, 마감되지 않은 콘크리트를 뜻하는 건축 양식에서 가져온 이름이니까요. 브루탈리즘의 핵심은 실용성입니다. 대부분의 모던 웹사이트들이 화려하고 멋진 ux와 css를 갖추고 있어서 오히려 이런 디자인이 눈에 띄게 되는 것이죠.

요즘 웹사이트들이 다 똑같아 보이는 것도 그들이 같은 트렌드를 따라가기에 때문입니다. 트렌드를 따라가지 않는 독창성, 대칭성은 없다, 애니메이션도 거의 없는 직설적인 디자인을 고려해 보시는 건 어떠신가요?

5. 3D 몰입형 디자인
3D라는 요소는 나온 지 오래되었지만, 상호 작용적이고 몰입감이 있는 디자인은 언제나 선호도와 인기가 높다고 생각합니다.

현실적인 질감, 유동적으로 변하는 3D디자인은 사용자가 정적인 인터페이스를 볼 때보다 더 큰 호기심과 경험을 줄 수 있습니다. 360도로 볼 수 있는 제품, AR 요소, 대화형 객체 등은 언제나 사용자를 끌어들일 수 있다고 생각합니다.

체인지피티

치플리

3D 디자인을 적용한 웹사이트를 만들고 싶다면 Three.js, Spline과 같은 툴을 추천드립니다. 개인적으로 부동산 관련 서비스나 자동차를 파는 회사들은 필수적으로 이 3D 디자인을 적용해야 한다고 생각합니다. 사용자가 체류하는 시간을 획기적으로 늘릴 수 있다고 체감하거든요.

---

이상으로 요즘 유행하는 디자인 트렌드들을 살펴보았습니다. 더욱더 많은 디자인 트렌드들이 있지만 다 담지 못했습니다. 기회가 된다면 2탄으로 찾아오도록 하겠습니다.