반응형 웹 개념과 미디어 쿼리 활용, 모바일 UI/UX 설계, 제품 페이지 스타일링을 배우고, 화면 크기별 최적화된 모바일 웹 페이지를 제작하는 방법에 대해 학습할 수 있습니다.
미리보기
학습방법 : HTML5 ( PC
, 스마트폰, 타블렛
)
학습차시 : 5차시
학습시간 : 2시간
학습시간 : 2시간 5차시
난이도 : 향상
강의목표
· 반응형 웹의 개념과 미디어 쿼리 사용법을 이해하여 다양한 디바이스 환경에 대응할 수 있습니다.· 모바일 환경에 적합한 메뉴와 텍스트를 설계·구현함으로써 사용자 친화적인 UI/UX를 구축할 수 있습니다.· 제품 소개 페이지와 컬쳐 룩 스타일을 적용하여 실무 감각에 맞는 모바일 웹 디자인 역량을 습득할 수 있습니다.· 학습한 내용을 종합적으로 활용해 화면 크기별로 최적화된 모바일 웹 페이지를 제작할 수 있습니다.
강의소개
· 반응형 웹은 다양한 화면 크기와 디바이스에 따라 유연하게 변화하는 웹 페이지를 의미합니다.· 본 과정에서는 미디어 쿼리를 활용한 반응형 개념, 모바일 환경에 적합한 메뉴와 텍스트 구성, 제품 페이지 스타일링, 모바일 컬쳐 룩(트렌드 기반) 스타일을 실습 중심으로 학습합니다.· 이를 통해 사용자의 기기 환경에 최적화된 모바일 웹 페이지를 기획·구현할 수 있는 기초 역량을 갖추게 됩니다.
학습대상
· 다양한 화면 크기에 대응하는 반응형 웹 디자인을 배우고자 하는 입문자· 모바일 웹 UI/UX 구현 기초를 습득하고자 하는 학습자· 웹디자인·퍼블리싱 및 프론트엔드 개발을 준비하는 예비 개발자