Web Design & Publishing Portfolio
웹디자인 & 퍼블리싱 포트폴리오 52기
반응형 웹디자인 + 웹퍼블리싱 통합과정
- 교육일정디자인 PART : 2019.07.02 ~ 2019.08.27
- 및화목 10:00-13:00
- 교육시간퍼블리싱 PART : 2019.09.02 ~ 2019.10.23
- 월수 19:00-21:50
- 월~일 24시간 개방
- 교육장소아카데미정글(강남 신사)
- 강 사김도완, 정을수
- 모집인원16명
- 수 강 료총 160만원 (온라인 카드 결제 시 2~6개월 무이자 할부 가능)
- 월 40만원, 4개월 분할납부 가능 - 계좌이체, 방문(내사카드) 결제
- [후불제] 교육종료 후 4개월 분할납부 - 학생독립만세
- * 수강신청시 선택
- 준 비 물개인 노트북(노트북 없어도 참여 가능합니다.)
강의개요
반응형웹 디자인 + 웹퍼블리싱 통합 과정
본인의 반응형 웹 디자인 포트폴리오를 완성하여
결과물을 실제 브라우저에서 동작되는 단계까지!
단순히 그래픽만 해내는 디자이너로가 아닌 웹의 특성을 파악하고 코드를
이해하여 반응형 웹사이트를 제작할 수 있는 디자이너로의 성장
- 01
본인의 디자인 산출물(PSD)를 코드로 구현하고
서버에 탑재하여 브라우저에서 구동되는
포트폴리오 완성 - 02
그래픽부터 코딩까지 전 과정에 대한 기획의도,
컨셉, 주요 기능적 특징을 파악할 수 있는
포트폴리오 완성
- 03
이력서/자기소개/면접 등의 커리어 코칭
- 04
실무 프로세스를 공유하는 디자인
스튜디오식 교육을 진행.
수강대상
본 과정은 기초적인 디자인에 대한 이해가 필요한 과정입니다.
코딩 PART를 제외한 반응형 웹 디자인 PART만 수강 가능 (수강료 96만원, 상담 요망)
커리큘럼
강의 차수별 교육일정
[ 디자인 PART ]
-
1강1. 오리엔테이션
2. 포토샵 작업 환경 세팅
3. 웹 프로모션 디자인 실습 1
-
2강1. 웹디자인의 구성 요소
: 타이포그래피 기초
2. 웹 디자인의 구조와 UI 컴포넌트
3. 웹 프로모션 디자인 실습 2 -
3강1. 웹 디자인의 구성요소
: 이미지 활용법
2. 웹 프로모션 디자인 실습 3
-
4강1. 웹 디자인의 구성요소
: 레이아웃과 그리드 시스템
2. 여백의 이해와 활용법
3. 쇼핑몰 웹사이트 디자인
실습 1(전체 구조 파악하기) -
5강1. 웹 디자인의 구성요소
: 컬러와 브랜드
2. 쇼핑몰 웹사이트
디자인 실습 2 -
6강1. 웹 사이트 디자인에서 많이
쓰이는 표현 기법 실습
2. 쇼핑몰 웹사이트
디자인 실습 3
-
7강1. 웹 디자인 트랜드
2. 반응형 웹 디자인 기초 이론
3. 그리드 디자인 시스템 실습
4. 웹 컬러/타이포그래피
예제 실습 -
8강1. 브라우저와 해상도의 이해
2. 웹 디자인 실습
: 포트폴리오 프로젝트를 위한
주제 설정 -
9강1. 반응형 웹 레이아웃 살펴보기
2. 모바일 퍼스트란?
3. 웹 디자인 실습
: 화면 정의서 작성
-
10강1. 데스크탑과 모바일
UI의 차이점
2. 디자인 컨셉
3. 디자인 스타일 가이드
작성 방법
4. 디자인 무드 보드
작성법과 실습
-
11강데스크탑 버전 실습 및 크리틱 1
12강데스크탑 버전 실습 및 크리틱 2
13강데스크탑 버전 실습 및 크리틱 3
-
14강모바일 버전 실습 및 크리틱 1
15강모바일 버전 실습 및 크리틱 2
16강최종 결과물 발표 및 과정 마무리
[ 퍼블리싱 PART ]
-
1강웹의 이해
1. 웹의 환경과 역사
2. HTML과 HTML5
3. 웹 표준과 웹 접근성 -
2강HTML
1. 정보의 기본구조
2. 정보의 시맨틱 구성
3. 서식요소 -
3강CSS
1. CSS 속성
2. 박스모델
3. 포지션
-
4강공통영역 퍼블리싱
1. 레이아웃
2. 헤더영역
3. 푸터영역 -
5강웹사이트 퍼블리싱
1. 배너
2. LNB
3. 게시판 -
6강CSS3 (1)
1. CSS3 단위 및 컬러
2. Media Queries
3. Box Sizing
4. Rounded Corners
-
7강CSS3 (2)
1. Border Images
2. Fonts
3. Text
4. Shadows(Text, Box)
5. Transitions
6. Gradients -
8강CSS3 (3)
1. 2D Transform
2. 3D Transform (+ Perspective)
3. Animation -
9강JavaScript 기초 (Core)
1. 출력문, 데이터형, 연산자
변수, 배열, 객체, 함수의 이해
-
10강JavaScript 기초 (DOM, BOM)
1. 문서(document) 조작 명령
2. 브라우저(window) 조작 명령
이벤트의 이해
1. 이벤트의 동작원리
2. 주요 이벤트 종류 및 특성 이해 -
11강jQuery 기초
1. 이벤트 조작(on, off, trigger)
2. DOM 조작 및 Traversing
3. CSS 및 Class 다루기
4. Dimension 및 Offset 개념 이해
5. 기타 유용한 API 소개
(this, index, each 등) -
12미디어쿼리를 사용한
-14강반응형 웹 만들기
강사소개
전임강사
김도완
전) 바이널/바이널엑스 15년 재직
User Experience Design Group, Art Director
현) 아카데미정글, 크리에이티브 아트 디렉터 / 에반젤리스트
주요프로젝트
SAMSUNG Rio 2016 올림픽 공식 App
SAMSUNG Game Cast
SAMSUNG S Console Gamepad
SAMSUNG Kids Store
SAMSUNG APPS Store
OPPO GUI Standard
SKT T world
SECOM, My secom
Pantech Vega LTE Standard GUI
강사
정을수
(현) UI/UX 디렉터
(현) Front-end 강사
(현) (사)한국인터넷전문가협회 웹표준분과위원
(전) 펜타브리드 디렉터, 수석
(전) 메가존 웹표준화팀, 팀장
주요프로젝트
한국뉴욕주립대합교 웹사이트 UI/UX 디렉터, 서울대학병원 연구검색프로그램 UI/UX 디렉터,
아리따움 샘플바 및 카운셀링앱 UI/UX 디렉터, Clovir VDI UI/UX 디렉터, 아넬라코리아 UI/UX 디렉터 ,
슈어소프트 Controller Tester UI.UX 컨설팅, 삼성탭탭카드 전문가 자문 평가, 현대자동차 플랫폼 서비스 프론트엔드 디렉터,
삼성디지털서비스 경쟁력 평가, 행정자치부 "민원서류 간소화 개선연구" 서비스 디자인 디렉터, "SEVEN GREAT" 서비스 컨설팅,
"(주)명가아침" 서비스 컨설팅 / UI,UX 개선 작업, 에스원 웹사이트 구축 , 현대자동차국내판매(hyundai.com) 웹사이트 구축 ,
삼성HAPOSM 웹사이트 구축, 코스콤 웹접근성 고도화 , U+ 통합웹사이트 구축 , 신한카드 웹사이트 , 삼성모바일닷컴 웹사이트
외 다수
등록 절차 안내
온라인 수강신청 후 개별연락을 통해 상담을 진행합니다.
과정 선택이 어려운 경우, 본인에게 적합한 과정을 상담해 드립니다.
1. 후불제 안내
2. 일반 결제 안내
연계교육
웹디자인 & 퍼블리싱 포트폴리오 스페셜리스트 과정은
연계과정으로
UX/UI 웹디자인 포트폴리오, 모바일 앱 : 프로토타이핑, UI 설계 & GUI 디자인 포트폴리오 교육을 진행하고 있습니다.
웹디자인 & 퍼블리싱 포트폴리오 52기
- 교육일정디자인 PART : 2019.07.02 ~ 2019.08.27
- 및화목 10:00-13:00
- 교육시간퍼블리싱 PART : 2019.09.02 ~ 2019.10.23
- 월수 19:00-21:50
- 월~일 24시간 개방
- 교육장소아카데미정글(강남 신사)
- 강 사김도완, 정을수
- 모집인원16명
- 수 강 료160만원
- 총 1,600,000원 (온라인 카드 결제 시 2~6개월 무이자 할부 가능)
- 월 40만원, 4개월 분할납부 가능 - 계좌이체, 방문(내사카드) 결제
- [후불제] 교육종료 후 4개월 분할납부 - 학생독립만세
- * 수강신청시 선택
- 준 비 물개인 노트북(노트북 없어도 참여 가능합니다.)
- ※ 본 강의는 강사, 커리큘럼이 일부 변경되거나 사정으로 인하여 폐강될 수 있습니다.
- ※ 본 강의내용은 교육기획자 및 강사와의 협의없이 무단으로 사용될 수 없습니다.
- ※ 무단사용시 저작권 침해로 인해 처벌받을 수 있음을 알려 드립니다.