성공하는 웹디자인 프로젝트의 비밀

- Start -
a. 웹과 웹 디자인
1 | 하이퍼텍스트로 이루어진 웹(Web)
2 | 휴먼 웹 디자인(Web Design)

b. 웹 디자인 프로젝트를 진행하기 위한 환경
1 | 소프트웨어적인 환경 요소
1. 제작 인원에 대한 문제
2. 웹 사용인구에 대한 고려
2 | 하드웨어적인 환경 요소
3 | 웹 사이트 제작을 위한 환경 요소

c. 웹 사이트의 그래픽적 요소
1 | 웹 사이트의 커뮤니케이션
2 | 웹 사이트의 그래픽적 요소

- Ready -
Plan & Management
a. 일정관리
1 | 누가
1. Art Director(아트 디렉터)
2. Design Manager(디자인 매니저)
3. Designer(디자이너)
4. Coordinator 또는 Developer(코디네이터 또는 디벨로퍼)
5. Flasher(플래셔)
2 | 언제
3 | 어떻게

b. 벤치마킹
1 | 디자인 벤치마킹
2 | 벤치마킹 사이트 정리의 노하우

c. 디자인 분석
1 | 벤치마킹한 자료를 토대로 디자인 요소를 분석한다
1. LayOut
2. Visual
3. color
2 | 사용자 환경에 의한 분석
3 | 클라이언트(Client)의 요구 사항 분석

d. 디자인 컨셉 추출 및 시안 만들기
1 | 디자인 컨셉 추출
1. 분석 자료를 정리해 그 특징을 분류해보자
2. 정리된 상황에 알맞은 키워드들을 적어보자
3. 컨셉을 정하자
2 | 디자인 시안 만들기

- Go!!! -
LayOut
a. 웹 그리드 시스템(Web Grid System)
1 | 웹 그리드 시스템(Web Grid System)의 개념
2 | 웹 그리드 시스템( Web Grid System)의 구조
1. 1단 그리드
2. 2단 그리드
3. 3단 그리드
4. 4단 그리드
5. 5단 그리드 또는 6단 그리드
6．웹 그리드 시스템( Web Grid System)의 제작

b. Navigation
1 | 네비게이션
1. 네비게이션이란?
2. 네비게이션 능동적 네비게이션과 수동적 네비게이션
3. 사용자를 고려한 네비게이션, Good Navigtion
2 | 네비게이션의 종류
1. 일반적인 분류
2. 디자인적 분류(비주얼적 분류)

c. Contents
1 | 성공하는 사이트의 컨텐츠
1. 컨텐츠(Contents)란 무엇인가?
2. 웹 디자인적인 면에서의 컨텐츠
2 | 텍스트 타입의 컨텐츠와 이미지 타입의 컨텐츠
1. 텍스트 타입 컨텐츠(Text type contents)
2. 이미지 타입 컨텐츠(Image type contents)
3 | 컨텐츠 제작 방법
1. 텍스트 타입의 컨텐츠 제작
2. 이미지 타입의 컨텐츠의 제작

Web Typography
a. 웹 타이포그래피
1 | 일반적인 타이포의 개념과 역사
1. 타이포의 개념
2. 타이포그래피의 성격 인자
3. 타이포그래피의 용어
2 | 웹 타이포그래피란?
1. 웹 페이지에서의 세리프(serif)
2. 웹 페이지에서의 산세리프(san-serif)
3. 알리아스 타입(Alias type)
4. 안티 알리아스 타입(Anti-Alias type)
3 | 웹에서의 스타일에 맞춘 타이포그래피
1. 타이틀 타이포(Title Typo)
2. 웹 로고 타이포(Web Logo Typo)
3. 네비게이션 타이포(Navigation Typo)
4. 컨텐츠 타이포(Contents Typo)
5. CSS
6. 키네틱 타이포(Kinetic Typo)
7. 버튼 타이포(Button Typo)

Web Color
a. 웹칼라
1 | 웹 칼라란?
1. 칼라란 무엇인가?
2. 웹 칼라 시스템이란?
2 | 사이트 내에서의 웹 칼라
1. 차가운 색(Cool Color)
2. 따뜻한 색(Warm Color)
3. 중간 색(Mono or Duo Color)
3 | 웹 칼라 - Know How!
1. Adobe 프로그램에서의 칼라 사용
2. Web color chart
3. 웹 칼라 저장하기

Web Visual
a. 웹 비주얼
1 | 웹 이미지란?
1. 웹 이미지의 정의
2. 현 위치에서 보는 웹 이미지 경향
2 | 여러가지 스타일의 웹 이미지
1. 일러스트레이션 위주의 이미지 (Illustration Base Visual)
2. 사진 위주의 이미지 (Photo Base Visual)
3 | Animation Base Visual

- Finish -
a. 고객(client)
1 | 디자인 가이드
1. 네이밍(Naming)에 관한 가이드
2. 그리드(Grid) 시스템 관리에 관한 가이드
3. 제작환경에 관한 가이드
4. 칼라 관리 시스템 가이드
5. 서체 관리 시스템 가이드
6. 이미지 관리 시스템 가이드
7. 테이블(table) 관리 시스템 가이드
8. 요소 관리 가이드
9. HTML 관리 가이드
2 | 산출물 관리
1. 산출물 항목
2. 산출물 항목 상세설명

b. Designer
1. 완료 보고서 작성
2. 완료 보고서 작성 리스트
b. 디자이너
1 | 포트폴리오(Portfolio) 정리
1. 웹 디자이너의 포트폴리오
2. 포트폴리오 제작 과정
2 | 작업 데이터 CD 정리