공통/소양

과정명

모바일 UX/UI 디자인 이것 하나로 완성! 실무에서 포트폴리오까지

신청기간

상시

학습기간

2021-10-24 ~ 2021-11-23

정원

-

학습시간

470 분

수강신청
학습목표

1. 모바일 앱/웹 및 OS별 디자인 특징을 고려해 UX/UI를 기획하고 설계할 수 있다.

2. 모바일 UX/UI 실무 프로젝트 수행 및 포트폴리오를 제작할 수 있다.

3. 모바일 UX/UI 디자이너가 알아야할 코딩 용어와 개념을 말할 수 있다.

4. 실무에서 처리하는 프로세스에 맞춰, 모바일 앱/웹 UX/UI 디자인 작업을 직접 수행할 수 있다.

대상

1. 모바일 UX/UI 디자인 분야로 취업하고 싶은 취업 준비생

2. 모바일 UX/UI 디자인 분야로 재취업하고 싶은 경력자(기존 웹디자이너 및 디자인 관련 직무 경력 보유자)

3. 모바일 UX/UI 디자인 분야로 창업하고 싶은 예비 창업자

과정소개

모바일 UX/UI 디자이너는 단지 UI를 아름답게 꾸미는 것이 아니라,

실제 모바일 앱/웹 개발에 있어 기획자와 개발자의 소통과정에 전반적으로 참여해 의견을 수렴하고 반영하는 등

 기획과 개발 과정 전반을 설계(디자인) 해야 합니다.

그만큼 관련 지식과 실무역량은 물론, 열린 태도를 갖추는 것이 중요합니다.

본 과정은 모바일 앱 디자인 실무와 포트폴리오 제작 뿐만 아니라, 모바일 UX/UI 디자이너가 알아야 할 기획 코딩 실무에 대한 내용도 함께 다루고 있습니다.

UX/UI 디자인 방법론, 페이퍼 프로토타입을 활용한 앱 기획 및 설계,

각 운영체제 별 디자인 가이드 제작 방법, 이미지 해상도 변환, 테마별 앱 디자인, 인터랙션 디자인 등의 필수 실무 내용과 함께

HTML, CSS를 활용한 앱 퍼블리싱까지 학습하여 모바일 UX/UI 디자이너가 갖춰야 할 다양한 실무 지식과 기술을 습득할 수 있는 기회를 제공합니다.

수료기준
과정 수료기준 | 구분, 진도, 시험, 총점
구분 진도 시험 총점
배점비율 100% 0% 100%
수료기준 100 점 0 점 100 점
학습목차(차시)

1. UX 디자인 실무과정 알아보기
2. UX 디자인을 위한 준비 - PC 환경 설정
3. 모바일 서비스 기능 알기(1) - 네이티브 앱
4. 모바일 서비스 기능 알기(2) - 모바일 웹/앱
5. UX 디자인 프로세스
6. 태스크 분석
7. 디자인 리서치
8. UI 설계하기
9. 모바일 해상도(1) - 디자인 가이드
10. 모바일 해상도(2) - 안드로이드 DP 변환
11. 모바일 해상도(3) - 안드로이드 테마 활용
12. 모바일 해상도(4) - iOS PT 변환
13. 모바일 앱 이미지 활용(1) - wrap_content / match_parent
14. 모바일 앱 이미지 활용(2) - draw9patch
15. 모바일 컬러 사용방법
16. 이미지 파일 포맷 알기(1) - JPG, GIF, PNG
17. 이미지 파일 포맷 알기(2) - APNG, WebP, SVG
18. 모바일 디자인을 위한 그래픽 프로그램
19. 일러스트레이터 활용(1) - 기본 활용
20. 일러스트레이터 활용(2) - 아이콘
21. 일러스트레이터 활용(3) - 이미지 내보내기 및 최적화
22. 포토샵 활용(1) - 기본 활용
23. 포토샵 활용(2) - 벡터 툴
24. 포토샵 활용(3) - 마스크와 스마트 오브젝트
25. 포토샵 활용(4) - 이미지 추출
26. draw9patch를 활용한 나인패치 제작
27. 안드로이드 앱 디자인 실무(1) - 런처 아이콘
28. 안드로이드 앱 디자인 실무(2) - 스플래시
29. 안드로이드 앱 디자인 실무(3) - 로그인 화면
30. 안드로이드 앱 디자인 실무(4) - 이미지 커팅 및 최적화
31. iOS 앱 디자인 실무(1) - 런처 아이콘
32. iOS 앱 디자인 실무(2) - 레이아웃 설계 및 디자인
33. iOS 앱 디자인 실무(3) - 이미지 커팅 및 최적화
34. Assistor PS를 활용한 디자인 가이드 및 이미지 커팅
35. 모바일 웹 퍼블리싱
36. Viewport 활용하기
37. 모바일 이미지 활용(1) - 픽스 이미지
38. 모바일 이미지 활용(2) - 퍼센트 이미지
39. 적응형 웹/앱 제작
40. 반응형 웹/앱 제작(1) - Viewport를 기준으로 한 레이아웃
41. 반응형 웹/앱 제작(2) - 이미지 준비 및 레이아웃 설계
42. 반응형 웹/앱 제작(3) - html 구조 설계 및 CSS 활용
43. 인터렉션 구현(1) - 제이커리 모바일 활용
44. 인터렉션 구현(2) - 내부 및 외부 페이지
45. 인터렉션 구현(3) - 팝업 및 패널

로딩중...