문의하기
select campus
원하시는 캠퍼스를 선택해 주세요 (1/4)
강남 캠퍼스
강남AI 캠퍼스
종로 캠퍼스
구로 캠퍼스
신촌 캠퍼스
노원 캠퍼스
천호 캠퍼스
안산 캠퍼스
성남 캠퍼스
안양 캠퍼스
구리 캠퍼스
일산 캠퍼스
동탄 캠퍼스
분당 캠퍼스
남양주 캠퍼스
김포 캠퍼스
강릉 캠퍼스
select class
과정 유형을 선택해 주세요 (2/4)
산대특
K-디지털
국가기간
직업계고
일반고
실업자 과정
재직자 과정
일반 과정
방학특강
select class
과정 분류를 선택해 주세요 (3/4)
웹디자인·웹퍼블리셔
편집디자인·영상편집
전산세무회계·ERP
IT·프로그래밍
컴퓨터활용·OA
건축·전기·기계설계
자격증과정
select class
과정을 선택해 주세요 (4/4)
select campus
원하시는 캠퍼스를 선택해 주세요
강남 캠퍼스
강남AI 캠퍼스
종로 캠퍼스
구로 캠퍼스
신촌 캠퍼스
노원 캠퍼스
천호 캠퍼스
안산 캠퍼스
성남 캠퍼스
안양 캠퍼스
구리 캠퍼스
일산 캠퍼스
동탄 캠퍼스
분당 캠퍼스
남양주 캠퍼스
김포 캠퍼스
강릉 캠퍼스
Web Design·
Publisher
하이미디어
웹디자인·웹퍼블리셔 과정안내

트렌디한 인터넷 세상을 설계한다!

실무 위주에 차별성 있는 극강의 경쟁력을 FLEX 해라~!! 인터넷상에서 구현되는 웹사이트를 창의적인 감각으로 웹사이트 프로세스 전반에 걸친 기획, 디자인, 프로그래머 등 실무 현장의 협업에 따른 흐름을 인지할 수 있는 웹 전문가로 성장할 수 있도록 지원합니다.

image

포토샵 Photoshop

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

일러스트 Illustrator

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

image

피그마 Figma

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

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

image

웹퍼블리싱 Web Publising

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

HTML5 Hyper Text Markup Language5

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

image

자바스크립트 JavaScript

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

제이쿼리 J-Query

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

image

수료 후 취업 가능처

- 웹기획자, 웹디자이너, 웹퍼블리셔
- 디지털 콘텐츠 기획자 및 개발자, UI/UX 개발자
- 모바일/앱 디자이너, 프런트 엔트 웹 개발자, 웹 애니메이터
- IT 업체, 웹에이전시, 쇼핑몰 등

수료 후 취득 가능 자격증

- 웹디자인 기능사, 멀티미디어 콘텐츠 제작 전문가
- 컴퓨터그래픽스 운용기능사
- GTQ, GTQi

수강생 포트폴리오 바로가기

image

웹기획

Web Planning

웹사이트 제작 작업 전반에 걸쳐 디렉터, 가이드 역할로 사이트 현황 분석, 문제점, 벤치마킹을 통한 해결방안 제시 등 분석 단계 역량, IA(Information Architecture), 사이트맵, 화면 설계를 통한스토리보드 작성 등 다양한 업무역량을 교육.

image

웹디자인

Web Design

창의적인 발상과 표현, 색채, 레이어, 타이포그래피 등의 기초 시각 디자인 감각을 키우고, 다양한 최근 디자인 트렌드를 익히며, 웹 콘텐츠 제작을 위해 다양한 툴 테크닉 학습.

image

모바일 웹&앱 UI/UX

Mobile Web & App UI / UX

웹디자인 이론과 이해, 실습, UX의 활용에 따른 GUI 디자인 실습, 디테일 아이콘 제작, 웹사이트 디자인의 기획과 구성, 웹 트렌드를 반영한 디자인 실습, 모바일 기반에 최적화된 새로운 UI, UX와 콘텐츠로 웹사이트를 구성하여 사용자가 이용하기 쉽도록 제작하는 과정을 학습.

image

웹 프로그램

Web Program

웹 페이지 제작을 위한 프로그램 개발자로서의 역할을 배우며, 이를 위한 웹 언어와 프로그램 언어의 연동 방식을 습득. 웹 표준에 기반한 HTML5, 웹 퍼블리싱, 제이쿼리, 자바스크 립트 같은 과정을 활용하여 실무에 적응할 수있는 기반 지식을 교육

과정을 수료하면 어떠한 작업을 하는지 궁금한가요?
수강생분들의 포트폴리오를 소개합니다.
Michelin Guide UX/UI Mobile Concept
서ㅇ하
Aesop Web & Mobile App UIUX Design
박ㅇ진
Airbnb Mobile App - UX/UI Concept
변ㅇ영
Dreamworks UX/UI App Design
권ㅇ지
ArtMap UX/UI Concept
최ㅇ영
Rapha - UX/UI App Renewal Concept Design
김ㅇ원
lululemon-Concept UX/UI App
김ㅇ지
UXUI Design Renewal
이ㅇ진
FREITAG - UX/UI mobile app Concept
지ㅇ이
Space X - UX/UI design concept
장ㅇ숙
하이미디어만의
탄탄한 시스템
20여년간 수많은 수강생이선택한 이유!
취업을 위한 하이미디어만의 시스템을 확인하세요
실무에 강한 현직 전문 강사진 운용
하이미디어는 최소 10년이상 실무를 경험한 현직 강사진을 구성 하여 실무 프로젝트 위주의 수업을 진행하고 있습니다. 또한 이론만 이 아닌 최신 트렌드를 반영한 커리큘럼과 함께 단순히 취업만이 목적이 아닌 취업후, 실무에 대한 두려움, 그리고 적응기에 대한 고민을 말끔히 해결합니다.
100% 취업지원 및 1:1 맞춤멘토링
오랜기간 취업에 관한 고민과 노력으로 다듬어진 하이미디어만의 취업시스템은 높은 취업률로 이미 그 결실을 대변하고 있습니다. 1:1 맞춤형 멘토링을 통하여 취업전략상담, 개인직무분석, 맞춤 분야추천 등 다방면의 프로그램을 준비해놓고 있으며 취업을 희망하는 하이미디어의 수강생이라면 그 특권을 기꺼이 누리실 수 있습니다.
8년 연속 고객이 신뢰하는 브랜드대상 수상
한경에서 주최하는 "고객이 신뢰하는 브랜드대상" 교육부문에 8년연속 대상을 수상하였습니다. 20년이상 업계를 선도해온 하이미디어라는 교육 브랜드는 단순한 국비교육을 넘어 여러분의 힘찬 미래를 함께 설계하는 동반자로 나아가고 있습니다.
국가공인 자격증 시험센터운영
하이미디어는 국가에서 인정한 자격증 공인시험센터 (MOS,ATC,전산세무회계,AT)를 운영하고 있습니다. 교육환경과 동일한 장소에서 시험을 치르기 때문에 하이미디어 수강생들의 자격증 취득률 또한 매우 높습니다. 또한 세무회계분야 전국 최대 합격자 및 수료자 배출이라는 쾌거를 이뤄냈습니다. 자격증 취득의 지름길은 단연코 하이미디어입니다.
수강생들의
솔직담백 생생후기!
김O재
전기 자동화설비제어를 위한 PLC, HMI, 모션제어, 통신기술자 양성 / 분당 캠퍼스
올해 초에 대학을 졸업하고 자동화설비 산업기사 실기시험을 준비하기 위해 PLC학원을 알아보다가 하이미디어아카데미 분당점에서 수업을 듣게 되었습니다. 과정이 4개월이지만 기초적인 전기 관련 지식부터 PLC프로그램으로 제어하는 것 까지 전반적으로 배워서 응용까지 해야 하기 때문에 기간이 길지 않습니다. 다만 열정이 있으시다면 이해하는 데에는 크게 어렵지 않으며, 수업 진행속도가 적당하여 처음...
이산
전기 자동화설비제어를 위한 PLC, HMI, 모션제어, 통신기술자 양성 / 분당 캠퍼스
이번에 처음으로 전기 쪽으로 알아보게 된 수강생입니다. 처음에 반도체 관련해서 배울 수 있는 국비 수업을 알아보다가 하이미디어 분당점을 알게 되었습니다. 저는 전공도 문과와 사회과학계열이고 전기 쪽은 이번이 처음입니다. 하지만 처음 하는 사람도 쉽게 따라갈 수 있도록 설명해주기에 배움에 있어 어려움은 없었습니다. 또한 전기 쪽을 준비하다보니 자연스럽게 자격증도 같이 하고자 하여 전기기...
박OO
전산세무회계(회계1급+세무2급) / 신촌 캠퍼스
전산세무2급 자격증을 위해 학원 수강한 경험에 대해 솔직하게 후기를 남겨보려고 해요. 저는 세무회계 자격증은 준비해 보려고 시작을 하게 되었는데 관련 지식이 전무한데다 진도를 따라가는게 좀 어려울까봐 걱정도 많이 했지만, 결과적으로 수강하기를 매우 잘했다 싶습니다! 우선, 강의 내용은 세무회계에 대한 기초부터 알아야 할 중요한 핵심내용에 대해서 임팩트있게 설명해 주셨고 어렵게 느껴질...
박ㅇㅇ
클라우드 기반의 자바 풀스택 (Springboot, React, flutter) 개발자 / 강남 캠퍼스
처음에 들어왔을 때 한번도 배워본적도 없고 겁도 났지만 학원 대표님께서 직접 설명해주시고 다른 직원분들도 친절하게 대해주십니다. 공부할 때는 강사님도 엄청 잘 알려주시고 잘 이끌어주셨습니다. 배울 때도 개념을 확실히 잡고 아직 안잡히면 최대한 잡고 가시려고하시고 실무에서 어떤형식으로 이루어지는지 많이 쓰이는지도 알려주시고 도움 많이 되었습니다. 게다가 팀원들이랑 협업의 중요성과 좋은 방향으로...
유ㅇㅇ
클라우드 기반의 자바 풀스택 (Springboot, React, flutter) 개발자 / 강남 캠퍼스
선생님의 열의와 열정으로 가득 찬 수업이었습니다! 수업 후 프로젝트 진행을 하면서 개발에 대한 자신감을 얻게되었고, 마지막 프로젝트를 진행하며 취업의 문에 가까워졌다는 생각이 들었습니다. 선생님께서는 전반적인 출결관리, 저희가 학습에 대해 불편사항이있는지 상담을 통해 지속적으로 확인해주셔서 저의 상황을 계속 확인해주셔서 너무 감사했습니다! 선생님도 960시간이라는 긴 시간동안 몸도 좋지 않...
안ㅇㅇ
클라우드 기반의 자바 풀스택 (Springboot, React, flutter) 개발자 / 강남 캠퍼스
4년 전에도 하이미디어에서 국비과정을 수강해 취업에 성공했던 저는 이번에도 하이미디어를 선택했고, 역시나 이번에도 만족스러운 과정이었습니다. 6개월의 시간을 잘 보내기 위해서는 강사 선생님의 가르침과 커리큘럼이 중요한데, 이 부분에서 훈련강사님의 전문성과 교수 능력이 우수했고, 커리큘럼도 만족스러웠습니다. 특히, 강사님께서 훈련생 개개인을 살펴보시고, 소수의 의견도 존중해주셔서 여러 번의...
김ㅇㅇ
클라우드 기반의 자바 풀스택 (Springboot, React, flutter) 개발자 / 강남 캠퍼스
저는 컴맹이라고 불릴 정도로 컴퓨터를 모르고 풀스택 개발자 과정에 참여하였습니다. 램, CPU 조차 무엇인지 아예 모를 정도 였습니다. 정성을 다해 주신 강사님 덕분에 여러 방면으로 컴퓨터에 흥미가 생기고 그로 인해 많은 내용을 스스로 학습하기도 하며 컴퓨터와 많이 친해진 것 같아요. 친절하신 강사님과 수강생분들 덕에 끝까지 완주할 수 있었습니다. 완주하고 나니 컴퓨터에 대해 자신감이 생기고...
박ㅇㅇ
React.js와 Springboot를 활용한 자바 풀스택 개발자 / 종로 캠퍼스
풀스택 개발자가 되기 위한 훈련과정으로 적절히 구성되어 있습니다. 너무 많은 내용들을 제대로 배울 수 있을까?라는 의문이 들었지만 열정적인 선생님 덕분에 기초부터 차근차근 배울 수 있었습니다. 비전공자로써 지식이 전무한 상태에서 프론트엔드와 백엔드로 전반적인 이해를 갖출 수 있어서 굉장히 좋았습니다. 개발자가 되기 위한다면 반드시 수강할 가치가 있는 과정이라고 생각합니다. 6개월의 과정 속에...
최ㅇㅇ
클라우드 기반의 자바 풀스택 (Springboot, React, flutter) 개발자 / 강남 캠퍼스
It사업에 관심이 많아 학원을 알아보던중 하이미디어 아카데미를 알게되어 상담받고 수업을 받았는데 인원이 많은데도 불구하고 인원 한명한명 기억해주시고 챙겨주는 학원은 처음이였어요! 그리고 수업의 구성과 내용 또한 매우 체계적이었습니다. 각 기술 스택(Spring Boot, React, Flutter)의 기초부터 심화 내용까지 점진적으로 배울 수 있었고, 강의 자료와 실습 예제들이 실제 현...
김ㅇㅇ
클라우드 기반의 자바 풀스택 (Springboot, React, flutter) 개발자 / 강남 캠퍼스
비전공자이고 전혀 알고 있는 게 없어서 정말 0에서 시작하는 만큼 걱정이 됐는데 강사님께서 하나씩 차근차근 알려주시고 쉽게 이해되도록 설명해주셔서 재미를 느낄 수 있었어요 직원분들께도 마우스가 안 되는 등 문제를 말씀드리면 바로바로 들어주셨고 엄청 친절하세요 6개월 동안 새로운 분야를 배웠던 것도 있지만 좋은 사람들을 만나서 즐거웠습니다
이런 과정들은 어떠세요?
마감이 얼마 안 남은 동일 분류의 과정들을 추천해 드립니다.
피그마활용 UI/UX 웹&앱디자인
평일24.11.04
영상을활용한UI/UX 웹&앱디자인(피그마)
평일24.11.04