메뉴 건너뛰기

예일디자인학원

웹디자인 정규과정

웹디자인 정규과정

웹디자인 정규과정

웹디자인정규과정
웹디자인

 

 

  • 교육기간 개강미정
  • 교육시간
  • 교육문의 055)287-3116
  • 교육과정 일러스트,포토샵,플래쉬,드림위버,웹디자인,웹표준
  • 관련자격 웹디자인기능사,컴퓨터그래픽스운용기능사,GTQ,GTQi
  • 활용범위 웹디자인,쇼핑몰 디자인
  • 진출분야 웹에이전시,쇼핑몰 웹페이지 제작업체,홈페이지 관리등

강의개요

웹디자인은 웹페이지의 텍스타일, 픽쳐, 동영상 등을 웹상에서 이용자들이 알기 쉽도록 만드는 작업을 하게됩니다. 웹디자인은 세련되고 생동감 있는 화면을 디자인하고 연출하는 것이 목표인데, 빠르게 변해가는 트렌드를 읽지 못하면 더이상의 웹디자이너로서의 가치를 잃게되며 도태되어 더이상의 발전가능성이 없습니다. 창조적인 웹디자이너 양성하며 취업보도부를 자체 운영하여 실무진출을 가능하게 합니다.실무분야의 디자이너로서 진출하기 위해 반드시 알아야하는 기초 일러스트레이터와 포토샵 기능을 배우게되며 학생이 추구하는 창의적인 디자인분야로 취업 되기를 목표로 합니다.

강의시간

 

 

     1교시

     2교시

     3교시

     4교시

    

교육단계

일러스트 포토샵 플래시 드림위버 웹디자인기능사 웹표준

커리큘럼

일러스트레이터 프로그램
주제(목차) 소주제 내용
1. 일러스트 기초 일러스트 기본 일러스트 특징, 활용, 화면구성
일러스트 Tool Box 도형그리기, 선택과 수정, 선과 면, 색의 이해
2. 드로잉과 편집 드로잉 Pen Tool 익히기
편집 Transform, 정렬, object 메뉴
색상 디자인 Gradient, Mesh, Blend, Stroke을 이용한 디자인
Cl 디자인 Mask를 이용한 디자인, Pathfinder, Text를 이용한 로고, 심볼 디자인
Stroke 디자인 Brush, Pencil, Stroke을 이용한 도형 디자인, Filter를 이용한 화살표 그리기
입체디자인 Warp 기능을 이용한 디자인, 패턴 만들기, 3D 디자인(입체 텍스트)
3. 일러스트 활용 버튼, 아이콘 만들기 웹 아이콘, 버튼 만들기
로고, 캐릭터 심벌, 로고, 케릭터 그리기
포토샵 프로그램
주제(목차) 소주제 내용
1. 포토샵 기초 포토샵 기본 포토샵 특징, 활용, 화면구성
선택과 수정 이미지의 선택과 이동, 크기 변형을 통한 이미지 합성
도형과 드로잉 Pen Tool의 활용, Path Panel, 도형그리기
브러쉬 활용 리터칭 브러쉬와 지우개를 이용한 그림 그리기와 리터칭
2. 포토샵 중급 Image 메뉴 Color mode, Adjustment 메뉴를 이용한 이미지 보정 및 합성
Blend Mode Blend Mode를 이용한 이미지 합성
Text, Mask 디자인 Text의 활용, Mask를 이용한 이미지 합성
Layer, Layer Style 레이어 스타일을 이용한 이미지 합성
패턴과 필터 패턴, 필터효과를 이용한 이미지 표현
3. 포토샵 활용 레이아웃 디자인 팜플렛 디자인
홈페이지 레이아웃 디자인
플래쉬 프로그램
주제(목차) 소주제 내용
1. 플래시 시작 플래시의 시작, 작업영역 및 패널 플래시의 활용과 특징, 플래시의 화면구성 및 패널창 살펴보기, 타임라인과 레이어, 툴박스, 화면 기본 속성창 살펴보기, 플래시 파일 만들기와 저장, swf파일 만들기
2. 드로잉 드로잉 기초 플래시 드로잉 기본1 - 플래시 드로잉의 특징 및 선, 면, 도형 그리기
도형그리기와 변형 플래시 드로잉 기본2 - 펜툴을 이용한 도형그리기, 수정 및 변형하기
색상 플래시 드로잉 기본3 - 오브젝트 선과 면에 단색 및 그라디언트 색넣기
캐릭터그리기 플래시 드로잉 활용 - 그리기 툴을 이용한 캐릭터 그리기
3. 기본 애니메이션 타임라인 애니메이션1 - 타임라인을 이용한 애니메이션 만들기
Shape 애니메이션2 - Shape Tween을 이용한 애니메이션 만들기
Motion 애니메이션3 - Motion Tween을 이용한 애니메이션 만들기, 그래픽심볼
Moiveclip 애니메이션4 - 무비클립 심볼을 이용한 애니메이션 만들기, 필터효과를 이용한 애니메이션 만들기
Guide 애니메이션5 - 가이드를 이용한 애니메이션 만들기
Mask 애니메이션6 - 마스크를 이용한 애니메이션 만들기
4. 버튼과 사운드 Button 버튼심볼에 대한 이해와 무비클립을 이용한 버튼 만들기
Sound 사운드 삽입하기 - 배경음악과 버튼에 사운드 넣기
5. 기초 액션과 동영상 Action basic 액션 기초 - 버튼을 이용한 타임라인 제어하기, 페이지 이동하기
  Flash Movie 동영상 활용하기
  Behaviors behaviors 활용한 플래시 갤러리 만들기
  Web Animation 웹 애니메이션 만들기
  Web button 웹 버튼, 메뉴 만들기
드림위버 프로그램
주제(목차) 소주제 내용
1. HTML,드림위버 시작 HTML 기초 문법 HTML 기초 문법 및 구조, 기본 태그로 페이지 만들기
드림위버 시작 드림위버 시작하기, 화면구성 및 패널창 알아보기, 페이지 설정하기, 사이트 설정하기
2. 페이지 구성하기 텍스트 입력과 CSS 글자쓰기, CSS 설정 및 적용하기
오브젝트 삽입 이미지, 테이블 만들기 / 플래시, 동영상 삽입하기
링크 링크설정, 스타일지정, 이미지맵 만들기, Rollovwr Image 만들기
Div 레이어를 이용한 페이지 디자인
Form 회원가입 / 로그인 폼 만들기
3. 비헤이버 Behaviors Popup 창 띄우기 / Show/Hide 레이어를 이용한 메뉴 만들기
익스텐션활용 익스텐션을 이용한 스크롤 메뉴 및 FAQ페이지 만들기
4. 레이아웃 구성하기 Table Table을 이용한 레이아웃 구성하기
Frame Frame/iframe으로 페이지 구성하기
Template Template활용하기 / Div 레이아웃, CSS활용
5. 페이지 제작 페이지 제작1 웹 페이지 제작, 메인페이지, 서브페이지, 페이지 연결하기
페이지 제작2 업로드 및 수정

웹표준 & 포트폴리오제작

주제(목차) 소주제 내용
1. 웹디자인 기초 레이아웃 레이아웃 시스템 분석
웹 타이포그래피 웹에서 사용할 수 있는 타이포그래피
2. 웹표준 웹표준 웹표준 정의
웹표준 CSS 작성 웹표준 페이지 작성, 레이아웃, 목록 CSS정의
웹표준 페이지 작성 메인 레이아웃, 서브페이지, 폼, 게시물 페이지 만들기
3. 페이지 디자인 사례와 실무 웹기획 스토리텔링, 스케치, 벤치마킹, 작업표
디자인 메인, 서브, 컬러, 패턴, 메뉴, 네비게이션
메인페이지 작업 메인페이지 디자인 사례와 실무
서브페이지 작업 서브페이지 디자인 사례와 실무
폼 페이지 작업 폼 페이지 디자인 사례와 실무
4. 포트폴리오 기획 디자인기획
메인 페이지 디자인 기업, 학원, 쇼핑몰, 기타 업종별 디자인 메인 시안 작업
서브 페이지 디자인 기업, 학원, 쇼핑몰, 기타 업종별 디자인 서브페이지 시안작업
사이트제작 메인 페이지 디자인 한가지 선정 후 웹표준을 준수한 사이트 제작
사이트 마무리 호스팅 / 도메인, 업로드, 수정
위로