직무 / IT / 프로그래밍직무

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

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

과정 소개

제작: 2025년 09월

이 강의를 통해 Adobe XD를 사용하여 웹 페이지 규격에 맞는 모바일 웹 페이지의 디자인 프로토타입을 작성하고,

모바일 웹 문서의 HTML 마크업과 스타일 및 사용자 UI를 구현합니다. 사용자 UI로는 메뉴, 슬라이더, 반응형 디자인 구현이 있습니다.

학습자들은 수업 커리큘럼을 통해 실무 웹 퍼블리셔의 역량을 키울 수 있을 것입니다.

강의 대상

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

강의 목표

디자인 학과에서 수업을 듣고 있는 대학생

실무에서 웹 코딩을 활용하고자 하는 웹 관련자

웹 퍼블리싱에 어려움이 있는 웹 개발자

학습 내용

  1. 섹션 1
    1. Adobe XD로 모바일 인터페이스 기초1
    2. Adobe XD로 모바일 인터페이스 기초2
    3. Adobe XD로 모바일 디자인하기1
    4. Adobe XD로 모바일 디자인하기2
  2. 섹션 2
    1. 기초 모바일 레이아웃의 시작
    2. 모바일 레이아웃을 도와주는 Flexbox Layout1
    3. 모바일 레이아웃을 도와주는 Flexbox Layout2
    4. 모바일 레이아웃을 도와주는 Flexbox Layout3
  3. 섹션 3
    1. 모바일 메뉴 코딩1
    2. 모바일 메뉴 코딩2
    3. 모바일 메뉴 코딩3
    4. 모바일 스타트 페이지 슬라이더
  4. 섹션 4
    1. 모바일 기초 예제1 : Start Page
    2. 모바일 기초 예제2 : Feed Page
    3. 모바일 활용 예제1 : Start Page, Profile Page
    4. 모바일 활용 예제2 : News Page, Works Page
  5. 섹션 5
    1. 모바일 플러그인 : Swiper JS

교강사

김기민

감사합니다~

훈련 비용

기본 훈련 비용
가 격34,000 원

과정 후기

교재
이 과정은 지정된 교재가 없습니다.