Photoshop
Illustrator
Adobe XD
Figma웹사이트에서 구현된 모든 페이지를 디자인 프로그램을 활용하여 디자인하는 것을 웹디자인이라고합니다. 웹사이트의 콘텐츠를 설계하고, 색상/폰트, 그래픽과 같은 웹 아이텐티티를 결정하고 사이트 구조와 사용자의 환경에 맞게 디자인하는 방법을 배울 수 있습니다.

HTML5
CSS3
Jquery
Git디자이너가 구상한 웹디자인을 구조화하여 웹브라우저에서 볼 수 있도록 코딩하는 것을 웹퍼블리싱이라고 합니다. 모든 사용자가 쉽게 정보를 얻을 수 있도록 웹페이지 구조를 설계하는 것과 다양한 기기에 최적화된 홈페이지를 구현할 수 있는 반응형 홈페이지 제작을 배울수 있습니다.

웹페이지 디자인과 퍼블리싱이 유기적으로 맞물려서 구축됩니다. 그렇기 때문에 디자이너는 퍼블리싱을 이해해야하고, 퍼블리셔도 디자인을 이해할수 있어야 더 나은 결과를 얻을 수 있습니다. 수업시간에는 프로젝트별로 웹 서비스를 분석하고, 디자인 컨셉을 설계하여 주요 페이지를 디자인하고, 이를 퍼블리싱을 통하여 구현하는 방식을 반복적으로 학습합니다. 반복적인 디자인과 퍼블리싱을 통하여 각 분야에 대한 이해를 더 높일 수 있도록 수업을 진행합니다.
웹 서비스의 특징을 이해하고 최신 트렌드를 분석하여 디자인 컨셉을 설계합니다.

디자인 스타일가이드를 작성하여 주요서비스 화면을 디자인프로그램을 활용하여 디자인합니다.
데스크톱, 노트북, 태블릿, 핸드폰 등의 다양한 디바이스를 고려하여 반응형 디자인을 합니다.
html5, css3, javscript, jquery 및 오픈소스 라이브러리를 활용하여 디자인을 구현합니다.
서비스될 다양한 디바이스 종류에 따라 크기가 자동으로 변할 수 있도록 반응형으로 구현합니다.

반응형 웹 디자인(responsive web design)이란 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말합니다. 반응형 웹 디자인을 하기 위해서는 미디어쿼리와 유동형 그리드 등의 특별한 제작 기법이 사용됩니다. 반응형 웹페이지를 디자인하는 방법과 유동형 레이아웃을 퍼블리싱하는 방법을 교육합니다.
데스크톱 PC
노트북
태블릿
스마트폰