본인이 원하는 도메인 브랜드의 시각 자료를 1개를 선택합니다
-
예시
-
피드백 이전 진행 내용
-
튜터님 피드백 기록 - 26. 02. 02 (월)
- 이전 맵핑, 분석 과정 → 장르 구분 없이 다양한 이미지 모아둔 느낌?
- 게임 구성에 대해 알고 싶으면 실제 시뮬레이션 진행되고 있는 화면 만들어 보는 것 권유
- 게임 디렉터나 게임 요소 관련 부분 취업 희망 의사 있다면, 인게임 제작 관련 작업 권유 (실제 시뮬레이션 화면 만들어보기)
- 프로모션 디자인은 살짝 가벼운 느낌
- 버튼을 조사한다거나 디테일하게 구성 요소 구분해둔 내용 좋았음
[피드백 반영 이후 작업 내용]
- 인게임 패션 / 아바타 커스터마이징 커머스
- 인게임 시뮬레이션 화면 만들어보기
- 장착, 옷장 상점, 보관함 총 3장 이미지 생성
- 시간 여유가 된다면 피그마로 상점 탭 전환, 스크롤 되는 것 까지 구현할 계획
- 인게임 시뮬레이션 화면 만들어보기
선택한 자료를 요소별로 분해하여 살펴봅니다
<aside>
- 예시 (가장 중요) 브랜드 분석 → 본인만의 시각이나 해석을 담아내고 그것을 스스로 정리하는 것
- 요소별 분해 예시
- 튜터님 스포트라이트
- 피드백 이전 진행 내용 </aside>
↓ 26. 02. 03(화) 진행 예정
-
레이아웃 구조
- 상단
- 탭 내비게이션 (장착 / 옷장 상점 / 보관함)
- 보유 재화 정보 (우측 정렬)
- 중앙 좌측 65~70%
- 캐릭터(3D) 미리보기
- 어두운 무대 배경 + 스포트라이트 효과
- 우측 30~35%
- 상품 카드 리스트 2열로 배치
- 세로 스크롤
- 상품 카드 내 한정 판매(타이머) 상단 + 판매 가격, 적립 정보 하단
- 하단 우측
- 필터 아이콘 UI, 구매 CTA 버튼 고정
- 하단 좌측
- UI 숨기기, 카메라 촬영, 날개 보이기, 무기 보이기, 머리 올리기, 원래 외형으로 복구 아이콘
⇒ 캐릭터는 항상 무대 중앙 느낌, UI는 캐릭터를 방해하지 않을 정도로 배치함
⇒ 상점인데 광고 느낌이 나지 않음, “피팅룸 느낌”
- 상단
-
폰트 계층
- UI 텍스트
- 얇은 산세리프
- 자간 넓음
- 기능 중심 (탭, 카테고리)
- 정보 텍스트 (가격, 한정 판매 시간)
- 숫자를 강조
- 단위는 약하게 표시
- 대비 확실하게
- 폰트 자체보다 여백, 위치, 하이라이트로 위계를 표현
- UI 텍스트
-
버튼 또는 CTA 디자인
- 구매 버튼
- 골드 컬러, 단일 컬러, 효과 없음
- 보조 버튼 (필터, 정렬)
- 어두운 남색 계열 컬러, 가이드 느낌
⇒ CTA: 고립된 위치와 색상 대비로 강조
- 구매 버튼
-
이미지 처리 방식
- 캐릭터
- 하이엔드 3D (**하이엔드 = 우수한)
- 피부, 머리, 의상 텍스처 디테일 극대화
- 배경과 명확한 명암 분리
- 배경
- 거의 블랙에 가까운 남색 톤
- 그라데이션 + 안개 효과
- 상품 카드 이미지
- 인물 클로즈업
- 정적인 포즈
- 각 상품마다 다른 컬러 배경으로 세트 구분
- 캐릭터