팝업부터 환경설정, 아이콘, 메인 화면, 캐릭터 정보 화면, 상점 화면까지 전체 UI 구성
기초 이해부터 작업 제작과 인터페이스 구현까지 다양한 UI 디자인 제작
게임 UI 디자인은 플레이어와 게임을 연결하는 중요한 요소로, 직관적이고 몰입감 있는 경험을 제공하는 데 핵심적인 역할을 합니다. 《게임 UI 디자인 교과서》에서는 UI 디자인의 개념부터 실무 프로젝트까지 단계별로 학습하며, 포토샵과 유니티를 활용해 효율적으로 UI를 제작하는 방법을 다룹니다. 프롬프트를 활용한 빠른 UI 시안 제작, 요소별 디자인 및 인터랙션 구현까지 실전에서 바로 적용할 수 있는 기능을 익혀 보세요. 버튼, 아이콘, 캐릭터 정보 화면 등 UI 요소를 직접 제작하고, UI 최적화 방법을 배울 수 있습니다. 이 책을 통해 게임 실무에서 활용할 수 있는 UI 디자인 스킬을 익히고, 창의적인 인터페이스를 제작해 보세요!
목차
WEEK 01 게임 UI 디자인의 이해
1.1 게임과 디자인
01 게임
02 디자인과 디자인 특성
1.2 HCI와 UI/UX
01 HCI
02 UI/유저 인터페이스
03 UI의 구성요소
04 UX/사용자 경험
05 게임 UI와 게임 UI 특성
연습 문제
WEEK 02 게임 UI 제작 과정
2.1 게임 UI 제작 과정의 이해
01 디자인 도출
02 기획서 숙지
03 화면 제작
2.2 게임 UI의 사용성 평가
01 사용성 평가
02 사용성
03 휴리스틱 평가
연습 문제
WEEK 03 게임 UI 디자인을 위한 준비
3.1 디지털 이미지
01 해상도와 PPI의 이해
02 디지털의 색 영역
03 비트맵 방식과 벡터 방식
3.2 도구(Tool)의 이해
01 펜 도구의 기능과 활용
02 도형 도구의 종류와 형태
03 레이어 스타일의 속성
04 레이어 정리와 그룹화
연습 문제
WEEK 04 팝업
4.1 팝업의 이해
01 팝업의 개념과 종류
02 팝업의 구조
03 버튼의 종류와 기능
4.2 팝업 제작하기
01 완성 이미지
02 기본 프레임 제작
03 제목부와 내용부 제작
04 텍스트 제작
05 확인 버튼 제작
연습 문제
WEEK 05 환경설정(옵션)
5.1 환경설정의 이해
01 환경설정의 중요성
02 환경설정을 위한 UI 요소
5.2 환경설정 제작하기
01 완성 이미지
02 환경설정 프레임 제작
03 카테고리 제작
04 설정 메뉴 버튼의 내용부 프레임 제작
05 체크 박스 제작
06 슬라이더 제작
07 스피커 아이콘 제작
08 라디오 버튼 제작
09 토글 제작
10 스텝퍼 제작
11 드롭다운 제작
12 닫기 버튼 제작
연습 문제
WEEK 06 아이콘
6.1 아이콘의 이해
01 아이콘
02 아이콘의 종류
03 아이콘 디자인 시 유의 사항
6.2 아이콘 제작하기
01 완성 이미지
02 재화 아이템 제작
03 주머니 이미지 제작
연습 문제
WEEK 07 메인 화면
7.1 메인 화면의 이해
01 네트워크 방식
02 메인 화면
03 게이지와 폰트
7.2 캐릭터 정보 화면 제작하기
01 완성 이미지
02 배경색과 캐릭터 위치 설정
03 돌아가기, 메뉴, 홈 버튼 제작
04 재화 정보 제작
05 캐릭터 정보 제작
06 캐릭터 스킬 정보 제작
07 캐릭터 업그레이드 버튼 제작
연습 문제
WEEK 08 상점
8.1 상점의 이해
01 게임에서의 상점
02 상점의 구성요소
03 상점의 UI 요소들
8.2 상점 제작하기
01 완성 이미지
02 상점 카테고리 제작
03 상품 목록 제작
연습 문제
WEEK 09 리소스 정리
9.1 리소스의 이해
01 게임 UI 리소스의 개념과 목적
02 리소스의 저장 방식
9.2 리소스 정리하기
01 완성 이미지
02 창의 리소스화
03 슬롯의 리소스화
04 아이콘의 리소스화
05 게이지의 리소스화
06 버튼의 리소스화
연습 문제
WEEK 10 유니티의 이해
10.1 유니티의 이해
01 엔진의 개념
02 유니티 UI
03 유니티 에디터 설치
10.2 유니티 기본 화면과 조작
01 유니티 기본 화면과 조작 도구
02 오브젝트 추가와 기본 조작
연습 문제
WEEK 11 uGUI 기초
11.1 uGUI 사용을 위한 기본 오브젝트의 이해
01 스프라이트 아트라스
02 캔버스
03 캔버스의 컴포넌트들
04 렉트 트랜스폼
05 앵커와 위치 좌표 설정의 활용
연습 문제
WEEK 12 UI 오브젝트 1
12.1 UI 오브젝트와 컴포넌트
01 이미지
02 텍스트 메시 프로
03 버튼
12.2 UI 오브젝트의 활용
01 완성 이미지
02 팝업의 구성
03 UI 구조 설정
연습 문제
WEEK 13 UI 오브젝트 2
13.1 옵션 선택용 UI 오브젝트
01 토글
02 드롭다운
03 슬라이더
04 스크롤 뷰
05 레이아웃 컴포넌트
13.2 UI 오브젝트의 활용
01 완성 이미지
02 상단부 구성
03 중단부 구성
04 하단부 구성
연습 문제
저자&기여자
ㆍ지은이 이은정
- 소개
- 이은정(Lee Eunjung)
시골에서 태어나 성장하는 동안 주변은 온통 규칙 없는 놀이로 채워진 리얼파크였다. <스톤 에이지> 시스템에 매료되어 게임이 어떻게 작동하는지 알아내려고 규칙을 해부하면서 콘솔, PC, 모바일 등 디지털 게임 시스템의 기반이 되는 보드게임 메커니즘과 게임 디자인을 연구하고 있다.
2000년대 후반, 보드게임 업계에 발을 내딛어 전문 개발사와 연구소에서 보드게임 디자인 분야를 개척하며 혼재되어 있던 용어를 정리하고자 연구하고 있다. 또한, 보드게임 디자인과 보드게임 디자이너라는 전문직군을 정립하고 정의하는데 연구를 지속하고 있다. 현재 게임 경험 디자이너이자 게임 시스템 디자인 전문가로서 대학교 게임학과(부) 학생들에게 게임 디자인과 메커니즘 분석 분야를 가르치고 있다.
게임 재미검증을 위한 페이퍼 프로토타입 제작을 위한 새로운 커리큘럼을 만들었으며, 지금은 다양한 기술을 활용한 하이브리드 게임 디자인을 연구 중이다. 주요 보드게임 디자인 경력은 다음과 같다.
<신라: 천년의 미소> 시스템, 밸런스 디자인
시스템, 밸런스 디자인 <식스틴> 시스템, 밸런스 디자인 <에그애드> 시스템, 밸런스 디자인 <코드톡> 시스템, 밸런스 디자인 <한글날> 시스템, 밸런스 디자인 <컬렉션> 시스템, 밸런스 디자인 <시그널> 시스템, 밸런스 디자인 <팝콘> 시스템, 밸런스 디자인 <에코빌리지> 시스템, 밸런스 디자인 매직빈게임즈의 시스템/레벨 디자이너이자 게임 디자인 컨설턴트로 일하고 있으며, 게임학, 게임 시스템, 메커니즘 분석에 대한 연구를 하고 있다.
ㆍ지은이 김범석
- 소개
- 김범석(Kim, Bumsuk) 어릴 적부터 낙서와 그림을 즐겨 그리고 좋아했던 것이 자연스럽게 만화와 게임에 대한 관심으로 이어졌다. 우연한 기회로 게임 UI 디자인을 시작했으며, PC 패키지, PC 온라인, PDA, 피쳐폰, 스마트폰 등 다양한 환경의 게임 개발 프로젝트에서 UI 디자이너로 활동하였다. 현재는 보드게임 개발사에서 근무하며 동시에 대학교 게임 관련 학과(부)에서 UI 디자인과 2D 그래픽을 강의하고 있다. 프로필: ㈜매직빈게임즈 개발 팀장, 한국영상대학교 게임애니메이션과 겸임교수, 가천대학교 게임학 석사
저작권 안내
인공지능(AI) 기술 또는 시스템을 훈련하기 위해 자료의 전체 내용은 물론 일부도 사용하는 것을 금지합니다.
All materials are protected by copyright law and may not be edited or reproduced in other media without permission.
It is prohibited to use all or part of the materials, including for training artificial intelligence (AI) technologies or systems, without authorization.
연관 프로그램
무료로 사용할 수 있는 정보를 안내해 드리니, 지원이 필요하면 해당 프로그렘 제작사로 문의해 주세요.
구매 도서 인증
게임 UI 디자인 교과서
부가기호 확인하는 방법
- 종이책 :
-
도서 뒷표지 아래쪽에 있는 바코드의 오른쪽 위 숫자
- 전자책(eBook) :
- 전자책 앞 또는 뒷부분의 판권면 (발행인, 담당 편집자 등을 표시하는 곳) 중 ISBN 부분에 표기(예: 979-11-6050-407-1 05320로 된 곳의 뒤 다섯 자리 숫자 05320)
도서문의
게임 UI 디자인 교과서
독자의견 남기기