홈앤서비스 SK BROADBAND

이론과 실무 실습으로 배우는 디자인 스타일 가이드와 UI/UX 디자인

첫째, UI/UX 디자인 이론과 실습! 디자인 스타일 가이드를 이용해 UI/UX 디자인을 만들고 스타일 가이드로 정리하는 방법을 이론으로 먼저 소개한다. 이어서 어도비 XD를 사용한 쇼핑몰 앱 제작, 디자인 스타일 가이드 구축 및 협업을 위한 공유 실습을 제공하여 UI/UX 디자인 실무 감각을 기를 수 있다. 둘째, iOS & 안드로이드 가이드라인 제공! iOS와 안드로이드의 가이드라인을 소개하고 예제 실습을 통해 실무 디자인에 활용할 수 있도록 안내한다.

Part 01 디자인 시스템과 스타일 가이드
01장. 디자인 시스템
1. 디자인 시스템의 이해
2. 디자인 시스템의 요소
3. 디자인 시스템 구축 방법론
4. 디자인 시스템 구축 사례

02장. 디자인 스타일 가이드의 이해
1. 모바일 환경의 이해
2. iOS와 안드로이드의 이해
3. 디자인 랭귀지

03장. 디자인 스타일 가이드의 필수 요소
1. 해상도와 밀도
2. 8dp 디자인과 그리드 시스템
3. 빛과 그림자에 의한 높이
4. 컬러 시스템
5. 타이포그래피 시스템
6. 아이코노그래피

Part 02 UI/UX 디자인 기초 실습
04장. Adobe XD 기초
1. Adobe XD 설치와 인터페이스
2. 아트보드와 레이어

05장. Adobe XD 활용
1. 도형 그리기
2. 컬러와 그레이디언트 적용
3. 이미지 활용
4. 라이브러리 에셋 활용

Part 03 가이드라인 실무 실습
06장. 내비게이션 가이드라인 실무
1. 컴포넌트
2. 상단 앱 바와 반응형
3. 탭
4. 내비게이션 드로워
5. 하단 내비게이션

07장. 컴포넌트 가이드라인 실무
1. 버튼과 나인패치
2. 플로팅 액션 버튼
3. 하단 앱 바
4. 리스트 디자인
5. 카드와 스택

Part 04 UI/UX 디자인의 이해
08장. UI/UX 디자인의 개요
1. UI의 이해
2. UI 평가
3. UX의 이해와 평가
4. 모바일 환경

09장. UI/UX 디자인 프로세스
1. UI/UX 프레임워크
2. 발견: 사용자 경험 조사
3. 구체화: 사용자 경험 분석
4. 개발: 서비스 개선 아이디어
5. 도출: 해결책 도출
6. 디자인 제작 프로세스

Part 05 UI/UX 디자인 실무 실습
10장. 인트로 디자인과 인터랙션
1. 스플래시
2. 회원 가입
3. 튜토리얼

11장. 메인 상세 페이지 디자인과 인터랙션
1. 메인 페이지
2. 콘텐츠 상세 페이지
3. 카트 리스트와 주문 페이지
4. 검색

12장. 공유와 협업
1. 디자인 스타일 가이드 정리
2. 공유