[UI/UX] UI/UX 디자인의 최신 트렌드 모음

디자인 트렌드

1. 맞춤형 일러스트레이션과 스토리 텔링

몇 년 전까지만 해도 평면적인 일러스트레이션이 유행.

이제는 대담하고 생생한 색상과 재미있는 스타일의 맞춤형 일러스트레이션이 주목받기 시작함. (효과가 우수)

맞춤형 일러스트레이션은 웹 사이트와 모바일 앱의 스토리를 보여주거나 플랫폼의 분위기를 설정해 시작적 스토리텔링을 만들고 앱의 기능과 장점을 제시.

 

2.아이소메트릭 디자인

아이소메트릭 디자인은 2차월 요소로 3차원 객체를 그리는 방법.

각 요소들이 매력적으로 보이고 사용자가 더 쉽게 이해하는 것이 가능해서 트렌드로 자리잡게 됨.

원근감이 없기 때문에 거리에 따른 크기 변화가 일어나지 않는 특징이 있음.

특히 지도에서 건물과 거리, 자동차 등을 아이소메트릭 디자인으로 표현하면 이해가 쉬움.

너무 많은 아이소메트릭은 별로 안 좋음.

 

3. 과감한 색상과 그레이디언트 사용

과감한 색상이나 그레이디언트와 함께 겹치는 효과를 적용하면 공간감을 부여하고 구조화된 인터페이스를 생성할 수 있음.

 

4. 3D 입체 디자인과 애니메이션

3D 디자인은 2D 디자인보다 시간이 오래 걸리지만, 사실적으로 보이게 할 수 있고 사진으로는 담지 못하는 표현도 가능. 최근 로딩 화면은 로딩 시간을 지연시키면서 브랜드 화면을 애니메이션으로 구현하는 추세이며, 이를 통해 브랜드 콘셉트를 명확하게 제공하고 사용자 경험을 개인화 한다. 또 작은 팝업과 알림에도 사용자의 주의를 환기하기 위해 애니메이션이 사용도니다.

 - 리퀴드 애니메이션

 

5. 큰 타이포 그래피와 가변 폰트

타이포 그래피로 메인 이미지를 대체하거나 페이지의 주요 요소를 제공하기도 하고, 아웃라인 타이포그래피가 활용되기도 한다. 하나의 폰트로 다양한 변화가 가능한 가변 폰트가 빠르게 확산되고 있다. 가변 폰트란 화면의 크기나 마우스 스크롤에 따라 다양하게 변화하는 폰트이다.

 

UI/UX 트렌드

1. 음성 사용자 인터페이스

삼성의 빅스비, 애플의 시리, 아마존의 알렉사, 구글의 오케이 구글

집안에서 이러나는 모든 일을 관리하거나 운전 중에 음성으로 명령을 전달하는 등 사물 인터넷 기능과 연결되어 쓰임.

 

2. 제스처와 엄지손가락 친화적 인터페이스

화면 공간을 최대한 확보하는 것이 중요해짐.

물리적인 홈 버튼이 없어지고, 탐색에 절대적으로 필요한 접근 방법인 제스처를 기반으로 한 인터페이스의 중요성이 커지고 있음.

 

3. 마이크로 인터랙션

마이크로 인터랙션은 놓치기 쉬운 사소한 부분에서 한 가지 목적을 위한 이벤트를 세심하게 구현하는 것을 말한다. 주로 모바일 플랫폼에서 미묘한 시각적 효과를 내기 위해 사용되는 작은 애니메이션 형태로 구현됨. 2D 디자인의 밋밋함을 극복시킬 수 있음.

 

4. 단순화된 인증

홍채 인식, 얼굴 인식, 초음파 지문 인식