[디지털디자인]
반응형웹디자인(UI/UX) 및 웹퍼블리셔 취업과정
교육기간
2025-03-18 ~2025-07-24
교육시간
09:30~18:00 (8시간), 주 5일(월~금), 총720시간
교육과목
포토샵, 일러스트레이터, XD, Figma, HTML, CSS, javascript, Jquery
교육내용
웹&앱 UI/UX 디자인, 퍼블리싱, 웹표준/접근성, 반응형 홈페이지
front_end
무엇을 배우나요?
웹디자인 WEB UI/UX DESIGN
  • ps.pngPhotoshop
  • ai.pngIllustrator
  • xd.pngAdobe XD
  • figma.pngFigma

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

what01.png
웹퍼블리싱 PUBLISHING
  • html5.pngHTML5
  • css3.pngCSS3
  • js.pngJquery
  • git.pngGit

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

what03.png
수업은 어떻게 진행되나요?

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

  • 1
    웹트렌드 분석

    웹 서비스의 특징을 이해하고 최신 트렌드를 분석하여 디자인 컨셉을 설계합니다.

    how01.png
  • 2
    웹 UI/UX 디자인

    디자인 스타일가이드를 작성하여 주요서비스 화면을 디자인프로그램을 활용하여 디자인합니다.
    데스크톱, 노트북, 태블릿, 핸드폰 등의 다양한 디바이스를 고려하여 반응형 디자인을 합니다.

    how02.png
  • 3
    웹 퍼블리싱

    html5, css3, javscript, jquery 및 오픈소스 라이브러리를 활용하여 디자인을 구현합니다.
    서비스될 다양한 디바이스 종류에 따라 크기가 자동으로 변할 수 있도록 반응형으로 구현합니다.

    how03.png
반응형 홈페이지가 뭔가요?

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

  • resize01.png데스크톱 PC
  • resize02.png노트북
  • resize03.png태블릿
  • resize04.png스마트폰
EZ수업만의 강점!
  • 전임강사의 수업진행 수업내용의 연결성과 학생들 개개인의 맞춤형 포트폴리오제작을 위하여 전임강사가 모든 수업을 진행합니다.
  • 다양하고 재미있는 예제 누구나 쉽게 이해할 수 있도록 프로그램 기초부터 차근차근 수업하고, 강사가 직접 개발한 다양한 예제로 재미있는 수업을 진행합니다.
  • 수업 녹화 영상 제공 실제 수업내용 전체를 녹화하여 영상으로 제공합니다. 교재가 없어도, 수업내용을 필기 하지않아도 쉽게 복습할 수 있습니다.