메인 이미지

Web Design & Publishing Portfolio 웹디자인 & 퍼블리싱 포트폴리오 52기
반응형 웹디자인 + 웹퍼블리싱 통합과정


- 흰색 이미지
  • 교육일정디자인 PART : 2019.06.25 ~ 2019.08.20
  •        및화목 10:00-13:00
  • 교육시간퍼블리싱 PART : 2019.08.26 ~ 2019.10.16
  • 월수 19:00-21:50
  • 월~일 24시간 개방
  • 교육장소아카데미정글(강남 신사)
  • 강      사김도완, 김성훈
  • 모집인원16명
  • 수 강 료160만원
  • 96만원 (반응형 Web 디자인 PART만 수강)
  • 카드 2~6개월 무이자할부 가능
  • * 수강신청시 선택
  • 준 비 물개인 노트북(노트북 없어도 참여 가능합니다.)

강의개요

line 이미지
이미지1

반응형웹 디자인 + 웹퍼블리싱 통합 과정

본인의 반응형 웹 디자인 포트폴리오를 완성하여
결과물을 실제 브라우저에서 동작되는 단계까지!

단순히 그래픽만 해내는 디자이너로가 아닌 웹의 특성을 파악하고 코드를
이해하여 반응형 웹사이트를 제작할 수 있는 디자이너로의 성장
  • 01

    본인의 디자인 산출물(PSD)를 코드로 구현하고
    서버에 탑재하여 브라우저에서 구동되는
    포트폴리오 완성

  • 02

    그래픽부터 코딩까지 전 과정에 대한 기획의도,
    컨셉, 주요 기능적 특징을 파악할 수 있는
    포트폴리오 완성

  • 03

    이력서/자기소개/면접 등의 커리어 코칭

  • 04

    실무 프로세스를 공유하는 디자인
    스튜디오식 교육을 진행.

수강대상

line 이미지

본 과정은 기초적인 디자인에 대한 이해가 필요한 과정입니다.
코딩 PART를 제외한 반응형 웹 디자인 PART만 수강 가능 (수강료 96만원, 상담 요망)

수강대상1 이미지

커리큘럼

line 이미지 수강대상1 이미지

강의 차수별 교육일정

[ 디자인 PART ]

  • 1강1. 오리엔테이션

    2. 포토샵 작업 환경 세팅
    3. 웹 프로모션 디자인 실습 1

  • 2강1. 웹디자인의 구성 요소

    : 타이포그래피 기초
    2. 웹 디자인의 구조와 UI 컴포넌트
    3. 웹 프로모션 디자인 실습 2

  • 3강1. 웹 디자인의 구성요소

    : 이미지 활용법
    2. 웹 프로모션 디자인 실습 3

line 이미지 2
  • 4강1. 웹 디자인의 구성요소

    : 레이아웃과 그리드 시스템
    2. 여백의 이해와 활용법
    3. 쇼핑몰 웹사이트 디자인
    실습 1(전체 구조 파악하기)

  • 5강1. 웹 디자인의 구성요소

    : 컬러와 브랜드
    2. 쇼핑몰 웹사이트
    디자인 실습 2

  • 6강1. 웹 사이트 디자인에서 많이

    쓰이는 표현 기법 실습
    2. 쇼핑몰 웹사이트
    디자인 실습 3

line 이미지 2
  • 7강1. 웹 디자인 트랜드

    2. 반응형 웹 디자인 기초 이론
    3. 그리드 디자인 시스템 실습
    4. 웹 컬러/타이포그래피
    예제 실습

  • 8강1. 브라우저와 해상도의 이해

    2. 웹 디자인 실습
    : 포트폴리오 프로젝트를 위한
    주제 설정

  • 9강1. 반응형 웹 레이아웃 살펴보기

    2. 모바일 퍼스트란?
    3. 웹 디자인 실습
    : 화면 정의서 작성

line 이미지 2
  • 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. 포지션

line 이미지 2
  • 4강공통영역 퍼블리싱

    1. 레이아웃
    2. 헤더영역
    3. 푸터영역

  • 5강웹사이트 퍼블리싱

    1. 배너
    2. LNB
    3. 게시판

  • 6강CSS3 (1)

    1. CSS3 단위 및 컬러
    2. Media Queries
    3. Box Sizing
    4. Rounded Corners

line 이미지 2
  • 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. 출력문, 데이터형, 연산자
    변수, 배열, 객체, 함수의 이해

line 이미지 2
  • 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강반응형 웹 만들기

 수강생 포트폴리오

line 이미지
  • port_01
  • port_02
  • port_03

웹디자인 포트폴리오 더보기

 강사소개

line 이미지
김도완 선생님 이미지

전임강사
김도완


전) 바이널/바이널엑스 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

김성훈 선생님 이미지

강사
김성훈


학생독립만세 CTO
코딩수업 호센세


-2018-현재 학생독립만세 CTO
-2016-2018 컨버전스형 IT 연합동아리 CADI 소속, 개발팀 멘토
-2015-2017 LG U+, 서비스 개발관리 PM
-2012-2013 스타트업 'ntry networks' CTO

연계교육

line 이미지

웹디자인 & 퍼블리싱 포트폴리오 스페셜리스트 과정은
연계과정으로
UX/UI 모바일 & 웹 디자인 포트폴리오, 모바일 앱 프로토타이핑, UI 설계 & GUI 디자인 포트폴리오, 모바일 & 웹디자인 기초 교육을 진행하고 있습니다.

mxpp 웹디자인 & 퍼블리싱 포트폴리오 52기
  • 교육일정디자인 PART : 2019.06.25 ~ 2019.08.20
  •        및화목 10:00-13:00
  • 교육시간퍼블리싱 PART : 2019.08.26 ~ 2019.10.16
  • 월수 19:00-21:50
  • 월~일 24시간 개방
  • 교육장소아카데미정글(강남 신사)
  • 강      사김도완, 김성훈
  • 모집인원16명
  • 수 강 료160만원
  • 96만원 (반응형 Web 디자인 PART만 수강)
  • 카드 2~6개월 무이자할부 가능
  • * 수강신청시 선택
  • 준 비 물개인 노트북(노트북 없어도 참여 가능합니다.)
  • ※ 본 강의는 강사, 커리큘럼이 일부 변경되거나 사정으로 인하여 폐강될 수 있습니다.
  • ※ 본 강의내용은 교육기획자 및 강사와의 협의없이 무단으로 사용될 수 없습니다.
  • ※ 무단사용시 저작권 침해로 인해 처벌받을 수 있음을 알려 드립니다.