디자이너와 개발자가 함께 읽는 안드로이드 UI & GUI 디자인 > 웹사이트

디자이너와 개발자가 함께 읽는 안드로이드 UI & GUI 디자인



도서명:디자이너와 개발자가 함께 읽는 안드로이드 UI & GUI 디자인
저자/출판사:박수레,안영균,정준욱/에이콘출판
쪽수:324쪽
출판일:2018-08-24
ISBN:9791161751757

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