LG VS DC24
GUI Motion Guide

client

LG VS

timeline

2023.08 ~ 2023.12

tools

C4D, Unreal Engine, AE

Contribution

80%

Car 3D Rendering

실제 목업 차량 사진을 기반으로 3D 모델링과 텍스처링, 렌더링까지 직접 진행했습니다.
차량의 CMF를 그대로 반영하되, UI 환경에서 형태가 가장 뚜렷하게 읽히는 조건을 찾기 위해 Studio·City·Natural 세 가지 환경 라이팅을 테스트했습니다.

Studio Lighting

Natural Lighting

City Lighting

3D GUI Motion Design

2D GUI 시안을 기반으로 3D GUI를 제작한 프로젝트로 Unreal Engine과 C4D를 활용해 전체 환경 컨셉과 공간을 세팅했습니다.

어반·스포츠·에코 모드가 화면 안에서 명확하게 구분되도록 각 모드마다 라이팅, 컬러, 배경 분위기를 다르게 설계했고,
안개·스모크·광원 확산 등 환경별 이펙트를 구성해 주행 상태가 직관적으로 읽히도록 구현했습니다.

3D 공간에서 카메라 뎁스 모션을 통해 3차원 공간의 공간감 표현하고
2D 이미지를 Z축 모션의 인터렉션을 추가하여 미래적인 GUI 모션 디자인을 진행했습니다.

주행 안내, 음성 인식, 목적지 검색 등 각 이벤트 상황에 맞는 시각 효과를 GUI 전체의 톤앤매너에 맞춰 구성했습니다.
화면마다 다른 정보를 다루지만 하나의 시스템으로 읽히도록 컬러와 모션 언어를 통일했습니다.

GUI Motion guide

3D 공간에서의 카메라 무빙으로 공간감을 표현하고, 2D 이미지에 Z축 인터랙션을 더해 미래지향적인 GUI 모션을 설계했습니다. 평면적인 스크롤에서 벗어나 X·Y·Z축을 모두 활용해 깊이감이 느껴지도록 구성했습니다.

설계한 모션은 개발 단계에서 그대로 구현될 수 있도록 문서화했습니다. 각 오브젝트의 Position·Rotation·Opacity 값과 프레임별 타이밍, easing 커브를 수치로 명시하, 타임라인 시트에 요소별 진입·퇴장 구간을 정리해 개발팀이 별도 해석 없이 바로 적용할 수 있는 인터랙션 모션 가이드를 작성했습니다