HOME > Detail View

Detail View

(디자인의 폭을 넓혀주는)웹스타일 북 개정판

(디자인의 폭을 넓혀주는)웹스타일 북 개정판 (Loan 8 times)

Material type
단행본
Personal Author
최미선
Title Statement
(디자인의 폭을 넓혀주는)웹스타일 북 / 최미선 지음.
판사항
개정판
Publication, Distribution, etc
파주 :   안그라픽스 ,   2009.  
Physical Medium
496 p. : 일부색채삽도 ; 26 cm.
기타표제
Layout & visual effect
ISBN
9788970594071
General Note
Site Index(p. 494-496)수록  
000 00647camccc200229 k 4500
001 000045534565
005 20100807035110
007 ta
008 090310s2009 ggka 001c kor
020 ▼a 9788970594071 ▼g 13630: ▼c \30,000
035 ▼a (KERIS)BIB000011625377
040 ▼a 211061 ▼d 244002
082 0 4 ▼a 005.72 ▼2 22
090 ▼a 005.72 ▼b 2009z2
100 1 ▼a 최미선
245 2 0 ▼a (디자인의 폭을 넓혀주는)웹스타일 북 / ▼d 최미선 지음.
246 1 3 ▼a Layout & visual effect
250 ▼a 개정판
260 ▼a 파주 : ▼b 안그라픽스 , ▼c 2009.
300 ▼a 496 p. : ▼b 일부색채삽도 ; ▼c 26 cm.
500 ▼a Site Index(p. 494-496)수록

Holdings Information

No. Location Call Number Accession No. Availability Due Date Make a Reservation Service
No. 1 Location Sejong Academic Information Center/Science & Technology/ Call Number 005.72 2009z2 Accession No. 151273956 Availability Available Due Date Make a Reservation Service C

Contents information

Book Introduction

웹스타일 분석 기준과 관련 지식들에 관한 실용 가이드를 담은 책이다. 웹 환경에서 디자이너에게 특히 요구되는 자질은 사용성을 수용할 수 있는 창의적인 발상과 풍부한 표현이 가능한 디자인 감성을 보유하는 것이다. 다양한 웹스타일을 이해하고 이를 디자인에 활용하고자 노력한 이 책은 디자인의 창의성에 대한 과제풀이의 기초적 접근이자, 유용성의 가치가 될 것이다.

웹스타일 분석 기준과 관련 지식들에 관한 실용 가이드
‘디자인의 폭을 넓혀주는 웹스타일북 개정판’


창의력 + 표현력 = 디자이너
표현을 위한 창의력, 창의력을 위한 표현력은 가장 기본적인 자질이다.

UI + Usability + Interaction = 쌍방향 시각 언어 크리에이터
쌍방향 시각 언어 크리에이터로서 웹 사용성의 조건들을 충분히 이해한다.

디자인 지식 + 객관적 논리 = 디자인 프리젠터
체계적인 디자인 지식과 객관적인 논리로서 디자인 프리젠테이션 능력을 배양한다.

아이디어 구상의 폭은 어떻게 넓힐 것인가.
웹 환경에서 디자이너에게 특히 요구되는 자질은 사용성을 수용할 수 있는 창의적인 발상과 풍부한 표현이 가능한 디자인 감성을 보유하는 것이다. 여전히 디자인의 새로운 시도와 그 표현에 대한 고민은 끝도 없는 과제로 다가온다. 다양한 웹스타일을 이해하고 이를 디자인에 활용하고자 노력한 이 책은 디자인의 창의성에 대한 과제풀이의 기초적 접근이자, 유용성의 가치가 될 것이다.

콘셉트
어느 영역에서건, 무슨 일에서건 파레토의 법칙(2:8)이 적용되기 마련이라면 디자이너로서 탁월한 20%보다는 평범한 80%가 더 많은 것도 분명한 현실이다. 그 80%에 속하여 20%의 탁월한 디자이너들과 같이 겨루기란 이미 숨이 차는 대결 구도임은 자명하다. 그 숨차는 대결에서 무던히도 애쓰고, 힘쓰고, 고민했던 한 사람으로서 어떻게 하면 더욱 다양한 디자인을 구상할 수 있을지, 새로운 표현들로서 작업할 수 있을지에 대한 고민의 방법들과 다양한 디자인 사례들을 체계적으로 이해하고 적용하려면 어떻게 해야 하는지에 대한 노력들을 정리한 것이 바로 이 책의 내용이다.

키워드
이 책을 유용하게 읽을 수 있는 11가지 가이드


1. 디자인의 6가지 기준, 아이디어 박스, 2가지 원칙
창의력, 표현력 향상을 위한 자신만의 아이디어 박스를 만들고, 표현 전략, 표현 주제, 표현 요소, 표현 구도, 표현 기법, 표현 이미지를 통해 새롭고 다양한 표현 방법들을 쉽게 구상할 수 있다.

2. Layout & Visual Effect 스타일의 중요성
디자인 콘셉트를 개발하거나 웹 아이덴티티를 정의하고, 웹스타일을 분류할 때 Layout과 Visual Effect가 디자이너에게 중요한 관점과 기준이 되는 이유를 설명하였다.

3. 웹스타일 벤치마킹과 웹스타일 분석 활용
프로젝트 수행 시 경쟁 사이트와 우수 사이트 벤치마킹은 디자인 전략 수립과 창의적인 아이디어 구상, 품질 향상에 도움이 된다.

4. 레이아웃 디자인 이해
레이아웃 유형 결정에 도움이 되는 스케치 방법과 웹사이트 초기 화면의 레이아웃 유형을 살펴보고, Adobe와 Discovery 웹사이트의 초기 화면 변천 과정과 구축 전략의 변모를 살펴보았다.

5. 레이아웃 구조에 의한 유형 분석
콘텐츠의 양과 그 구조의 복합성 정도에 따라 레이아웃 구조를 단순 구조와 복합 구조로 분류하고, 다시 세부적으로 분류 및 분석하여 해당 사례들을 소개하였다.

6. 레이아웃 형태에 의한 유형 분석
일반적으로 레이아웃 디자인에서 놓치기 쉬운 형태 요소를 일반적인 형태, 특색 있는 형태, 실험적인 형태로 분류하고, 그 사례를 소개하였다.

7. Visual Effect 디자인 이해
Visual Effect에 의한 다국적 기업의 글로벌 웹사이트에 적용된 시각 아이덴티티 전략을 통해 Visual Effect 디자인에 대한 이해를 도왔다.

8. 그래픽 디자인에 의한 스타일 분석
그래픽 디자인을 크게 평면 그래픽(2D), 반입체 그래픽(2.5D), 입체 그래픽(3D)으로 분류하고, 분류 기준에 의한 다양한 사례와 그래픽 디자인 표현 방법들을 소개하였다.

9. 색의 이해, 색의 연상, 색채 계획 검토
색의 역할, 색채 용어, 배색 조화 등 색에 관한 기초 지식을 다지는 의미에서 기본적인 색에 대한 내용을 설명하였다.

10. 동적 효과에 의한 인터랙티브 디자인 유형
웹 디자인에 역동적인 생기를 불어넣는 인터랙티브 디자인은 크게 내비게이션 표현 방식에 의한 인터랙티브 내비게이션, 주제 전달에 의한 스토리텔링, 스크립트에 의한 사용자 인터랙팅으로 분류하고 해당 사례를 소개하였다.

11. 대표 상징물 활용
메타포에 대한 설명과 대표적 상징물이 특징적인 웹사이트 사례를 소개하였다.


Information Provided By: : Aladin

Author Introduction

최미선(지은이)

경력 사항 2001 - 현재 (주)투비인터렉티브 CEO 2000 - 2001 (주)인터넷컨설팅그룹 크리에이티브 디렉터 1999 - 2000 (주)디자인스폼 웹 프로듀서 1997 - 1999 삼성SDS 사내벤처팀 디자인스톰 웹 디자이너 1994 - 1997 삼성SDS 정보기술연구소 GUI, 웹 디자이너 프로젝트 경력 2000 - 2008 대상 FNF 식품전문쇼핑몰 ‘종가푸드샵’ 디자인 코디네이터 삼성전자모바일 PC 어플리케이션 통합 GUI 스타일 가이드 전략 수립 및 구축: PC 매니저 디자인 디렉터 삼성전자 Cebit Show 홍보용 ‘Fun Club 멀티미디어 소개 타이틀’디자인 디렉터 삼성전자 Fun Club 글로벌 웹사이트 웹스타일 가이드 구축 및 디자인 디텍터: 유럽, 아시아, 중남미 등 29개국 개발 적용 두산 한국도서보급 북앤라이프 디자인 디렉터 삼성전자 애니콜랜드 디자인 디렉터 삼성전자 중국 무선 사이트 디자인 디렉터 SK에버텍 기업 사이트 디자인 코디네이터 1994 - 2000 두산 종가집 사이트 디자인 디렉터 삼성그룹 웹사이트 디자인 삼성SDS 웹사이트 디자인 삼성SDS 표준아이콘 디자인 라이브러리 제작 삼성SDS 관공서 SI 프로젝트 GUI 디자인 다수 강의 경력 계원조형예술대학교 멀티미디어그래픽 디자인 강의 웹스타일 분석 및 아트웍 프로세스 강의: 아카데미정글, 디자인진흥원, CJ, 매경 아카데미, 야후 사내세미나, 몽골 울란바타르 대학 등 다수 삼성멀티캠퍼스 Web Publishing 강의 한국생산성본부 웹 디자인 콘셉트 개발 강의

Information Provided By: : Aladin

Table of Contents

목차
Preface
 1 아이디어 폭을 넓히기 위한 제안 = 10
 2 웹 디자이너가 갖춰야할 전문성 3가지 = 11 
 3 이 책을 유용하게 읽을 수 있는 11가지 가이드 = 14
Intro
 1 디자인의 6가지 기준을 세우자
  1.1 자신만의 아이디어 박스를 갖자 = 18
  1.2 아이디어 박스를 매직 박스로 활용하라 = 20
 2 디자인 작업의 2가지 원칙을 세우자 
  2.1 스스로 눈 높이를 낮추지 마라 = 21
  2.2 가능한 다양한 방법들을 새롭게 시도하라 = 21
 3 Layout & Visual Effect 스타일의 중요성
  3.1 웹 디자인 콘셉트 개발 기준 = 23
  3.2 웹 아이덴티티 정의 요소 = 26
  3.3 웹스타일 분류 기준 = 29
 4 Layout & Visual Effect 기준으로 웹스타일 분석하기
  4.1 웹스타일 분석이란?
   1) 웹스타일 벤치마킹 2가지 기준 = 31
   2) 웹 디자인 라이브러리 만들기 = 32
   3) 리서치 패널 만들기 = 34
   4) 리서치 패널 만드는 순서와 방법 = 34
  4.2 웹스타일 분석이 유익하다
   1) 고객의 요구사항 파악이 쉽다 = 36
   2) 전문 웹 디자이너로서 신뢰감을 전달한다 = 38
   3) 팀원들 간의 마인드 셋 공유가 쉽다 = 39
   4) 세부적인 디자인 완성도를 높인다 = 41
Layout
 1 레이아웃 디자인 점검
  1.1 레이아웃 유형 결정 방법 = 44
   1) 선호하는 웹사이트 유형에 콘텐츠를 대입해보라 = 44
   2) 2∼3가지 다른 유형으로 스토리보드 스케치 = 46
  1.2 초기 화면 레이아웃 유형 = 50
  1.3 레이아웃 디자인의 일관성과 다양성 = 56
 2 레이아웃 구조
  2.1 레이아웃 구조의 기준이 되는 정보 설계 = 62
  2.2 단순 구조 
   1) 상단 내비게이션 = 65
   2) 좌측 내비게이션 = 72
   3) 우측 내비게이션 = 80
   4) 하단 내비게이션 = 84
  2.3 복합 구조
   1) 상단 내비게이션과 화면 분할 
    좌측 프레임 = 94
    우측 프레임 = 106
    좌우측 프레임 = 110
    수평 분할 = 118
    수직 분할 = 124
    기타 = 128
   2) 좌측 내비게이션과 화면 분할
    상단 프레임 = 136
    하단 프레임 = 140
   3) 고정 영역 활용 디자인
    고정 영역만 활용 = 145
    화면 전체와 조화된 고정 영역 활용 = 154
 3 레이아웃 형태 
  3.1 기능이 우선이냐? 형태가 우선이냐? = 160
  3.2 형태가 전달하는 의미와 감정에 관한 100인 설문조사 = 162
  3.3 일반적인 형태 = 172
  3.4 특색있는 형태 = 176
  3.5 실험적인 형태 = 192
Visual Effect 
 1 Visual Effect 디자인 점검
  1.1 Visual Effect 스타일 결정하기 = 208
  1.2 Visual Effect에 의한 시각 아이덴티티 구축 = 209
   1) 다국적 기업 삼성 Fun Club 글로벌 웹스타일 가이드 전략 = 210
   2) 다국적 기업 Nike 글로벌 웹스타일 가이드 전략 = 212
 2 그래픽 디자인
  2.1 평면 그래픽
   1) 타이포그래피 = 216
   2) 일러스트레이션 = 230
   3) 픽토그램 = 250
   4) 포토그래피 = 258
   5) 면 분할 기법 = 268
  2.2 반입체 그래픽 = 276
  2.3 입체그래픽 = 282
  2.4 실험적인 그래픽
   1) 실험적인 타이포그래피 = 295
   2) 복합 이미지 합성 효과 = 304
 3 색채
  3.1 색의 이해
   1) 색의 역할 = 317
   2) 색채 용어 = 320
   3) 배색 조화 = 322
  3.2 색의 연상
   1) 단일색의 연상 = 326
   2) 형용사적인 색의 연상 = 388
  3.3 색채 계획
   1) 기본 색채만 사용 = 402
   2) 메뉴별 다른 색채 적용
    원색 이미지 = 410
    파스텔 이미지 = 424
   3) 색채의 다채로운 조화 = 430
 4. 동적 효과
  4.1 인터랙티브 내비게이션 = 441
  4.2 스토레틸레이 = 456
  4.3 사용자 인터랙팅 = 470
 5 메타포 = 478

New Arrivals Books in Related Fields

Ramamurthy, Bina (2021)