UIUX 디자인을 하기 위해서는 전체적인 디자인 트렌드와 UIUX의 트렌드를 파악할 필요가 있습니다. 최근의 UIUX 디자인 트렌드는 불필요한 요소를 제거하고 사용자 경험에 더욱 집중하는 추세입니다.
단순히 보기 좋다거나 시각적으로 아름다운 것보다, 사용자의 경험을 더 중요시하는 것이죠.
트렌드라고 해서 무조건 사용할 필요는 없고, 각자의 서비스와 상황에 맞게 응용해보면 좋을 것 같아 소개해드리려고 합니다.
그럼 최근 디자인 트렌드에서는 어떤 요소들을 이용하고 있는지 알아보겠습니다. 크게 일반 디자인과 UIUX 디자인 트렌드로 나누어 소개해드리겠습니다.
디자인 트렌드
1. 맞춤형 일러스트레이션
대담하고 생생한 색상, 재미있는 스타일의 맞춤형 일러스트레이션은 다른 시각 콘텐츠보다 7배 이상 효과가 좋다고 합니다.
다음은 맞춤형 일러스트레이션의 특징입니다.
- 직관적인 상호작용
- 역동적이고 활기찬 화면
- 언어의 장벽을 넘어 접근성을 향상
- 콘텐츠의 일관성 향상
이러한 맞춤형 일러스트레이션은 서비스의 스토리 플랫폼의 분위기를 나타낼 수 있습니다. 이를 통해 시각적으로 스토리텔링을 할 수가 있어 서비스의 정체성이나 브랜드를 강조하기에 좋습니다.
2. 아이소메트릭 디자인
2차원에서 3차원을 나타내는 디자인으로, 인지성과 가독성이 좋아 인포그래픽 요소에 많이 사용됩니다.
다음은 아이소메트릭 디자인의 특징입니다.
- 시각적 호소력 향상
- 서비스 이용에 대한 정보 전달 향상
- 특히 지도를 표현하는데에 효과적
3. 과감한 색상 + 그라데이션
과감한 색상에 그라데이션을 주어, 공간감과 구조화된 인터페이스를 부여할 수 있습니다.
그러나 너무 많이 사용하면 시선이 분산될 수 있으므로 꼭 필요한 요소에만 집중적으로 사용하는 것을 추천합니다.
4. 3D + 애니메이션
3D를 이용한 입체디자인은 사실적인 표현으로 사용자의 흥미를 자극할 수 있습니다.
애니메이션을 적용해 로딩 화면에 브랜드 콘셉트를 강조하거나, 작은 팝업이나 알림에 주의를 환기하는 용도로 사용할 수 있습니다.
5. 큰 타이포그래피
커다란 타이포그래피를 이용해, 메인 이미지를 대체하거나 페이지의 주요 요소를 구성할 수 있습니다. 주로 굵은 스타일의 가변 폰트가 많이 사용됩니다.
※ 참고로 가변 폰트는 화면의 크기, 마우스 스크롤에 따라서 다양하게 변화하는 폰트입니다.
UIUX 트렌드
1. 음성 사용자 인터페이스
음성을 인식하는 기술이 매우 빠르게 성장하고 있습니다. 클릭하거나 탭 하지 않고, 음성으로 서비스를 이용하는 사용자들이 많아졌습니다.
대표적으로 애플의 시리, 구글의 오케이 구글, 삼성의 빅스비, 아마존의 알렉사 등이 있습니다.
급속도로 발전하고 있지만 소음 환경에서의 인식 문제나 잘못 인식된 것을 수정하는 기능 등 아직 개선이 필요합니다.
2. 제스처, 엄지 친화적 인터페이스
제스처를 비롯한 모바일 사용환경과 인터페이스에 대해서는 이전 글에 정리해두었으니 참고해보시기 바랍니다.
3. 마이크로 인터렉션
마이크로 인터렉션은 이름과 같이 아주 작은 상호작용을 의미합니다. 사소한 부분에서 세심하게 구현하며, 모바일에서 미묘한 시각적 효과를 내기 위해 작은 애니메이션 형태로 구현됩니다.
마이크로 인터렉션은 다음과 같은 특징이 있습니다.
- 직관적으로 인터페이스 인식
- 비슷해보이는 플랫 디자인 차별화
- 콘텐츠에 더 집중할 수 있게
이러한 마이크로 인터렉션은 단순히 애니메이션을 구현하는 것이 아니라, UX 분석을 바탕으로 사용자에게 긍정적인 경험을 줄 수 있어야 할 것입니다.
UX와 UX 디자인에 대한 전반적인 이해가 필요하다면 다음 글을 참고해보세요.
4. 단순화된 인증
서비스에 로그인 할 때 sns 아이디로 로그인하거나, 기기의 잠금을 해제하거나 결재 등을 할 때 신체 인식을 이용하는 등 인증절차가 간소화되었습니다.
사용자들이 이미 이러한 단순화된 인증에 익숙해졌으므로, 별도의 회원 가입이나 로그인보다는 구글 로그인이나 카카오 로그인 등의 SNS 계정을 이용한 로그인이 사용자 편의성에 더 유리하겠습니다.
이상으로 전체적인 디자인 트렌드와 UIUX 트렌드를 정리해보았습니다. 읽어주셔서 감사합니다.
'웹 > UIUX 공부' 카테고리의 다른 글
플로우 차트 만드는 방법 (0) | 2022.05.18 |
---|---|
UIUX 모델링 기법 4가지 (0) | 2022.05.17 |
UIUX 디자인 리서치 방법 (0) | 2022.05.17 |
UX 디자인 프로세스(순서와 방법) (0) | 2022.05.17 |
UX와 UX 디자인 개념 이해하기 (0) | 2022.05.17 |
모바일 콘텐츠를 제작할 때 알아야할 4가지 (0) | 2022.05.17 |
UI를 제작할 때 고려할 점 15가지 (0) | 2022.05.16 |
인터페이스와 UI의 종류 (0) | 2022.05.16 |
댓글