포토샵 Photoshop

사진 편집 및 합성부터 디지털 페인팅, 애니메이션, 그래픽 디자인에 이르기까지 거의 모든 크리에이티브 프로젝트에서 없어서는 안 될 프로그램으로 일상적인 편집 작업에서 크리에이티브 한 아이디어를 표현할 수 있도록 학습니다.

일러스트 Illustrator

모양 및 색상을 세련된 로고, 아이콘 및 그래픽으로 탈바꿈하는 데 필요한 모든 드로잉 툴을 이용할 수 있는 벡터 기반의 툴로 다양한 스타일로 편집할 수 있어서 메시지를 효과적으로 전달하기에 최적의 타이포 그래피 디자인을 학습합니다.

피그마 Figma

프로토타이핑 및 협업을 위한 디자인 도구 Figma(피그마)의 기본적인 사용법과 실무 활용법에 대해 교육합니다. 피그마는 디자인 산출물 추출 및 전달을 원활히 할 수 있도록 Export를 체계적으로 할 수 있으며, Inspect 탭을 통해 개발자가 참조할 수 있는 코드 및 지정 이미지를 다운로드 할 수 있게 합니다.

UI/UX 디자인은 이미지 디자인으로 끝나는 것이 아니라 지속적으로 하나의 플로우 및 태스크를 완수하기 위한 시스템을 기획 설계하는 개념을 기반으로 화면이 디자인됩니다. 따라서 이미지만을 보정하기 위한 프로그램이 아닌, 디지털 프로덕트(모바일 앱, 웹 등)의 워크 프로세스 및 고유의 디자인 프로세스를 감안한 기능 및 인터페이스로 구성된 전문 UI/UX 디자인 프로그램이 필요하며, 피그마는 이러한 점을 잘 파악하여 실무 중심의 워크 프로세스에 적합하게 설계된 프로그램입니다.

웹퍼블리싱 Web Publising

디자인된 이미지를 웹페이지 화하는 작업으로 HTML + CSS + JavaScript를 사용하여 웹 콘텐츠의 구조와 표현, 동작을 명확하게 분석하고, 웹 표준을 준수하여 웹 사이트를 디자인하며, 사용자와의 상호작용을 향상시킬 수 있도록 학습합니다.

HTML5 Hyper Text Markup Language5

차세대 웹 언어 규격으로 HTML5는 문서 작성 중심으로 구성된 기존 표준에 그림, 동영상, 음악 등을 실행 가능하며, HTML5를 이용해 웹사이트를 만들면 국내 전자 상거래에서 많이 쓰이는 액티브 X, 동영상이나 음악 재생에 필요한 어도비 플래시와 같은 플러그인 기반의 각종 프로그램을 별도로 설치할 필요가 없고,모바일 환경에서 아이폰이나 안드로이드 등의 운영체제가 호환 가능하므로 새로운 구조적 태그 및 CSS3의 다양한 스타일 선언을 알아보고 미디어 쿼리의 반응형 웹사이트를 구현을 학습합니다.

자바스크립트 JavaScript

자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어입니다. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있습니다. 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있습니다. 현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있습니다.

제이쿼리 J-Query

자바스크립트의 라이브러리로 자바스크립트 코드들을 간결하게 개발할 수 있어서 HTML 내의 요소들을 손쉽게 표현 및 사용이 가능하다. 크로스 브라우저 지원 등 많은 장점이 있어 차세대 웹 개발 환경에 주목받고 있다. J-Query를 이용하여 웹사이트 문서상의 모션 작업을 구현하며, 기초적인 JAVASCRIPT의 문법과 J-Query의 메서드 등을 이용하여 슬라이드,내비게이션 등의 역동적인 사이트 구현을 학습합니다.