UI 디자인 연구 - 모션그래픽 법칙

반응성 : 인터렉션이 빠르고 클릭이 매끄럽게 일어나야함

의도 : 초점을 핵심 액션과 경로로 이끌어야 함(모션이 시선을 이끌도록)

참고자료

인지: 요소가 각자의 위치에서 상황에 맞게 반응해야 함(UI는 커서와 함께 움직임)

참고자료 1

참고자료 2

일관성: 유형이나 액션이 같다면 같은 모션 패턴을 사용해 익숙한 동작을 만들어야 함

물리적 직관성: 요소의 스타일은 게임의 브랜드에 맞아야 하고 자연스러워야 함.(ex: 총탄 부활술서의 책 UI를 열 때 총을 쏘아 책을 여는 모션그래픽 사용)

게임 인터페이스 작업단계

UX 디자인: 전반적인 유저경험의 정보 흐름을 디자인

UI 디자인: 플로우차트를 기반으로 모양, 색상, 레이아웃, 수치 등을 일관되게 디자인.

모션그래픽: 모션으로 정보 전달 기능 강화

게임 UI 트렌드

뉴포미즘: 다른 이름으로는 소프트 UI. 부드러운 그림자, 미묘한 하이라이트, 미니멀한 색상구성이 특징인 디자인 트렌드. UI에 깊이감과 촉감을 부여하여 부드럽고 유연한 소재로 만들어진 것처럼 보이게 한다. 또한 사용자에게 익숙한 현실세계의 물리적 상호작용을 모방하여 직관적으로 사용할 수 있게 함.

참고자료

마이크로 인터렉션 및 애니메이션: 사용자 동작에 반응하여 발생하는 미묘하고 간과되기 쉬운 애니메이션 또는 피드백 메커니즘. 만족스러운 버튼 누름 애니메이션, 재미있는 로딩 화면 그래픽, 섬세한 음향효과 등의 작은 디테일로 전반적인 사용자 경험을 향상시키고 게임의 반응성과 몰입도를 높임.

음성 사용자 인터페이스(VUI)의 발전: 키보드나 컨트롤러와 같은 기존 입력 방식 대신 음성 명령을 사용하여 게임과 상호작용하는 인터페이스.

미니멀리즘 및 기능적 디자인 채택: 불필요한 요소와 군더더기를 제거하여 기능성과 사용 편의성을 중시하는 깔끔하고 정돈된 인터페이스를 만드는 데에 중점을 둠. 게임 UI 디자인에서는 방해요소를 제거하고 플레이어의 주의를 핵심 게임플레이 경험에 집중시킴으로써 인지부조화 줄임/탐색 기능 개선/몰입도 상승 등의 효과를 보여줌.

출처: https://medium.com/@q99studio/top-ui-ux-game-design-trends-for-2024-f123ca3d9ee6