닫기
과정 구분
과정 카테고리
태그
검색어
[HD]Adobe XD로 시작하는 모바일 코딩 (CC 2020) Part.1 과정이미지

[HD]Adobe XD로 시작하는 모바일 코딩 (CC 2020) Part.1

교육기간
30일
강의구성
17차시
  • 과정 [HD]Adobe XD로 시작하는 모바일 코딩 (CC 2020) Part.1 0원

판매금액 배송금액 원 할인금액

총 결제금액원

장바구니아이콘장바구니 수강신청아이콘수강신청

기본 정보

학습기간
4주
총 시간
9.0시간
차시수
17차시
개발년월
202006
내용전문가
김기민
NCS분류
08020406:영상편집

과정 소개

이 강의를 통해 Adobe XD를 사용하여 웹 페이지 규격에 맞는 모바일 웹 페이지의 디자인 프로토타입을 작성하고, 모바일 웹 문서의 HTML 마크업과 스타일 및 사용자 UI를 구현합니다. 사용자 UI로는 메뉴, 슬라이더, 반응형 디자인 구현이 있습니다. 학습자들은 수업 커리큘럼을 통해 실무 웹 퍼블리셔의 역량을 키울 수 있을 것입니다.

학습 대상

디자인 학과에서 수업을 듣고 있는 대학생 실무에서 웹 코딩을 활용하고자 하는 웹 관련자 웹 퍼블리싱에 어려움이 있는 웹 개발자

학습 목표

Adobe XD 프로토타입을 통해 모바일을 제작해 볼 수 있다.

강의목차(총 17강)

1. 1. Adobe XD로 모바일 인터페이스 기초1 34분

2. 2. Adobe XD로 모바일 인터페이스 기초2 21분

3. 3. Adobe XD로 모바일 디자인하기1 41분

4. 4. Adobe XD로 모바일 디자인하기2 32분

5. 5. 기초 모바일 레이아웃의 시작 28분

6. 6. 모바일 레이아웃을 도와주는 Flexbox Layout1 27분

7. 7. 모바일 레이아웃을 도와주는 Flexbox Layout2 27분

8. 8. 모바일 레이아웃을 도와주는 Flexbox Layout3 24분

9. 9. 모바일 메뉴 코딩1 55분

10. 10. 모바일 메뉴 코딩2 25분

11. 11. 모바일 메뉴 코딩3 32분

12. 12. 모바일 스타트 페이지 슬라이더 29분

13. 13. 모바일 기초 예제1 : Start Page 28분

14. 14. 모바일 기초 예제2 : Feed Page 36분

15. 15. 모바일 활용 예제1 : Start Page, Profile Page 30분

16. 16. 모바일 활용 예제2 : News Page, Works Page 48분

17. 17. 모바일 플러그인 : Swiper JS 20분

퀵배너