- 교육기간
- 2024-10-14 ~2025-03-17
- 교육시간
- 09:30~18:00 (8시간), 주 5일(월~금), 총836시간
- 교육과목
- 포토샵, 일러스트레이터, XD, Figma, HTML/CSS/Jquery, SCSS, Vue.js, React
- 교육내용
- 웹&앱 UI/UX 디자인, 퍼블리싱, 프론트엔드, 웹표준/접근성, 반응형 홈페이지
Photoshop
Illustrator
Adobe XD
Figma
웹사이트에서 구현된 모든 페이지를 디자인 프로그램을 활용하여 디자인하는 것을 웹디자인이라고합니다. 웹사이트의 콘텐츠를 설계하고, 색상/폰트, 그래픽과 같은 웹 아이텐티티를 결정하고 사이트 구조와 사용자의 환경에 맞게 디자인하는 방법을 배울 수 있습니다.
웹과 앱의 어플리케이션 서비스를 기획하고 주요화면을 설계하고 디자하는 하는 것을 웹&앱 어플리케이션 디자인이라고 합니다. 어플리케이션의 레이아웃, 폰트, 버튼, 입력창 등의 스타일가이드를 설계하고 서비스별 주요 화면을 선별하여 서비스 화면을 디자인하는 방법을 배울 수있습니다.
HTML5
CSS3
Jquery
React
Vue.js
Git
디자이너가 구상한 웹디자인을 구조화하여 웹브라우저에서 볼 수 있도록 코딩하는 것을 웹퍼블리싱이라고 합니다. 모든 사용자가 쉽게 정보를 얻을 수 있도록 웹페이지 구조를 설계하는 것과 다양한 기기에 최적화된 홈페이지를 구현할 수 있는 반응형 홈페이지 제작을 배울수 있습니다.
리액트(React)와 Vue.js(뷰)는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용되는 언어로 리액트는 페이스북에서 개발한 언어로 유명합니다. 웹&앱 어플리케이션을 이용자들이 쉽게 사용할 수 있도록 기술적으로 구현하는 방법 및 라이브러리를 활용하는 방법을 배울 수 있습니다.
웹페이지 및 앱 어플리케이션은 디자인과 퍼블리싱이 유기적으로 맞물려서 구축됩니다. 그렇기 때문에 디자이너는 퍼블리싱을 이해해야하고, 퍼블리셔(프론트엔드)도 디자인을 이해할수 있어야 더 나은 결과를 얻을 수있습니다. 수업시간에는 프로젝트별로 웹&앱 서비스를 분석하고, 디자인 컨셉을 설계하여 주요 페이지를 디자인하고, 이를 퍼블리싱을 통하여 구현하는 방식을 반복적으로 학습합니다. 반복적인 디자인과 퍼블리싱을 통하여 각 분야에 대한 이해를 더 높일 수 있도록 수업을 진행합니다.
-
1
웹&앱 서비스 분석 및 이해
웹&앱 서비스의 특징을 이해하고 최신 트렌드를 분석하여 디자인 컨셉을 설계합니다.
-
2
웹&앱 UI/UX 디자인
디자인 스타일가이드를 작성하여 주요서비스 화면을 디자인프로그램을 활용하여 디자인합니다.
데스크톱, 노트북, 태블릿, 핸드폰 등의 다양한 디바이스를 고려하여 반응형 디자인을 합니다.
-
3
웹&앱 어플리케이션 퍼블리싱
html5, css3, jquery, scss, react, vue 및 오픈소스 라이브러리를 활용하여 디자인을 구현합니다.
서비스될 다양한 디바이스 종류에 따라 크기가 자동으로 변할 수 있도록 반응형으로 구현합니다.
반응형 웹 디자인(responsive web design)이란 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말합니다. 반응형 웹 디자인을 하기 위해서는 미디어쿼리와 유동형 그리드 등의 특별한 제작 기법이 사용됩니다. 반응형 웹페이지를 디자인하는 방법과 유동형 레이아웃을 퍼블리싱하는 방법을 교육합니다.
데스크톱 PC
노트북
태블릿
스마트폰
- 전임강사의 수업진행 수업내용의 연결성과 학생들 개개인의 맞춤형 포트폴리오제작을 위하여 전임강사가 모든 수업을 진행합니다.
- 다양하고 재미있는 예제 누구나 쉽게 이해할 수 있도록 프로그램 기초부터 차근차근 수업하고, 강사가 직접 개발한 다양한 예제로 재미있는 수업을 진행합니다.
- 수업 녹화 영상 제공 실제 수업내용 전체를 녹화하여 영상으로 제공합니다. 교재가 없어도, 수업내용을 필기 하지않아도 쉽게 복습할 수 있습니다.