안드로이드 UI & GUI 디자인

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 정리

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.5.4 알림 아이콘
______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.2.3 픽토그램 관리
______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 정리