일반 과정
[전액무료]피그마(Figma) 활용 UI/UX 웹디자인&웹퍼블리셔
다양한 스마트 기기에 적용 가능한 웹디자인, 웹 퍼블리싱 학습과정
온라인 상담
개강일
2025.01.06
모집정원
25명
훈련시간
95일 (총 760시간)
- 누구나 무한한 창의력을 발휘할 수 있는 PHOTOSHOP
-
Photoshop은 사진 편집 및 합성부터 디지털 페인팅, 애니메이션,
그래픽 디자인에 이르기까지 거의 모든 크리에이티브 프로젝트에서 없어서는 안 될 프로그램으로
일상적인 편집 작업에서 크리에이티브 한 아이디어가 떠오르는 즉시 자유롭게 표현할 수 있습니다.
- 세상을 디자인하다!
-
포스터, 패키지, 배너, 웹 사이트 등 대부분 디자인
프로젝트가 Photoshop을 통해 탄생합니다.
사진과 텍스트를 결합하여 새로운 이미지를 만들 수 있고,
레이어와 마스크를 제한 없이 사용할 수 있으며,
스타일러스와 터치로 제어하는 브러시로 페인팅할 수 있도록 교육합니다.
- 디자이너를 꿈꾸고 있다면!
-
혁신적인 신기능을 탑재하고, 어도비의 이미지레디(ImageReady) 등과
같은 다른 프로그램과의 연계도 강화하는 등 그래픽디자이너와
포토그래퍼, 웹디자이너, 비디오와 필름 제작자 등이 최고 품질의 화상을
효율적으로 제작, 관리할 수 있도록 기능이 강화된 프로그램을 교육합니다.
- ILLUSTRATOR를 통한 다양한 작품세계
-
일러스트 디자인, 캐릭터 디자인, CI, 인쇄/출판, 편집디자인, 제품디자인, 웹디자인 등
다양한 분야에서 폭넓게 사용되고 있으며, 기술이 발달함에 따라 활용 범위도 넓어져가고 있습니다.
벡터 그래픽 소프트웨어의 대표 프로그램인 일러스트는 디자인 업무의 폭을 넓혀 나가기 위한 필수 코스입니다.
- 폭넓은 디자인 가능한 능력 배양
-
기본 사용법을 정확하게 익히고, 다양한 예제를
통해 디자인 실무활용도를 높여 일러스트, 캐릭터, CI,
인쇄/출판, 편집, 웹 등의 다양한 현장에서
사용할 수 있는 일러스트 디자인 능력을 키울 수 있습니다.
- 크리에이티브 한 타이포 그래피
-
문자 툴을 사용하여 로고 등을 제작할 수 있어서
웹 사이트 같은 디자인 초안을 생성할 수 있습니다.
다양한 스타일로 편집할 수 있어 메시지를 효과적으로
전달하기에 최적의 타이포그래피 디자인을 만들 수 있습니다.
- 퀄리티 UP! 유니크·트렌디한 쇼핑몰
-
트렌디한 쇼핑몰·오픈마켓 제작뿐 아니라,
디자인 프로그램을 활용한 다양한 콘텐츠 활용으로
보다 효과적인 방법으로 쇼핑몰과 오픈마켓을
운영·관리할 수 있습니다.
- 피그마와 개발 환경 이해하기
-
피그마는 개발자가 만든 툴입니다. UI 디자인 스케치, 프로토타이핑 및 협업을 위한 디자인 도구
Figma(피그마)의 기본적인 사용법과 실무 활용법에 대해 교육합니다.
개발 환경에 웹퍼블리싱 적합하게 구현되다 보니 그 특성을 고스란히 담고 있습니다. 디자이너와 개발자의 소통을 도와주는 기능이 많습니다. 개발자가 참조할 수 있는 정보를 주는
‘개발 툴바’가 있으며, 마우스 툴바로도 수치값을 확인할 수 있어 가이드라인이 없어도 빠른 작업이 가능합니다. CSS를 이해하고 계시다면 피그마를 좀 더 잘 사용하실 수 있습니다.
- 개발자와 소통하는 디자이너
-
레이어, 버튼, 컴포넌트, 오토 레이아웃 등 다양한 디자인 리소스의 네이밍을
개발 환경에 맞게 만들어서 개발자에 전달합니다. 모바일 앱은 운영체제 및 디바이스별로
다양한 해상도 및 밀도를 가지고 있습니다. 그리고 이렇게 만들어진 이미지는 개발자에게
적합하게 전달되어 원활히 개발될 수 있는 점이 중요합니다. 피그마는 디자인 산출물
추출 및 전달을 원활히 할 수 있도록 Export를 체계적으로 할 수 있으며, Inspect 탭을
통해 개발자가 참조할 수 있는 코드 및 지정 이미지를 다운로드 할 수 있게 합니다
- 디자인 프로세스를 반영한 사용성과 인터페이스
-
UI/UX 디자인은 이미지 디자인으로 끝나는 것이 아니라 지속적으로 하나의 플로우 및
태스크를 완수하기 위한 시스템을 기획 설계하는 개념을 기반으로 화면이 디자인됩니다.
따라서 이미지만을 보정하기 위한 프로그램이 아닌, 디지털 프로덕트(모바일 앱, 웹 등)의
워크 프로세스 및 고유의 디자인 프로세스를 감안한 기능 및 인터페이스로 구성된
전문 UI/UX 디자인 프로그램이 필요하며, 피그마는 이러한 점을 잘 파악하여 실무 중심의
워크 프로세스에 적합하게 설계된 프로그램입니다.
- 피그마의 장점!
-
웹서비스이기 때문에 다운로드 없이 사용이 가능하고 운영체제에 구애받지않습니다.
피그마는 웹 기반 프로그램으로서 온라인 실시간 작업이 이루어진다는 장점이 있습니다.
따라서 구글에서 문서나 프레젠테이션을 공유해서 실시간 작업하는 것과 같은 개념으로
기획 디자인 설계 등이 기본적으로 공유됩니다. 또한 팀 라이브러리를 활용하면 디자인
컴포넌트 관리 및 효율적인 리소스 매니지먼트도 가능합니다.
- UI/ UX에 대한 이해를 바탕으로 한 실무 중심의 웹퍼블리싱
-
사용자의 요구에 따라 빠르고 다양하게 변화하는 웹상에서 UI/ UX를 이해하고,
웹퍼블리싱 기본 언어 및 현장에서 사용되는 다양한 마크업을 중심으로 페이지를 설계할 수 있도록 기술을 양성하는 과정입니다.
- 차세대 웹 서비스의 언어, HTML5
-
HTML5.0은 웹개발 생산성 향상 및 차세대 웹 어플리케이션
플랫폼으로 대부분의 웹 브라우저들은 HTML5와 호환이 되도록
지원하고 데스크탑뿐만 아니라 반응형 웹, 어플리케이션,
키오스크 화면 등의 제작에도 사용됨으로써
차세대 웹 서비스 플랫폼으로 중요한 언어입니다.
- 웹표준 퍼블리싱을 구현하다!
-
웹 접근성의 개념과 웹 표준 문법을 이해하고 다양하고
유용한 실무 스킬과 팁을 활용한 웹사이트를 제작하며,
HTML+CSS+JAVA Script로 웹 콘텐츠의 구조와 표현, 동작을
명확하게 분석하고, 웹표준을 준수하여 웹사이트를 디자인하고,
사용자와의 상호작용을 향상시킬 수 있는 기술력을 양성하는 과정입니다.
- 트렌드를 선도해 나갈 웹디자이너·웹퍼블리셔에 도전하세요!
-
웹디자인에 필요한 기초디자인(Photoshop, Illustrator)과 웹 개발 기술인
Editor, 스크립트 등의 전문교육과정을 통해 인재를 양성합니다.
-
하나의 사이트가 모든 디바이스
기기에서 변경되어 보이는 기술에
관심이 많은 사람 -
UI/UX 분석을 통해
최신 트렌드를 반영한 사이트를
구현하고 싶은 분 -
웹에서 애니메이션으로
각종 화려한 효과를
만들어 보고 싶은 분
- 수료 후 향상되는 능력
- - 코딩을 깊이 있게 이해하고, 스타일 시트만으로 애니메이션 구현
- - 자바스크립트를 효율적으로 사용하여 다양한 퍼포먼스 구현
- - 반응형, 적응형 웹페이지를 생산해내어 경제성을 향상
- 수료 후 취업 가능한 분야와 취득 가능한 자격증
-
- 웹디자이너, 웹퍼블리셔, 프런트엔드 개발자, UI/UX 개발자,
디지털 미디어 콘텐츠 개발자, 모바일웹디자이너, 웹 애니메이터 -
- 멀티미디어 콘텐츠 제작 전문가, 웹디자인기능사, GTQ, GTQi,
컴퓨터그래픽스 기능사
-
4차 산업 유망직종인
웹·앱 분야에 대해 알려주세요! -
최근 웹 표준에 대한 요구가 높아지면서 모바일을 기본으로 웹 사이트를 운영하는 경우가 많습니다.
기존의 웹디자인이 아닌 웹 표준 마크업과 웹 접근성을 고려한 마크업 코딩 능력을 요구하는 것이
웹 업계의 기본이 되었습니다. 또한 애니메이션 구사능력도 점차 그 중요성이 높아지고 있습니다.
이런 디바이스의 다양성을 모두 포괄하는 코딩 및 디자인 능력을 가진 인재를 키워내는 것이
UI/UX 반응형, 적응형 웹퍼블리셔, 프런트엔드 개발자가 일하는 분야입니다.
- 상상하는 무엇이든 디자인할 수 있는 Adobe XD
-
Adobe XD를 통해 벡터 디자인 및 와이어 프레임, 클릭을 통한 단순한
상호작용 프로토타입 제작이 가능합니다. 와이어 프레이밍, 애니메이션 적용,
프로토 타이핑, 협업 등 다양한 작업을 하나의 UI/UX 디자인 툴에서
해결할 수 있습니다.
과정을 수료하면 어떠한 작업을 하는지 궁금한가요?
수강생분들의 포트폴리오를 소개합니다.
수강생분들의 포트폴리오를 소개합니다.
1/10
CURRICULUM
[전액무료]피그마(Figma) 활용 UI/UX 웹디자인&웹퍼블리셔
다양한 스마트 기기에 적용 가능한 웹디자인, 웹 퍼블리싱 학습과정
01 |
02
03
|
||||||||
UI/UX 콘텐츠 기획
|
|
||||||||
UI/UX 콘텐츠 기획
|
|
||||||||
비 NCS 교과
|
|
실무에 강한 현직 전문 강사진 운용
하이미디어는 최소 10년이상 실무를 경험한 현직 강사진을 구성하여 실무 프로젝트 위주의 수업을 진행하고 있습니다. 또한 이론만이 아닌 최신 트렌드를 반영한 커리큘럼과 함께 단순히 취업만이 목적이 아닌 취업후, 실무에 대한 두려움, 그리고 적응기에 대한 고민을 말끔히 해결합니다.
|
100% 취업지원 및 1:1 맞춤멘토링
오랜기간 취업에 관한 고민과 노력으로 다듬어진 하이미디어만의 취업시스템은 높은 취업률로 이미 그 결실을 대변하고 있습니다. 1:1 맞춤형 멘토링을 통하여 취업전략상담, 개인직무분석, 맞춤분야추천 등 다방면의 프로그램을 준비해놓고 있으며 취업을 희망하는 하이미디어의 수강생이라면 그 특권을 기꺼이 누리실 수 있습니다.
|
8년 연속 고객이 신뢰하는 브랜드대상 수상
한경에서 주최하는 "고객이 신뢰하는 브랜드대상" 교육부문에 8년연속 대상을 수상하였습니다. 20년이상 업계를 선도해온 하이미디어라는 교육 브랜드는 단순한 국비 교육을 넘어 여러분의 힘찬 미래를 함께 설계하는 동반자로 나아가고 있습니다.
|
국가공인 자격증 시험센터운영
하이미디어는 국가에서 인정한 자격증 공인시험센터(MOS,ATC,전산세무회계,AT)를 운영하고 있습니다. 교육환경과 동일한 장소에서 시험을 치루기 때문에 하이미디어 수강생들의 자격증 취득률 또한 매우 높습니다. 또한 2017년도 세무회계분야 전국 최대 합격자 및 수료자 배출이라는 쾌거를 이뤄냈습니다. 자격증 취득의 지름길은 단연코 하이미디어입니다.
|
the-
Interview
Interview
하이미디어를 말하다
수강생 인터뷰
초반에는 생소하더라도 하다 보면 취업해서 경력을 쌓을 수 있을 거예요!
새로운 직무를 배우고 싶어서 IT 개발 분야를 찾아보던 도중 하이미디어 아카데미를 발견하여 상담 후 선택하게 되었습니다.
수강생 인터뷰
수강 전에 관련 용어나 기초 공부를 선행 학습하고 오시면 더욱 더 도움이 됩니다
아직 취업을 준비하고 있는 중이긴 하지만, 실전 업무 경험이 있는 강사님의 조언이 많은 도움이 될 것 같습니다.
이런 과정들은 어떠세요?
마감이 얼마 안남은 동일 분류의 과정들을 추천해 드립니다.
마감이 얼마 안남은 동일 분류의 과정들을 추천해 드립니다.
1/3
쉽고 편리한 온라인 상담 서비스!
원하시는 시간과 조건에 맞춰서 저희 하이미디어가 한걸음 더 빠르게
시원한 답변을 드리겠습니다.