footer-logo.png
Bloom Your Possibility

​서울시 마포구 독막로9길 23 | 대표 백경찬 | 02-325-1500 | vomacademy@gmail.com

© 2019 VOMACADEMY

Portfolio Class

UX UI Designer

Boot Camp.

UX UI 디자이너 부트캠프

일자         2019.04.15~2019.08.05
요일         주 3회(월, 수, 금)
시간         14:00 ~ 18:00
장소         봄아카데미 오렌지룸
수강료     총 1,920,000원→ 1,536,000원(-20% 할인)

4개월 과정
월 384,000 원
20% 할인

강의 정보

웹 핵심이론의 이해를 바탕으로 기획부터 반응형 웹디자인과 아트워크까지

웹 디자인에 필요한 그리드는 크기가 정해져 있는 판형 구조의 인쇄물과는 달리 각각의 디바이스 크기와 브라우저 화면의 크기 등 다양한 환경적 요소들을 고려하고 분석한 뒤 설계되어야 합니다.
본 강의에서는 웹 타이포그라피, 그리드시스템, 컬러와 트렌드 등 핵심이론을 이해하고, 풀이미지·풀동영상 인트로 페이지 등의 실습을 통해 완전히 숙달하게 합니다.
또한, 브랜드 선정, 상황분석, 디자인 리서치, 목표 설정, 페이퍼 스케치, 와이어프레임 등 
본격적인 UX/UI 기획과 디자인 작업으로 실무 기획 프로세스를 경험해봅니다.
이를 통해 본인만의 생각이 담긴 원페이지 스크롤 형태의 반응형 웹 사이트 메인 페이지와 아트워크 디자인 포트폴리오로 완성하게 됩니다.

 

주요 특징

01. 15년차 웹디자이너의 꼼꼼하게 정리된 자료

실무에서 많이 쓰이는 용어, 무료 이미지&동영상, 템플릿, 폰트, 아이콘, 로고, 목업 등 방대한 자료를 꾹꾹 눌러서 아낌 없이 제공합니다.

02. 기획이 빠지면 UX가 아니다!
키워드&슬로건 도출, 페이퍼스케치&와이어프레임 작업,그래픽 시안 도출을 통해 비주얼 뿐만 아니라 기획된 내용을 토대로 이유가 있는 디자인, 완성도 높은 작업물을 완성합니다.

03. 1:1 밀착관리를 통한 포트폴리오 지도
수강생마다 1:1 크리틱 지도를 통해서 작업물의 퀄리티를 
높입니다. 또한, 실제 취업한 수강생 사례와 포트폴리오 장표 관련 노하우를 공유하여 취업에 대한 자신감을 높여드립니다.

04. 나도 모르게 무릎 탁! 치게되는 아트워크까지
포토샵, 일러스트레이터 고급 스킬 강의를 통해 한층 더 높아진 퀄리티로 이미지를 제작하게 됩니다. 빠르고 정확한 높은 퀄리티의 이미지를 뽑아내는 아트워크 꿀팁 대방출!

 

커리큘럼

나만 알고 싶은​ 디자인 이야기

  • UX(User eXperience), UI(User Interface) 란?

  • Less but Better : 디터람스(Dieter Ram)와 조너선 아이브(Jonathan Ive)

  • Minimalism & Affordance : MUJI 의 디자인 철학

  • 스마트폰 다음 세상은?

  • Apple, Google, MS 의 디자인 시스템

  • 웹/모바일 디자인 트렌트 분석

  • 폰트는 이것으로 충분하다 : 한글/영문 최신 트렌드 분석(폰트집 제공)

  • 빠른 퇴근을 돕는 실무 디자인 팁 & 리소스 정리

  • Inspiration 방법론

  • Copy 와 Steal 의 차이 : Imitating 의 중요성

  • 글자에 맥락이라는 옷을 입히세요 : 타이포그래피(Typography)

  • 컬러 시스템, 이제 어렵지 않아요 : 기본 이론에서부터 다양한 설계 팁까지!!

  • HTML 과 CSS 기본 이론과 실습

  • 나만의 웹 서버를 만들어요 : 웹 호스팅 & FTP

Part1.

풀 스크린 이미지/동영상 인트로 페이지

  • 히어로 이미지를 이용한 풀 스크린 이미지 인트로 페이지 제작

  • 프리미어 프로(Premier Pro)를 이용하여 동영상 편집하기

  • Video 태그를 이용하여 풀 스크린 동영상 인트로 페이지 제작

  • Mp4 와 WebM 의 차이

  • 작업물 1:1 크리틱

Part.2

포트폴리오 과정 1 : 그리드 시스템 웹

  • 그리드 시스템(Grid System) 핵심 이론

  • 황금 비율(Golden Ratio) 이론과 그리드 시스템

  • 그리드 시스템, 웹에 적용하기 : 강사 샘플 예제 분석

  • 960/1200/1440/1920 그리드 시스템 실습

  • 웹 그리드 시스템을 조금 더 쉽게!! : 그리드 제너레이터(Grid Generator) 실습

  • 웹 기획 학습 : GDD(Goal Directed Design) 프로세스

  • 조별 브랜드 셀렉 및 웹 기획 실습 : 핵심가치, 슬로건 도출

  • 개인별 시안 작업

  • 프로토타이핑 : 페이퍼 스케치 & 와이어 프레임

  • 그래픽 작업 : 1:1 크리틱

  • 포트폴리오 문서 제작 (PDF)

  • 그리드 시스템 웹 발표회

Part.3

포트폴리오 과정 2 : 반응형 웹

  • 반응형 웹(Responsive Web) 핵심이론

  • 반응형 웹 패턴 및 레퍼런스 분석

  • 뷰포트(Viewport), 중단점(Break-Point), 미디어쿼리(Mediaquery) 학습

  • 그리드 시스템, 반응형 웹에 적용하기 : 강사 샘플 예제 분석

  • 개인별 브랜드 셀렉 및 웹 기획 실습 : 핵심가치, 슬로건 도출

  • 개인별 시안 작업

  • 프로토타이핑 : 페이퍼 스케치 & 와이어 프레임

  • 그래픽 작업 : 1:1 크리틱

  • 포트폴리오 문서 제작 (PDF)

  • 반응형 웹 발표회

  • 포트폴리오 체크리스트 10

  • 과정 후 미션 및 개인 크리틱 안내

Part.4

 

강의 결과물

 

​강의 대상

  • 포토샵, 일러스트레이터 등 디자인 툴을 다뤄본 적 있는 분

  • 웹 기획부터 디자인까지 UX 디자이너로의 취업을 준비 중인 분

  • 웹디자인에 대한 체계적인 이론과 사례를 학습하고 싶은 분

  • 실무에 바로 적용할 수 있는 노하우와 꿀팁이 궁금한 분

강사 소개

현) 경기과학기술대학교 시각정보디자인과 멀티미디어디자인 겸임교수

전) CJ ENM, 수원여자대학교 UX/UI 디자인 강의

전) 아카데미 정글 수석 에반젤리스트 (전임 강사)

전) IT source Ltd. 한국법인 VCT Leader

전) NHN고도(주)서비스기획본부 디자인 팀장

전)(주)DragonFly Web팀 선임연구원

전) SAFIAN 디자인 팀장

 

프로젝트

- 2015. Snaps HTML5 포토북 솔루션 UX/UI 디자인 총괄

- 2014. 360 KOREA 프로젝트 (전용기 컨시어지 서비스) Art Director

- 2012. NHN고도 'e나무 시즌4' 쇼핑몰 솔루션 UI 디자인 총괄

- 2011. LG전자 PIA expert(개인정보영향평가 솔루션) GUI 디자인 총괄

서영준

봄아카데미 UX/UI 강사

오토업 디자인 팀장

정글 아카데미 강사

 

저서

- Photoshopworks, Artworks, Title Effects

- AD Effects, Photoshopworks Vol 7.0

 

프로젝트

- 삼성 모바일 중국 웹사이트

- 백자박물관 멀티비전 영상 디자인

- 한국통신(KT) 웹사이트

전상현

봄아카데미 Graphic 강사

 
 

수강 후기

한형주

엘루오씨엔씨

대학 4년 보다 알찬 4개월이었습니다. 디자이너로 경력이 있 었지만 3년간 경력 단절로 자신감은 바닥이었고, 웹디자인 이 력은 전무했지만 봄아카데미를 수료하고 웹에이전시 취업에 성공할 수 있었습니다. 과제가 벅차고 힘들 때도 있지만 잘 따라가기만 한다면 분명 많은 성장을 이룰 수 있습니다. 수강 후에도 포폴 진행과정과 취업상담 등 끊임없이 도움 주시고 선생님들의 강의자료는 취업 후에 더욱 빛을 발한답니다. 능력자 선생님들, 말하지 않아도 아시는 듯 모든 걸 챙겨주시는 매니저님 비롯한 지원팀분들 너무 감사했어요.

자주 하는 질문

Q. 디자인 비전공자도 들을 수 있나요?

A. 예, 다만 포토샵과 일러스트레이터 툴을 다뤄본 적 있는 분들이셔야 참여할 수 있습니다.

 

Q. 과제가 있나요?

A. 예, 서영준 강사의 치밀하게 짜인 커리큘럼은 참여한 수강생이 그날 알려준 내용에 관하여 충분히 이해하고 표현해보는 과제들이 존재합니다.

 

Q. 수업 준비물이 필요한가요?

A. 아니오, 강의실에서 실습할 수 있는 아이맥과 일러스트레이터, 포토샵이 설치되어 있습니다. 물론, 개인 노트북을 지참해서 오셔도 됩니다.

 

Q. 이 과정을 마치면 포트폴리오를 완성할 수 있나요?

A. 예, 단순히 비주얼로 표현하는 것이 목적이 아니라 웹 기획을 통해 키워드 도출, 와이어프레임 작성 등을 수행하기 때문에 UX 포트폴리오에 필요한 내용을 포함합니다. 다만, HTML/CSS로 사이트를 완성하는 것은 아닙니다. 그 이유는 웹에이전시 등에서 요구하는 신입 UX 디자이너의 능력은 완성도 높은 기획과 비주얼 디자인이기 때문입니다. HTML/CSS 배우기를 희망하는 분들은 정을수 강사의 강의가 별도로 준비되어 있습니다.

 
 

수강 안내

강의장비

- Apple iMac 21.5-inch

소프트웨어

- Adobe Photoshop CS6, Illustrator CS6

 

 

교재

- 강사가 준비한 예제 파일

 

 

수강생 준비물

- 메모지, 필기구