안드로이드 UI & GUI 디자인 2/e

1부. 안드로이드의 이해

1장. 안드로이드 디자인의 현재 상황

__1.1 압도적인 점유율의 안드로이드
__1.2 안드로이드 디자인의 문제
____1.2.1 심사의 부재
____1.2.2 다양한 하드웨어
__1.3 안드로이드 디자이너
__1.4 정리

2장. 안드로이드의 특징

__2.1 하드웨어의 특징
____2.1.1 디스플레이
____2.1.2 하드웨어 키
________뒤로가기 키
________메뉴 키
________검색 키
________홈 키
________하드웨어 키 vs 소프트웨어 키
__2.2 주요 인터랙션과 UI
____2.2.1 액션바
________스플릿 액션바
________컨텍스추얼 액션바
________액션바의 한계점
____2.2.2 내비게이션
____2.2.3 뷰 스와이핑
____2.2.4 다중 선택
____2.2.5 앱 위젯
__2.3 레이아웃의 특징
____2.3.1 반응형 레이아웃
____2.3.2 플랫 스타일
____2.3.3 dp 단위
________dp의 의미
________dp의 유래
__2.4 정리

3장. 레이아웃을 구성하는 UI 위젯

__3.1 안드로이드 UI의 48dp 리듬
__3.2 탭
__3.3 내비게이션 드로어
__3.4 리스트
__3.5 그리드 리스트
__3.6 스크롤링
__3.7 스피너
__3.8 버튼
__3.9 텍스트 영역
__3.10 타이포그라피
____3.10.1 텍스트 스타일
____3.10.2 텍스트의 크기
____3.10.3 sp vs. dp
____3.10.4 폰트패밀리
__3.11 슬라이더
__3.12 대화상자
____3.12.1 기본 구조
____3.11.2 가장 많이 헷갈리는 좌부정 우긍정
__3.13 스위치
__3.14 픽커
__3.15 토스트
__3.16 상태바와 알림
__3.17 오버뷰
__3.18 화면 분할
__3.19 픽처인픽처와 알림닷
__3.20 정리

2부. 안드로이드 UI/GUI 제작

4장. UI 설계

__4.1 콘셉트와 주요 태스크 설정
__4.2 정보 구조 설계
____4.2.1 태스크 흐름과 깊이
__4.3 작업 순서
____4.3.1 스케치: 종이와 연필
____4.3.2 와이어 프레임: 파워포인트, 일러스트 등
____4.3.3 픽셀 디자인: 포토샵 등
__4.4 안드로이드 UI 패턴
__4.5 목업
____4.5.1 목업/프로토타이핑 저작 도구
__4.6 정리

5장. 스케일러블 디자인

__5.1 레이아웃
____5.1.1 레이아웃과 박스 모델
____5.1.2 데이터 오버플로
__5.2 스케일러블 그래픽
____5.2.1 나인패치
____5.2.2 drawable xml
____5.2.3 이미지 타일링
__5.3 이미지뷰
____5.3.1 이미지 스케일 타입
__5.4 정리

6장. 이미지 소스 제작

__6.1 해상도별 작업
__6.2 실제 화면과 비교
____6.2.1 구글 안드로이드 디자인 프리뷰
____6.2.2 화면 공유 소프트웨어
__6.3 버튼
____6.3.1 버튼의 상태
__6.4 [실전] 페이스북 로그인 버튼 제작
__6.5 아이콘
____6.5.1 런처 아이콘
____6.5.2 시스템 아이콘
____6.5.3 어댑티브 아이콘
__6.6 [실전] 런처 아이콘 제작
____6.6.1 런처 아이콘 제작
__6.7 이미지 클리핑
__6.8 이미지 소스 분리
____6.8.1 이미지 소스의 구분
____6.8.2 이미지 소스의 배경
____6.8.3 이미지 소스 트리밍
____6.8.4 이미지 소스의 픽셀값
__6.9 정리

7장. 안드로이드 리디자인

__7.1 기본 UI 및 레이아웃 리디자인 [하이다이어트]
__7.2 앱 어댑티브 아이콘 리디자인 [안전신문고]
__7.3 기본 UI 및 레이아웃 리디자인 [기차표 예매]
__7.4 정리

3부. 개발 환경에서의 디자인

8장. 개발자와 협업

__8.1 레이아웃 상세기술서
____8.1.1 각종 치수 표기
____8.1.2 이미지 소스 이름 표기
__8.2 개발 환경과 파일 전달
____8.2.1 개발 환경 설치
____8.2.2 클라우드를 통한 폴더 공유
____8.2.3 이메일 전송
__8.3 xml 직접 수정
____8.3.1 로그인 화면 제작
__8.4 스타일 xml 작성
____8.4.1 텍스트 스타일 작성
____8.4.2 컬러 지정
__8.5 개발자와 커뮤니케이션하는 팁
____8.5.1 예측 가능한 상황들
____8.5.2 이미 작동하고 있는 다른 앱을 들이대라
____8.5.3 시각적 비동기 커뮤니케이션
__8.6 정리

9장. 효율적인 디자인 작업

__9.1 작명 규약
____9.1.1 이미지의 종류
____9.1.2 이미지의 상태
____9.1.3 파일명과 해상도 정보
__9.2 스타일 관리
____9.2.1 포토샵에서 스타일 관리
____9.2.2 픽토그램 관리
__9.3 기기 테스트
____9.3.1 가급적 많은 비례의 화면
____9.3.2 가급적 다양한 해상도의 화면
____9.3.3 다양한 종류의 디스플레이
____9.3.4 가급적 다른 제조사
__9.4 마켓 관리
____9.4.1 스크린샷
__9.5 유용한 툴들
____9.5.1 스케치 프로그램
____9.5.2 dp와 픽셀 변환
____9.5.3 Apk extractor
__9.6 정리

10장. 안드로이드 디자인의 미래

__10.1 해상도 대응
__10.2 벡터 그래픽
__10.3 플랫 스타일
__10.4 정리