강사명 | 차시 | 학습시간 | 샘플 |
---|---|---|---|
김기민 | 17 | 9 시간 |
이 강의를 통해 Adobe XD를 사용하여 웹 페이지 규격에 맞는 모바일 웹 페이지의 디자인 프로토타입을 작성하고, 모바일 웹 문서의 HTML 마크업과 스타일 및 사용자 UI를 구현합니다. 사용자 UI로는 메뉴, 슬라이더, 반응형 디자인 구현이 있습니다. 학습자들은 수업 커리큘럼을 통해 실무 웹 퍼블리셔의 역량을 키울 수 있을 것입니다. |
디자인 학과에서 수업을 듣고 있는 대학생 실무에서 웹 코딩을 활용하고자 하는 웹 관련자 웹 퍼블리싱에 어려움이 있는 웹 개발자 |
Adobe XD 프로토타입을 통해 모바일을 제작해 볼 수 있다. |
1. Adobe XD로 모바일 인터페이스 기초1 2. Adobe XD로 모바일 인터페이스 기초2 3. Adobe XD로 모바일 디자인하기1 4. Adobe XD로 모바일 디자인하기2 5. 기초 모바일 레이아웃의 시작 6. 모바일 레이아웃을 도와주는 Flexbox Layout1 7. 모바일 레이아웃을 도와주는 Flexbox Layout2 8. 모바일 레이아웃을 도와주는 Flexbox Layout3 9. 모바일 메뉴 코딩1 10. 모바일 메뉴 코딩2 11. 모바일 메뉴 코딩3 12. 모바일 스타트 페이지 슬라이더 13. 모바일 기초 예제1 : Start Page 14. 모바일 기초 예제2 : Feed Page 15. 모바일 활용 예제1 : Start Page, Profile Page 16. 모바일 활용 예제2 : News Page, Works Page 17. 모바일 플러그인 : Swiper JS |