웹 디자인 활용을 위한 지침서. 일주일이라는 7가지의 기준을 웹디자인에 고려해야하는 배경, 이미지, 버튼, 문자, 아이콘, 레이아웃, 에니메이션으로 나누어 기초와 활용을 함께 배울 수 있도록 했다. 첨부된 CD에는 본문 예제소스와 웹그래픽 관련 프로그램들을 수록하였다.
1. 웹 백그라운드(Web Background) 1. 줄 하나로도 세련될 수 있다 - 패총 연구 사이트 ... 18
2. 도형을 이용하여 심플하게 나타내자 - 한국영화 홍보사이트 ... 24
3. 문양의 일부가 연결되어 전체패턴을 만든다 - 인사동 안내 사이트 ... 30
4. 부드러운 그라디언트로 표현하자 - 향수사이트 ... 40
5. 회사 로고를 배경 패턴으로 사용하자 - 아동 전문 사이트 ... 46
6. 하나의 이미지도 배경이 될 수 있다 - 꽃배달 사이트
2. 웹 이미지(Web image) 1. 질주하는 속도감을 표현하자 - 자동차 경주 사이트 ... 60
2. 하나의 색으로 표현하자 - PDA 사이트 ... 78
3. 미세한 패턴으로 색다르게 표현하자 - 요리강좌 사이트 ... 94
4. 흑백으로 절데된 고급스러움을 표현하자 - 맥라이언 팬 사이트 ... 104
3. 웹 버튼(Web button) 1. 문자 버튼의 색상과 배경이 변한다 - 음반소개 사이트 ... 126
2. 애니메이션 효과로 움직이는 버튼을 만들자 - 천문학 사이트 .. 136
3. 흔들리는 이미지가 메뉴로 변한다 - 박찬호 팬 사이트 ... 148
4. 웹 타이포그래피(Web typography)
1. 사이트의 주제와 문자를 매치시켜 디자인한다 - 달마시안 사이트 ... 166
2. 전체적인 화면구성을 문자로 한다 - 소품회사 사이트 ... 180
3. 문자들을 합성하여 메인 이미지를 표현하자 - 커피매니아 사이트 ... 194
4. 문자 형태의 이미지로 또 다른 이미지를 표현한다 - 마돈나 팬 사이트 ... 210
5. 웹 아이콘(Web Icon) 1. 깨끗하고 심플한 도형으로 꾸며보자 - 티켓 예매 사이트 ... 226
2. 특수 문자로 간단한게 만들자 - 공항 안내사이트 ... 244
3. 이미지도 아이콘이 될 수 있다 - 선물 안내 사이트 ... 256
6. 웹 레이아웃(Web Layout) 1. 전체를 균등하게 나누어 갖자 - 개인 사이트(프레임 1개) ... 270
2. 많은 내용도 꼼꼼하게 모두 보여준다 - 백화점 사이트(프레임 2개) ... 276
3. 동등한 메뉴에 반복되는 내용을 구분하자 - 레스토랑 소개 사이트(프레임 3개) ... 286
4. 이미지로 중심잡고 메뉴는 양쪽에 배치하자 - 허니문 여행 사이트(프레임 4개) ... 298
7. 웹 애니메이션(Web animation) 1. 투명도를 조절하여 여러 이미지를 나타내자 - 명품 컬렉션 사이트 ... 312
2. 이미지가 살아있는 인트로를 꾸며보자 - 꽃 축제 인트로 ... 326
3. 문자가 살아있는 인트로를 꾸며보자 - 그래픽 회사인트로 ... 348
4. 번쩍이는 문자로 배너광고를 연출해보자 - 출판사 배너광고 ... 366
CD - 본문 예제 소스
웹 그래픽 관련 프로그램들
현재 BEST 웹디자인 활용 테크닉 (1주 완성 웹 포트폴리오)에 등록된 서평이 없습니다.
