모바일 애플리케이션 UX & UI 디자인 프로젝트

Chapter 01 애플리케이션과 디자인 전략

좋은 어플리케이션이란?

1. 애플리케이션 디자인
애플리케이션 디자인 가치
사용자 경험의 이해
애플리케이션? 모바일 웹? 웹?

2. 디자인 전략
비즈니스에서의 디자인 전략과 디자인 레벨 체계
디자인 전략의 중요성
디자인 전략 이해를 위한 3가지 레이어

3. 디자인 전략 구축의 예시
One Source Multi platform
밸런스와 최적화
특성별 콘텐츠 차별화

Chapter 02 애플리케이션을 위한 디자인 플래닝

앱 개발의 디자인 플래닝

1. 디자인의 역할 재고를 위한 플래닝

2. 디자인 중심의 협업 체계

3. 디자인 제안을 위한 효과적인 툴

Chapter 03 애플리케이션 디자인 프로세스

1. 애플리케이션과 프로세스

2. 앱 프로세스의 이해

3. 애플리케이션 디자인 프로세스
아이디어를 콘텐츠로 | Converting Contents
콘텐츠의 체계화와 구체화 | IA/Packaging Contents
콘텐츠의 질서와 규칙 잡기 | Wireframing
디자인의 기준과 가이드 작성 | Style Guide
시안을 통한 중간 점검 Design | Prototyping
효과적인 디자인 | Designing

Chapter 04 애플리케이션 디자인 예시 : 하이원

1. 앱 디자인을 위한 기본적인 이해
OS별 기본 가이드의 이해
화면 구성 요소들의 이해

2. Contents Converting
프로젝트 개요

3. IA/Contents Packaging

4. Wireframing

5. Style guide
컬러 가이드
배경 및 패턴
폰트의 결정
기타 가이드
기타 고려 사항

6. Design Prototyping

7. Designing
하나의 화면에 다양한 객체 구성하기
팝오버를 통한 콘텐츠 전달
동적인 느낌의 화면 구성
화면을 넓게 사용하는 구성
터치 이미지의 영역 잡기
이미지의 최적화와 포맷의 이해
이미지 용량 줄이기
애니메이션 효과로 다이내믹한 화면 만들기
아이콘 디자인하기
아이폰과 안드로이드 아이콘 사이즈
아이폰과 안드로이드 아이콘 디자인시 차이점

Chapter 05 애플리케이션 디자인 예시 : 사랑의 열매

1. Contents Converting
프로젝트 개요·176

2. IA/Contents Packaging

3. Wireframing

4. Style guide
컬러 가이드
배경 및 패턴
그래픽 이미지
폰트의 결정

5. Design Prototyping
메인 화면
[착한 소비] 메뉴 화면

6. Designing
로딩 화면에서의 동적인 이미지 효과
피드백 요소로서의 동적 효과 적용
지속적인 인터랙션을 위한 디자인 작업
안드로이드 나인패치 : 이미지 변형 없이 늘리기
기능 구현 화면에서의 디자인 작업
탭 바와 탭 위젯
스크롤되는 이미지와 백그라운드
리스트 화면의 응용
HTML을 이용한 화면 구성

Chapter 06 애플리케이션 디자인 예시 : 그린 계산기

1. Contents Converting
프로젝트 개요

2. IA/Contents Packaging

3. Wireframing
MENU 1. 계산
MENU 2. 비교
MENU 3. 계획
MENU 4, 5
개발팀과의 커뮤니케이션

4. Style guide
스타일 가이드를 시작하기 전에
컬러 가이드
그래픽 가이드
폰트 가이드

5. Prototyping

6. Designing
메인 로딩 이미지
전기세 계산하기
탄소 배출량 결과 보기
비교하기
비교하기의 결과
계획하기
일반 정보 콘텐츠