Today at Vom
Class of Vom
Portfolio of Vom
Who we are
Contact Vom
PORTFOLIO CLASS
Class Visual Icon
01

UX UI Designer
Bootcamp

UX UI 디자이너 부트캠프
일자 2019.04.15~2019.08.05
요일 주 3회(월, 수, 금)
시간 14:00 ~ 18:00
장소 봄아카데미 오렌지룸
수강료 총 1,920,000원→ 1,536,000원(-20% 할인)
수량
4개월 과정38400020% 할인

강의 정보

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

웹 디자인에 필요한 그리드는 크기가 정해져 있는 판형 구조의 인쇄물과는 달리
각각의 디바이스 크기와 브라우저 화면의 크기 등
다양한 환경적 요소들을 고려하고 분석한 뒤 설계되어야 합니다.

본 강의에서는 웹 타이포그라피, 그리드시스템, 컬러와 트렌드 등 핵심이론을 이해하고,
풀이미지·풀동영상 인트로 페이지 등의 실습을 통해 완전히 숙달하게 합니다.

또한, 브랜드 선정, 상황분석, 디자인 리서치, 목표 설정, 페이퍼 스케치, 와이어프레임 등
본격적인 UX/UI 기획과 디자인 작업으로 실무 기획 프로세스를 경험해봅니다.

이를 통해 본인만의 생각이 담긴 원페이지 스크롤 형태의
반응형 웹 사이트 메인 페이지와 아트워크 디자인 포트폴리오로 완성하게 됩니다.

강의 정보 이미지
주요 특징
01. 15년차 웹디자이너의 꼼꼼하게 정리된 자료

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

강의 사진
02. 기획이 빠지면 UX가 아니다!

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

강의 사진
03. 1:1 밀착관리를 통한 포트폴리오 지도

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

모니터 화면
04. 나도 모르게 무릎 탁! 치게되는 아트워크까지

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

일러스트 이미지
커리큘럼
Part.1 나만 알고 싶은 디자인 이야기
  • 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
Part.2 풀 스크린 이미지/동영상 인트로 페이지
  • 히어로 이미지를 이용한 풀 스크린 이미지 인트로 페이지 제작
  • 프리미어 프로(Premier Pro)를 이용하여 동영상 편집하기
  • Video 태그를 이용하여 풀 스크린 동영상 인트로 페이지 제작
  • Mp4와 WebM의 차이
  • 작업물 1:1 크리틱
Part.3 포트폴리오 과정 1 : 그리드 시스템 웹
  • 그리드 시스템(Grid System) 핵심 이론
  • 황금 비율(Golden Ratio) 이론과 그리드 시스템
  • 그리드 시스템, 웹에 적용하기 : 강사 샘플 예제 분석
  • 960/1200/1440/1920 그리드 시스템 실습
  • 웹 그리드 시스템을 조금 더 쉽게!! : 그리드 제너레이터(Grid Generator) 실습
  • 웹 기획 학습 : GDD(Goal Directed Design) 프로세스
  • 조별 브랜드 셀렉 및 웹 기획 실습 : 핵심가치, 슬로건 도출
  • 개인별 시안 작업
  • 프로토타이핑 : 페이퍼 스케치 & 와이어 프레임
  • 그래픽작업 : 1:1 크리틱
  • 포트폴리오 문서 제작 (PDF)
  • 그리드 시스템 웹 발표회
Part.4 포트폴리오 과정 2 : 반응형 웹
  • 반응형 웹(Responsive Web) 핵심이론
  • 반응형 웹 패턴 및 레퍼런스 분석
  • 뷰포트(Viewport), 중단점(Break-Point), 미디어쿼리(Mediaquery) 학습
  • 그리드 시스템, 반응형 웹에 적용하기 : 강사 샘플 예제 분석
  • 개인별 브랜드 셀렉 및 웹 기획 실습 : 핵심가치, 슬로건 도출
  • 개인별 시안 작업
  • 프로토타이핑 : 페이퍼 스케치 & 와이어 프레임
  • 그래픽 작업 : 1:1크리틱
  • 포트폴리오 문서 제작 (PDF)
  • 반응형 웹 발표회
  • 포트폴리오 체크리스트 10
  • 과정 후 미션 및 개인 크리틱 안내
Part.5 Photoshop(Media image making)
  • 디자인 작업을 위한 Clipping & Masking
  • 능률적인 작업을 위한 Pixel 이해와 활용
  • 체계적인 구성을 위한 Smart Object
  • 감각적인 이미지 제작을 위한 Composite
  • 그래픽 요소를 효율적으로 다루는 Brush, Stroke
  • 작업 효율을 높이는 Filter, Effects
  • 계조 활용을 극대화한 Channel
Part.6 Illustrator(Vector shape making)
  • Path의 이해와 Transform활용
  • 효율적인 Shape 추출과 확장과 Pathfinder 활용
  • Triangle Surface (외부 플러그인)를 이용한 패턴 제작
  • 일러스트레이터 그 이상 Subscript(외부 플러그인)
  • 등각투상 일러스트 제작(Isometric)
  • 단계를 만들어 주는 Blend
  • 입체적인 일러스트를 위한 3D와 Appearance 이해
강의 결과물
FREITAG
FREITAG 오지수

UX UI 포트폴리오 (앱 / 웹)

사이트 보러가기
COS
COS 안효령

UX UI 포트폴리오 (앱 / 웹)

사이트 보러가기
LUSH
LUSH 한다솜

UX UI 포트폴리오 (앱 / 웹)

사이트 보러가기
NORMAN COPENHAGEN
NORMAN COPENHAGEN 이재희

UX UI 포트폴리오 (앱 / 웹)

사이트 보러가기
NENDO
NENDO 이정주

UX UI 포트폴리오 (앱 / 웹)

사이트 보러가기
BEATS BY DR. DRE
BEATS BY DR. DRE 황새나래

UX UI 포트폴리오 (그리드)

사이트 보러가기
B&O PLAY
B&O PLAY 서유경

UX UI 포트폴리오 (반응형)

사이트 보러가기
VITRA
VITRA 한형주

UX UI 포트폴리오 (그리드)

사이트 보러가기
GODIVA
GODIVA 황현정

UX UI 포트폴리오 (반응형)

사이트 보러가기
LABNOSH
LABNOSH 이유미

UX UI 포트폴리오 (그리드)

사이트 보러가기
MINI COOPER
MINI COOPER 최승연

UX UI 포트폴리오 (반응형)

사이트 보러가기
LEICA
LEICA 이사랑

UX UI 포트폴리오 (그리드)

사이트 보러가기
더보기
강의 대상
  • 포토샵, 일러스트레이터 등 디자인 툴을 다뤄본 적 있는 분
  • 웹 기획부터 디자인까지 UX 디자이너로의 취업을 준비 중인 분
  • 웹디자인에 대한 체계적인 이론과 사례를 학습하고 싶은 분
  • 실무에 바로 적용할 수 있는 노하우와 꿀팁이 궁금한 분
강사 소개
아바타 사진
서영준 봄아카데미 UX/UI 강사

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

전) 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 디자인 총괄

아바타 사진
전상현 봄아카데미 Graphic 강사

오토업 디자인 팀장

정글 아카데미 강사

저서
  • Photoshopworks, Artworks, Title Effects

  • AD Effects, Photoshopworks Vol 7.0

프로젝트
  • 삼성 모바일 중국 웹사이트

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

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

수강 후기
수강생 후기
한형주 엘루오씨엔씨

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

수강생 후기
김나영 코너크리에이티브

비전공자로서 디자인을 배우고 자 타 디자인학원을 몇 개월 다닌 적이 있었는데 경험이 없는 제가 따라가기엔 벅찬 커리 큘럼이었습니다. 그래서 직접 발품을 팔아 고민 끝에 봄 아카 데미로 학원을 옮기게 되었습니다. 봄 아케데미가 공부하기에 쾌적한 공간을 제공하는 것도 있었지만, 과목별로 전문분야 의 선생님들이 계신다는 점이 특별히 좋았습니다. 그렇기에 단순 실습 위주의 수업이 아닌 작업하는 데 있어서 정말 필요 한 조언들과, 디자인에 대한 이론 등을 탄탄하게 배울 수 있었 습니다. 반년 넘게 학원에 다니며 정말 열심히 했고, 지금은 에이전시에서 일한 지 반년이 되었습니다. 지금 일하는 곳에 서는 유명 디자인학원 출신의 동료들도 있습니다. 봄 아카데 미에서 공부했기에 제 꿈에 한 발짝 디딜 수 있었습니다.

수강생 후기
나영준 이모션

프런트엔드 개발자로 근무하면서 UX/UI 디자인까지 관심이 생겨 봄 아카데미 해당 과정을 수료하게 되었습니다. 디자인 은 처음이었지만, 수준 높은 강사분들의 디자인 툴과 이론 및 실습 교육이 아주 만족스러웠습니다. 처음 시작하는 분들뿐 아니라 경력자들도 자신의 스킬을 더 높일 수 있는 좋은 곳이 라고 생각합니다. 그리고 환경이나 분위기 또한 학원이라기 보다 스터디모임처럼 친숙하고 편안해서 지금도 좋은 기억으 로 남아있습니다. 망설이고 계시다면 후회 없으실 거라고 추 천 드리고 싶습니다.

수강생 후기
황새나래 메츠에이치아이티

봄 아카데미 UI/UX양성 과정을 들었던 8기 학생입니다! 선생님들의 체계적인 수업방식으로 많은 걸 배울 수 있었고, 마지막까지? 포트폴리오뿐만 아니라 취업 과정 전반에 신경 써주셨습니다. 또한 친절한 매니저분들, 좋은 학습 시설로 편 하고 즐겁게 지낼 수 있었습니다. 그 결과 원하던 파트와 회사 에 입사할 수 있게 됐습니다.

수강생 후기
박정현 와디즈

여러 고민에 휩싸여 섣불리 아무것도 하지 못할 때, 조금은 충 동적으로 봄 디자인을 선택했습니다. 뭐라도 해보자는 생각으 로 시작했던 저에게 학원과 선생님은 열정과 진심으로 보답했 습니다. 그렇게 하루 이틀 배워갈수록 뭐라도 해낼 수 있겠다 는 자신이 생기기 시작했고, 그 결과로 꿈꾸던 회사에 다니고 있습니다. 기술적인 부분은 물론이고 선생님의 태도와 자세에 서도 많은 것을 배웠습니다. 수료 후 고민이 있어 찾아갈 때도 항상 봄처럼 따뜻하게 맞아주셔서 늘 감사하게 생각합니다. 힘내시고, 항상 응원합니다. 감사합니다.

수강생 후기
이사랑 마이뮤직테이스트

그동안 너무 만족하면서 학원에 다녔습니다. 디자인의 기본 도 모르는 사람이 들어도 알 수 있도록 UX개념부터 디자인 프 로세스, 타이포그래피, 컬러, 폰트, 그리드 그리고 도구 수업 까지…선생님들이 긴 시간 동안 터득하신 모든 자료와 노하 우를 다 쏟아내며 알려주셨어요. 복습만 열심히 하면 4개월 오전 시간 수업만으로 디자인 실력이 월등히 향상될 수 있을 법한 수업입니다. 정말 감사했습니다. 또한 학생들이 최대한 쾌적하고 좋은 환경에서 공부할 수 있도록 애써주신 원장님과 매니저님, 직원분들께도 참 감사하다는 말씀드리고 싶어요.

포트폴리오 페이스북에서 더보기
자주 묻는 질문
Q. 디자인 비전공자도 들을 수 있나요?

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

Q. 과제가 있나요?

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

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

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

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

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

수강 안내
강의장비
  • Apple iMac 21.5-inch
소프트웨어
  • Adobe Photoshop CS6, Illustrator CS6
교재
  • 강사가 준비한 예제 파일
수강생 준비물
  • 메모지, 필기구
비밀번호 확인 닫기