모바일 앱 제작을 통한 UI 디자인의 이해 with Adobe XD
한국폴리텍대학 아산캠퍼스 시각디자인과
이주희 교수님 강의입니다.
| 차시 | 강의명 |
|---|---|
| 1강. 모바일 환경의 이해 1 | |
| 1차시 | 1차시. 모바일 환경의 이해 |
| 2차시 | 2차시. iOS와 안드로이드의 이해 |
| 2강. 모바일 환경의 이해 2 | |
| 3차시 | 1차시. UI/UX 디자인의 이해 |
| 4차시 | 2차시. 스타일 가이드의 이해 : 해상도와 밀도, 그리드 시스템 |
| 3. 모바일 환경의 이해 3 | |
| 5차시 | 1차시. 내비게이션과 컴포넌트의 이해 |
| 6차시 | 2차시. UI 디자인 프로세스의 이해 |
| 4. Adobe XD 기초 1 | |
| 7차시 | 1차시. 간단한 아이콘 제작하기 : 네트워크 아이콘 제작 |
| 8차시 | 2차시. 응용 아이콘 제작하기 : 날씨 아이콘 |
| 5. Adobe XD 기초 2 | |
| 9차시 | 1차시. 상단 앱 바와 하단 내비게이션 제작하기 |
| 10차시 | 2차시. 내비게이션 드로어 제작하기 |
| 6. Adobe XD 기초 3 | |
| 11차시 | 1차시. 버튼 제작하기 |
| 12차시 | 2차시. 버튼 애니메이션 구현 |
| 7강. Adobe XD 기초 4 | |
| 13차시 | 1차시. 좌우 스크롤링 인터랙션 구현 |
| 14차시 | 2차시. 크기변화 인터랙션 구현 |
| 8강. Adobe XD 응용과 UI 디자인 설계 1 | |
| 15차시 | 1차시. 디자인 전략 수립 : 콘셉트 키워드 추출 |
| 16차시 | 2차시. 디자인 시각화 |
| 9강. Adobe XD 응용과 UI 디자인 설계 2 | |
| 17차시 | 1차시. UI 디자인 설계: 정보구조 설계 |
| 18차시 | 2차시. 와이어 프레임 제작하기 |
| 10강. Adobe XD 응용과 UI 디자인 설계 3 | |
| 19차시 | 1차시. 패럴랙스 페이지 제작하기 |
| 20차시 | 2차시. 진행형 로딩 페이지 제작하기 |
| 11강. Adobe XD 응용과 UI 디자인 설계 4 | |
| 21차시 | 1차시. 선형 로그인 인터랙트 구현 |
| 22차시 | 2차시. 팝업 오버레이 로그인 인터렉션 구현 |
| 12강. Adobe XD 응용과 UI 디자인 설계 6 | |
| 23차시 | 1차시. 메인 페이지 제작하기 |
| 24차시 | 2차시. 서브 페이지 제작하기 |
| 13강. Adobe XD 응용과 UI 디자인 설계 6 | |
| 25차시 | 1차시. 사진 그리드 UI 설계 |
| 26차시 | 2차시. 리스트 페이지 UI 설계 |
| 14강. Adobe XD 응용과 UI 디자인 설계 7 | |
| 27차시 | 1차시. 프로필 페이지 제작하기 |
| 28차시 | 2차시. 프로토타입 구현하기 |
| 15강. Adobe XD 응용과 UI 디자인 설계 8 | |
| 29차시 | 1차시. 구성요소 내보내기 |
| 30차시 | 2차시. 공유하기 |