15
Life Changing Education UX/UI 디자인 입문(2020) Online.

UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

Life Changing Education

UX/UI�디자인�입문(2020)�Online.

Page 2: UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

Life Changing Education Copyright ⓒ FAST CAMPUS Corp. All Rights Reserved.

강의정보 강의장��������������온라인�강의�|�데스크탑,�노트북,�모바일�등

수강�기간����������평생�소장

상세페이지��������https://www.fastcampus.co.kr/dev_online_game담당������������������패스트캠퍼스�고객경험혁신팀�

강의시간�����������51시간41분

문의������������������강의�관련�전화�문의:�02-568-9886�������������������������수료증�및�행정�문의:�02-501-9396��������������������������/�[email protected]

강의특징 나만의속도로

낮이나�새벽이나�내가�원하는�시간대에�나의�스케쥴대로�수강

원하는�곳어디서나

시간을�쪼개�먼�거리를�오가며�오프라인�강의장을�찾을�필요�없이�어디서든�수강

무제한복습

무엇이든�반복적으로�학습해야�내것이�되기에�이해가�안가는�구간�몇번이고�재생

Page 3: UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

Life Changing Education Copyright ⓒ FAST CAMPUS Corp. All Rights Reserved.

강의목표 - 흔들렸던�UX/UI개념을�바로�잡을�수�있다.

- 좋은�UX/UI디자인을�보는�안목을�기를�수�있다.

- UX/UI�분야�공부를�통해�커리어�역량을�기를�수�있다.

- UX/UI�실무를�배울�수�있다.

강의요약 - UX/UI�디자인의�기초�이론과�실무에서�프로토타이핑을�위해�사용하는�디자인툴에�대해�배우게�됩니다.

- 리서치,모델링,기획,디자인사용성평가까지�실무의�프로세스를�실사례와�함께�공부하게�됩니다.

- UX�디자인의�다양한�맥락에�대해�공부하고�다양한�인접�개념들을�살펴보고�어떤방식으로�디자인에�반영할지�고민합니다.

- 스케치,마블,제플린,어도비XD,프로토파이등�최근�디자이너들이�가장�많이�활용하는�새로운�프로토타이핑툴을�배울�수�있습니다.

Page 4: UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

Life Changing Education Copyright ⓒ FAST CAMPUS Corp. All Rights Reserved.

강사 정다영 파트 UI�디자인,�프로토타이핑

이력 현�듀오돈�공동대표전�삼성전자�책임�디자이너전�CJ�E&M�아트�디렉터전�NHN�(NAVER)�디자이너전�D’�strict�디자이너

천호상 파트 UX�개념파트

이력 현�Digitalist�UX�EvangelIst전�dotUX�UX�Director전�LG�단말�연구소�선행팀장전�Jones�International�미디어�매니저

홍석희 파트 UX�리서치,�사용성�평가,�서비스기획

이력 현�My�Music�Taste�Product�Designer전�Kinetic�UX�Designer전�Look�Smart�IOS��Develoer전�KBB�Korea�APP�Developer

송병용 파트 케이스�스터디

이력 현�듀오돈�공동대표전�NAVER�corp.�-�Lead�Desinger전�D.FY�Creative�Director전�NHH�crop.�-�Lead�Desinger전�ACG,�Senior�Desinger

이재구 파트 어도비�XD

이력 현�비팩토리�Sr.�Product�Designer현�콜렉트�커피�Creative�Director현�Adobe�XD�Face�book�user�group�관리자전�Carplat�서비스�디자인팀�팀장

Page 5: UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

Life Changing Education Copyright ⓒ FAST CAMPUS Corp. All Rights Reserved.

강사 강선영 파트 스케치,�제플린,�마블

이력 현�Dreamfora�디자인�팀장현�국민대�테크노�디자인�전문대학원�스마트�경험��������디자인�연구원전�계원예술대학교�시각디자인과�외래교수전�ELUO�CNC�UX/UI�디자이너�

나재휘 파트 프로토파이

이력 현�동아대학교�겸임교수현�홍익대학교�초빙교수Proto�Pie�가이드북�저자전�바이널익스피리언스�책임�디자이너

Page 6: UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

Life Changing Education

CURRICULUM

01.�UX�디자인�개론

01. 강사 소개 & UX 소개 및 Technology의 발전02. UX History03. UX 디자인이란04. 좋은 UX를 만들기 위한 요소들05. User Research 알아보기 - 106. User Research 알아보기 - 207. Usability 알아보기08. Information architecture와 UI Design 알아보기 - 109. Information architecture와 UI Design 알아보기 - 210. User interaction,Visual Design,UX Writing 간단소개11. 주요 UX principles 소개12. 핵심 UX laws 소개13. UX 디자이너가 되려면14. 회사,조직에서의 Role & Responsibility15. UX 업무 프로세스 알아보기16. 좋은 디자이너란

파트별�수강시간�3:55:30

Page 7: UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

Life Changing Education

CURRICULUM

02.�UX�디자인�리서치�및�서비스�기획

01. 강사, 강의 소개02. 실무에 필요한 UX, UI 용어03. 모바일 UX, UI History04. 모바일 UX, UI 트렌드05. IT회사의 실무 개발 프로세스06. 실무자 직군별 역할07. 애자일과 워터풀 프로세스08. Lean 스타트업과 MVP09. 리서치 프로세스와 목적10. 문제정의와 5 Whys11. 프로젝트 Brief12. Stakeholder(내부이해관계자) 인터뷰13. 경쟁사 분석14. 실무 리서치 Overview15. 정량적, 정성적 분석 방법16. 리서치 계획17. 사용자 인터뷰18. 포커스그룹 인터뷰19. Contextual Inquiry20. 다이어리 스터디21. 카드소팅22. Wizard Of Oz23. 개요24. Affinity Mapping25. Persona26. User Journey27. 브레인 스토밍28. Feature 우선순위29. 서비스 컨셉30. User Story31. User Scenario32. 스토리보드33. 유저플로우34. IA-정보구조

파트별�수강시간�2:34:00

Page 8: UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

Life Changing Education

CURRICULUM

03.�UI�디자인

01. Design Language02. Design Process03. Digital Authoring Tools04. Define05. Keywords06. Image, Mood board07. 컬러 (RGB, 코드, 배색 etc)08. 타이포그레피 (분류, 용어, 구조 etc)09. 디자인 환경 - 110. 디자인 환경 - 211. 레이아웃과 그리드 시스템 - 112. 레이아웃과 그리드 시스템 - 213. 컬러시스템14. 타이포그래피15. 아이콘 - 116. 아이콘 - 217. 인터렉션18. 스케치 인터페이스19. 아이콘 디자인 - 120. 아이콘 디자인 - 221. 아이콘 디자인 - 322. 심볼과 스타일 - 123. 심볼과 스타일 - 224. 컴포넌트 디자인 - 125. 컴포넌트 디자인 - 226. 라이브러리27. Material Theme Editor28. App bars - 129. App bars - 230. App bars - 331. App bars - 432. Tabs33. Navigation drawer - 134. Navigation drawer - 235. Bottom Navigator - 136. Bottom Navigator - 2

파트별�수강시간�16:20:5

Page 9: UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

Life Changing Education

CURRICULUM

03.�UI�디자인

37. Buttons - 138. Buttons - 239. FAB40. Cards41. Lists42. ETC43. 스플래쉬44. 회원가입, 로그인45. 튜토리얼46. 네비게이션47. 메인 리스트 화면48. 컨텐츠 화면49. 프로토타이핑 기초50. 프로토파이 인터페이스51. 컨테이너52. 프로토타이핑 구현 1-153. 프로토타이핑 구현 1-254. 프로토타이핑 구현 1-355. 프로토타이핑 구현 2-156. 프로토타이핑 구현 2-257. 프로토타이핑 구현 3-158. 프로토타이핑 구현 3-259. 프로토타이핑 구현 3-360. 디자인 가이드, 제플린61. 스크린 가이드62. 컴포넌트 가이드

파트별�수강시간�16:20:5

Page 10: UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

Life Changing Education

CURRICULUM

05.�Case�Study

01. Case Study 1-102. Case Study 1-203. Case Study 1-304, Case Study 1-405. Case Study 2-106. Case Study 2-207. Case Study 2-308. Case Study 2-409. Case Study 2-510. Case Study 2-611. Case Study 3-112. Case Study 3-213. Case Study 3-314. Case Study 3-415. Case Study 3-516. Case Study 3-6

CURRICULUM

04.�사용성�평가

01. 사용성 테스트02. 제이콥 닐슨의 휴리스틱 평가

파트별�수강시간�0:24:32

파트별�수강시간�5:32:55

Page 11: UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

Life Changing Education

CURRICULUM

07.�어도비�XD

01. adobe xd 소개 및 전체 커리큘럼 소개

02. 프로토타이핑 툴 비교 및 px, pt, dp, 백터

03. ios & android 등 ui kit 소스 세팅

04. xd 인터페이스 - 시작 화면과 해상도 설정

05. xd 인터페이스 - 왼쪽 인터페이스 정복

06. xd 인터페이스 - 오른쪽 인터페이스 기초

07. xd 인터페이스 - 오른쪽 인터페이스 심화

08. xd 인터페이스 - 상단 인터페이스 정복

09. xd 인터페이스 - 마우스 클릭 인터페이스 정복

10. 모바일 typo - 01. 모바일 typo 기초 이론

11. 모바일 typo - 02. xd typo 기능 (실습)

12. 컬러 및 그라데이션기능 - 01. 웹 컬러 기초 이론

13. 컬러 및 그라데이션기능 - 02. 웹 컬러 기초 이론(실습)

14. 기타 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능

15. 아트보드 설정과 그리드 적용(응용) - 1

16. 아트보드 설정과 그리드 적용(응용) - 2

17. 텍스트 필드 이해와 제작

18. gui 버튼 이해와 제작

19. 심볼 기능 이해 및 실습

20. 레이어 기능 활용 및 이미지 추출(기본)

CURRICULUM

06.�유용한�지식

01. 정량적 리서치02. A, B 테스팅03. Eye 트래킹04. 의사결정 및 분석05. 행동경제학06. 훅 모델07. UX Writing과 마이크로 카피

파트별�수강시간�1:11:5

파트별�수강시간�11:42:58

Page 12: UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

Life Changing Education

CURRICULUM

07.�어도비�XD

21. Adobe XD 미러링 앱, 활용방법22. ios UI 디자인 기본과 철학23. XD를 활용한 ios UI 디자인 제작24. Android UI 디자인 기본과 철학25. Google UI - 02. XD를 활용한 Android UI 디자인 제작(기본)26. UI 유형 - 대화형 UI 제작27. UI 유형 - 카드, 리스트형 UI28. UI 추출 - 포맷 특징 및 UI 추출 방법(심화)29. 오브젝트 위치 고정 & 트리거 기능 개념 및 실습30. 액션 기능 개념 및 실습 - 애니메이션 효과31. 액션 기능 개념 및 실습 - 자동 애니메이션32. 액션 기능 개념 및 실습 - 오버레이33. 액션 기능 개념 및 실습 - 다음으로 스크롤34. 액션 기능 개념 및 실습 - 이전 아트보드35. 액션 기능 개념 및 실습 - 오디오&음성 재생36. 가로 세로 스크롤 적용하기37. Text 필드, 오버레이, 자동 애니메이션을 활용한 회원가입 플로우 제작38. 액션 기능 - 자동 애니메이션, 오디오 재생 기능 적용39. 모바일 디자인 제작 - 01. UI Kit을 활용한 와이어프레임제작40. 모바일 디자인 제작 - 02. GUI 제작, 디자인 레이어, 심볼 정리41. 모바일 디자인 제작 - 03. 프로토타이핑제작42. 모바일 디자인 제작 - 04. 디자인 검토 & 개발 사양 공유(XD, 제플린)43. XD를 활용한 콘텐츠 디자인

파트별�수강시간�11:42:58

Page 13: UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

Life Changing Education

CURRICULUM

08.�스케치�/�마블�/�제플린

01. 디자인 프로세스의 변화&강의 소개02. 스케치 인터페이스 살펴보기03. 툴바 기능 살펴보기04. 아트보드와 레이어05. 이미지 다루기06. 도형 그리기, 도형속성 이해하기07. 도형의 활용08. 라인과 펜툴09. 텍스트 입력, 정렬, 스타일10. 마스크11. 눈금자, 그리드, 레이아웃12. 심볼13. 텍스트, 레이어 스타일14. 라이브러리를 활용한 ios디자인15. 플러그인 소개16. 아이콘 디자인17. 스플래시 스크린 디자인18. 카드형 UI 디자인19. 미러기능과 프로토타이핑20. 디자인 에셋 전달하기21. 제플린으로 협업하기22. 마블로 협업하기

파트별�수강시간�4:47:20

Page 14: UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

Life Changing Education

CURRICULUM

09.�프로토파이

01. 프로토파이란02. 프로토파이의 기본 인터랙션개념-103. Protopie의 인터페이스 살펴보기04. 오브젝트의 종류와 간단한인터랙션05. 컨테이너와 스크롤영역만들기06. 트리거 이해하기 Touch트리거07. 트리거이해하기 Conditonal트리거08. 트리거의이해 Mouse Key Focus09. 트리거의 이해 Sensor10. 응용프로젝트_버튼과팝업창11. 응용프로젝트 크기가변하는슬라이더12. 응용프로젝트_pull트리거를이용한메뉴13. 응용프로젝트 탭으로구성된화면과scene14. 응용프로젝트_줌메뉴와 페이징15. 응용프로젝트_카드플립과 체크버튼16. Formula기초_따라다니는도형17. Formula응용_함수와 변수의활용18. send와Receive를이용한 간단한 통신19. 컴포넌트와 Send_Receive통신20. 샘플프로젝트01_화면세팅과 메인메뉴21. 샘플프로젝트02_화면별인터랙션구현22. 샘플프로젝트03_추가구성요소및 마무리

파트별�수강시간�5:12:53

Page 15: UX/UI디자인입문(2020)Online. · 2020. 12. 4. · 10. 모바일 typo - 01. ... 기능 - 반복 그리드, 사진 소스 적용, 마스크 기능 15. 아트보드 설정과 그리드

Life Changing Education Copyright ⓒ FAST CAMPUS Corp. All Rights Reserved.

주의사항 - 상황에�따라�사전�공지�없이�할인이�조기�마감되거나�연장될�수�있습니다.

- 패스트캠퍼스의�모든�온라인�강의는�아이디�공유를�금지하고�있으며1개의�아이디로�여러�명이�수강하실�수�없습니다.

- 별도의�주의사항은�각�강의�상세페이지에서�확인하실�수�있습니다.�

수강�방법 - 패스트캠퍼스는�크롬�브라우저에�최적화�되어�있습니다.�

- 사전�예약�판매�중인�강의의�경우�1차�공개일정에�맞춰�‘온라인�강의�시청하기’가�활성화됩니다.

환불�규정 - 환불금액은�실제�결제금액을�기준으로�계산됩니다.

- 보다�자세한�환불�규정은�패스트캠퍼스�취소/환불�정책�또는�각�강의�상세페이지에서�확인하실�수�있습니다.

수강�시작�후�7일�미만,�5강�미만�수강�시 100%�환불�가능

수강�시작�후�7일�이상,�5강�이상�수강�시수강기간인�1개월(30일)�대비�잔여일에�대해학원법�환불규정에�따라�환불�가능