앱 개발자와 디자이너에게 꼭 필요한 앱 디자인 실무서

1장 스마트폰 앱 UX, UI 디자인 환경 01. UX, UI 디자인 UX란? = 23 UX = 23 UX 디자인 = 23 UX 주요 사례 = 25 스마트폰 앱의 UX 환경 변화 = 31 UI와 GUI란? = 34 UI = 34 UI 디자인 원칙 = 34....+전체보기 GUI = 38 UI 디자인의 흐름 = 40 UX, UI 디자인 = 43 UX, UI 디자인은 기술과 함께 발전한다 = 43 UX, UI 디자인은 표현과 경험이다 = 44 UX, UI 디자인 프로세스 = 46 UX, UI 디자이너의 자세 = 48 UX, UI 디자인 트렌드 = 55 인터랙션 디자인 = 55 플렛 디자인 = 55 인포그래픽스 = 59 02. 스마트폰 앱 디자인 환경 스마트폰 앱 제작 환경 = 63 스마트폰이란? = 63 애플리케이션／앱 = 65 모바일 앱의 종류 = 68 스마트폰 앱 마켓, 스토어 = 71 스마트폰 운영체제 = 73 피처폰의 특징 = 80 스마트폰과 피처폰 콘텐츠 디자인의 차이 = 82 스마트폰 운영체제별 개발 환경 = 83 스마트폰 앱 디자인의 특징 = 84 스마트폰 앱 UI 구성 시 고려 사항 = 84 UI 가이드라인 = 86 나인 패치 이미지의 활용 = 96 레이아웃 및 구조 = 101 색상 패턴 = 104 03. 스마트폰 앱 디자인 가이드 안드로이드 UI 디자인 가이드 및 특징 = 109 구글(안드로이드)의 10가지 UX 디자인 원칙 = 109 스마트폰의 화면 크기 및 해상도 = 113 런처 아이콘(애플리케이션 실행 아이콘) = 118 메뉴 아이콘 = 123 상태 바 아이콘 = 125 탭 아이콘 = 126 다이얼로그 아이콘 = 128 리스트 아이콘 = 128 위젯 디자인 = 128 최신 버전의 안드로이드 운영체제의 특징 = 131 아이폰 UI 디자인 가이드 및 특징 = 134 Less＆More = 134 아이폰 UI 디자인 원칙 = 135 스마트폰 화면 크기 및 레티나 디스플레이 = 138 아이콘 제작 환경 = 140 아이콘 제작 순서 = 141 아이콘 디자인 특징 = 142 iOS7 UI 디자인 특징 = 143 2장 앱 디자인을 위한 그래픽 활용 01. 그래픽 디자인의 활용 해상도 및 스마트폰 디스플레이 = 149 해상도 = 149 해상도와 스마트폰 디스플레이와의 관계 = 150 해상도별 제작 순서 = 152 이미지 파일 형식 및 색상 = 154 JPG = 154 GIF = 156 PNG = 157 색상 및 비트의 이해 = 158 디자인 프로그램의 활용 = 161 일러스트레이터의 활용 = 161 포토샵의 활용 = 163 02. 일러스트레이터의 활용 일러스트레이터의 환경 = 166 벡터 그래픽 제작 방식 = 166 벡터 그래픽 제작 방식의 장단점 = 166 일러스트레이터의 화면 구성 = 168 오브젝트 표현 및 구성 = 169 일러스트레이터의 주요 기능 = 172 단축키 활용 = 172 작업(Document) 창 설정 = 173 선택 도구(Selection Tool)의 활용과 오브젝트 속성 = 175 오브젝트 그리기 = 178 펜 도구의 활용 = 180 선(Stroke)의 속성 = 183 오브젝트의 잠금(Lock) 및 그룹(Group) = 186 반복 실행 및 작업 되돌리기 = 187 오브젝트 명암 처리 기법 = 188 오브젝트 크기 조절, 회전, 반전 기법 = 192 연결 및 라운드 코너(둥근 모서리화) = 193 레이어의 활용 = 194 3D와 오브젝트 확장 = 196 패턴 제작 및 활용 = 197 03. 포토샵의 활용 포토샵의 환경 = 199 비트맵 제작 방식 = 199 비트맵 제작 방식의 장단점 = 199 안티 알리어스 = 201 포토샵의 화면 = 202 포토샵의 주요기능 = 203 주요 단축키 활용 = 203 작업 창(Document) 설정 = 205 창 편집 및 화면 정보 = 207 New Window의 활용 = 209 색상 적용 및 색상 견본 팔레트 = 209 선택 도구의 활용 및 편집 = 211 레이어의 활용 및 편집 = 217 그라디언트의 활용 = 222 레이어 스타일 = 226 레이어 스타일 수정 및 편집 = 232 레이어 마스크 = 235 펜 도구와 패스의 활용 = 238 도형 도구의 활용 = 241 패턴의 활용 = 244 브러시 도구 및 연필 도구의 활용 = 246 일러스트레이터와의 활용 = 250 자유 변형 도구(이미지 크기 조절) = 251 작업 되돌리기 = 253 3장 스마트폰 앱 UX, UI 디자인 01. 아이콘 디자인 아이콘 디자인의 특징 = 261 아이콘이란? = 261 확실한 메타포의 사용 = 262 픽셀 디자인(도트디자인) = 263 평면 아이콘 및 효과 = 265 투시 기법에 따른 아이콘 표현(3D) = 266 빛과 아이콘 디자인 = 269 빛의 굴절 및 표현 = 270 스마트폰 앱 아이콘의 특징 = 270 스마트폰 UI 아이콘의 구분 = 271 스마트폰 앱 아이콘의 특징 = 272 02. 스마트폰 앱 UX, UI 디자인 일러스트레이터를 활용한 아이콘 디자인 = 283 일러스트레이터 오브젝트의 포토샵 활용 = 283 기본 아이콘 디자인 = 285 응용 아이콘 디자인 = 292 스마트폰 UI 아이콘 디자인 = 304 스마트폰 앱 활용 버튼 = 329 아쿠아 버튼 = 329 그라디언트 버튼 = 340 런처 아이콘 디자인 = 365 런처 아이콘 제작 활용 = 365 런처 아이콘 디자인 = 369 위젯 및 패턴 디자인 = 416 위젯 = 416 패턴 디자인 = 428 4장 스마트폰 앱 프로젝트 01. 앱 디자인 제작 프로세스 앱 개발자 구분 = 455 기획자 및 프로젝트 매니저 = 455 앱 프로그래머 및 제작 과정 = 461 앱 디자이너의 역할 및 자세 = 464 앱 디자인 기획 = 470 디자인 기획 = 470 페이퍼 프로토타입 및 목업 = 473 프로토타입 기획서 = 475 02. 앱 디자인 제작 앱 UI 디자인 = 479 런처 아이콘 제작 = 479 안드로이드, iOS 대응 제작 프로세스 = 486 해상도별 이미지 크기 및 레이아웃 설정 = 487 나인패치 제작 = 495 나인패치 종류 = 497 스타일 가이드 및 이미지 저장 = 502 이미지 커팅 및 나인패치 활용 = 502 파일명 표기 및 이미지 저장 = 507 스타일 가이드 = 513