2020 UI/UX 디자인 트랜드에 관해 정리가 잘 된 글을 봤다.
평소에 관심이 많던 분야이고 나중에 프로젝트를 진행할 때 도움이 될 것 같아서 정리하려고 한다!
1. Animated Illustrations
illustration
- 우리 제품에 있어서 전반적인 UX에 자연스러운 느낌과 인간적인 촉감을 더해준다.
- 강한 관심을 불러 일으킨다.
motion + illustration
- 추가적인 디테일과 개성을 더해준다.
- 우리의 제품을 돋보이게 해준다.
- 사용자의 관심을 사로잡고 사용자가 제품에 참여하도록 해준다.
- 우리의 브랜드, 제품, 서비스에 대한 이야기를 전달할 수 있는 가장 효과적인 방법 중 하나이다.
2. Microinteractions
- 모든 앱과 웹사이트에서 많이 볼 수 있다.
-> ex) 페이스북에서 좋아요👍 기능처럼! - 너무 자연스럽고, 사용자 인터페이스로 혼합되서 존재했는지 조차 깜박할 수 있다.
- 하지만, microinteraction을 제거한다면 우리는 뭔가 빠졌다는 것을 바로 알아차릴 수 있다. (허전한 느낌!)
- 일반적으로, UI/UX 설계에서는 아주 작고 미묘한 변화도 큰 영향을 줄 수 있다.
- microinteraction을 통해, 디테일과 이에 대한 관심이 제품의 전반적인 사용자 경험을 향상시키고 그 수준을 끌어올려준다는 것을 알 수 있다.
3. 3D Graphic in web & mobile UI
- 새로운 웹 브라우저의 기능은, 웹과 모바일 인터페이스에서 3D 그래픽을 만들고 구현하도록 해주었다.
- 제품, 서비스와 더욱 더 상호작용 하고 그것들을 매력적인 방식으로 표시할 수 있도록 해준다.
- 2020년에는 더 많은 브랜드들이 3D 그래픽을 통해 제품이나 서비스를 선보일 예정!
4. Virtual Reality
- 주로 VR은 게임 산업에서 많은 발전을 해오고 있었다.
- 2019년 오큘러스퀘스트 출시 이후 다른 산업에도 많은 기회가 열릴 것이다.
이제 Front-end 기술이 웹과 모바일을 넘어 VR기기까지 적용될 수 있겠다! 라고 생각했다🤔 다양한 회사에서도 VR 화면에 맞는 사용자 인터페이스를 위해 Front-end 개발자를 더 많이 필요로 하는 날이 오는건가?
5. Augmented Reality
- 증강 현실
- 지금 전세계적으로 많은 기술 회사들이 AR개발에 많은 투자를 하고 있는데, 우리는 이 기술에 대한 성장과 확장을 기대할 수 있다.
- 애플은 디자이너와 개발자들이 AR기반 제품들을 만들 수 있도록 자체 AR 툴킷을 도입했다.
(원본 글에는 ARKIT 3이 소개되어 있는데 현재 애플 홈페이지가 가보면 ARKIT 4가 소개되어 있습니다.)
6. Neumorphism
- Skumorphic design은 실제 생활 물체와 동일하도록 현실적인 스타일로 만들어진 디자인 요소를 뜻한다.
- 디자인 플랫폼(Dribble, Behance)에서 볼 수 있는 VR/AR 기술의 성장과 최신의 디자인 트랜드는 Skumorphic design이 다시 복귀 할 수 있도록 만들었다.
- 하지만,
New skeuomorphism(Neumorphism)이라는 이름으로 바뀌었다! - 이는 매우 자세하고 정확한 디자인 스타일을 나타낸다.(하이라이트, 그림자, 야광)
7. Asymmetrical Layouts
- 비대칭 레이아웃
- 기존의 템플릿 기반의 레이아웃은 사라지고 있고 비대칭 레이아웃이 증가하고 있다.
- 비대칭 레이아웃의 사용은 디자인에 역동성, 개성을 더해준다.
8. Storytelling
- 디지털 제품 디자인의 전반적인 UX에서 이야기는 매우 중요한 역할을 한다.
- 스토리텔링은 고객들에게 가장 유익하고 창의적인 방법으로 정보를 전달하는 것이다.
-> 타이포그래피 ,일러스트레이션, 고품질의 사진들, 과감한 색상, 애니메이션, 반응형 요소를 혼합해서! - 스토리텔링은 브랜드와 고객들 사이에 긍정적인 감정과 관계를 만들고 브랜드를 기억에 남도록 해준다.
자료(글, 이미지) 출처
더 자세한 내용과 이미지들은 밑에 출처에서 확인할 수 있습니다.
옹골찬 개발자가 되기 위한 험난한 일대기