로그인회원가입장바구니고객센터마이페이지회사소개
kangcom
전체
Home >   >   > 

웹디자인 2.0 고급 CSS: 감각적인 웹디자인 예술 미학

   
지은이 Andy Clarke/정유한   |   출판사 에이콘  |   발행일 2008년 01월 29일
 
클릭하시면 큰 도서이미지를 보실 수 있습니다.
판매가 35,000원31,500원 10%
마일리지 5% 1,750원
발행일 2008-01-29
ISBN 8960770302 | 9788960770300
기타정보 번역서 | 392쪽
예상출고일
배송비 무료배송
   
컴퓨터그래픽스
종합지수 5p 141 위
   
이 책의 원서
  Transcending CSS: The Fine Art of Web Design
New Riders | Molly E. Holzschlag
 

웹이 발전하면서 새로운 표준이 점차 생겨나고 있으며 최신 브라우저는 웹을 새롭게 만들 수 있는 다양한 기능을 제공하고 있습니다. 웹사이트를 만드는 방법도 그에 따라 나날이 바뀌고 있습니다. 하지만 웹 디자이너 중 프로그래밍을 할 수 있는 사람은 많지 않습니다. 그렇기 때문에 멋진 디자인을 만들 때 의미있는 마크업과 CSS를 사용해야 한다는 사실은 제약이 될 수 있습니다. 뿐만 아니라 클라이언트에게 멋진 디자인을 선보이면서도 효율적인 업무 프로세스를 지켜야 하고 게다가 짧은 기간 안에 이 모든 것을 해내야 한다면 스트레스가 이만저만이 아닐 것입니다. 이러한 환경을 이미 경험해 잘 이해하고 있는 디자이너 앤디 클락은 ‘고급 CSS’를 활용해 접근성과 사용성이 높으면서도 아름다운 사이트를 만드는 웹디자인 2.0 개념에 대해 설명합니다.

이 책에서는 다양한 사례를 통해 마크업과 CSS를 사용하면서도 창의적이고 독창적인 디자인을 만들 수 있음을 보여줍니다. 새로운 업무 방법론을 소개하고 디자이너뿐만 아니라 프로젝트 팀 모두가 활용할 수 있는 프로토타입 제작방법을 설명합니다. 또한 그리드 기반 디자인을 웹에 적용하는 방법과 마크업 구조를 만드는 방법 등도 알려줍니다. 그밖에도 CSS3 등 앞으로 각광받을 기법들과 이를 최신 브라우저에서 직접 확인해보는 기술적인 내용뿐만 아니라, 프로젝트 팀 구성원과 더욱 효율적으로 업무를 수행하기 위한 개념적인 내용 등도 소개합니다.

■ 시각적으로 손쉽게 코딩 기술을 익힐 수 있습니다.
■ 유수 웹사이트, 사진작품, 컨셉 등 수많은 예제와 화보들을 통해 코드를 만드는 다양한 방법을 배울 수 있습니다.
■ 최신 웹브라우저와 최신 CSS3 스펙 사용 환경에 대한 기술적 이점을 한발 앞서 체험해 볼 수 있습니다.

1장 웹에 대한 재발견
고급 CSS 소개 5
어떤 툴을 사용해야 할까? 5
고급 CSS를 사용해야 하는 이유 6
앞으로의 웹은 어떤 모습일까? 10
접근성은 지원해야 하는 옵션이 아니라 디자인 그 자체다 12
새로운 개념을 탑재한 고급 CSS에 다가가기 16
고급 CSS의 기본 개념 23
사이트가 모든 브라우저에서 똑같이 보여야 하는 것은 아닙니다 25
쓸 수 있는 모든 CSS 선택자를 사용합니다 25
가능하면 새로나온 CSS3를 사용해서 한발 앞서 갑니다 30
CSS로 표현하기 어려운 부분은 자바스크립트와 DOM을 사용합니다 30
가능하면 핵과 필터를 사용하지 않습니다 31
의미있는 이름을 사용하고 마이크로포맷을 사용합니다 33
아이디어를 공유하고 다른 사람들과 협력합니다 41
왜 이제서야 고급 CSS를 사용할 수 있는가? 47
예상하지 못한 CSS의 사용 49
브라우저 지원 등급화 51
발견하고 진행하고 영감받아서 앞으로 나아가기 53
컨텐츠 중심의 디자인 55
컨텐츠 중심의 접근 57
흔히 볼 수 있는 최적화되지 않은 CSS 레이아웃 59
스타일과 상관없이 최적화하기 60
시맨틱 = 의미 65
CSS 옷 벗는 날 65
의미를 마크업으로 변환하기:마크업 골든벨 66
컨텐츠의 의미 파악하기 76
계속 의미있게 작업하기 76
세상 모든 것을 마크업으로 79
전 세계는 리스트로 만들 수 있다 79
눈에 보이는 대로 리스트 사용하기 82
샌프란시스코에 가면 hCard를 보내세요 86
세상을 더 넓게 보는 훈련 88
시작점은 컨텐츠 88
이제 웹에 적용해볼 단계 97

2장 웹을 만드는 새로운 방법
완벽한 방법론을 찾아가는 과정 101
더 좋은 방법 찾기 101
컨텐츠 기반의 프로세스 103
컨텐츠 수집 107
화면구성도 작성 109
과거의 화면 구성도가 실패할 수밖에 없는 이유 111
화면 구성도는 반드시 필요한가? 112
과거의 화면 구성도와 동적인 표현 113
grey box 방법을 활용한 개선된 접근법 117
자세히 표현하기 위해 "심볼" 사용하기 119
시안 작업 121
빠르게 디자인 작업 진행하기 121
시안에 마크업 가이드 추가하기 122
인터랙티브 프로토타입 사용하기 125
실제 동작하는 인터랙티브 프로토타입 125
재사용 가능한 코드 만들기 127
화면구조와 프로토타입을 잘 만드는 방법 127
위지윅: 보는 것만큼 얻지 못할 수도 있다 128
인터랙티브 프로토타입 실제 만들어 보기 131
개발환경(브라우저) 선택하기 131
브라우저 익스텐션 사용하기 131
엘리먼트를 최소로 사용하기 134
마크업 유효성 검사 134
플로트 대신 포지션 사용하기 134
CSS 정돈하기 136
프로세스 실제 적용해 보기 141
무엇을 만들 것인가 141
컨텐츠 중심의 마크업 작성 142
CSS로 디자인 입혀가기 158
레이아웃 만들기 158
body부터 스타일 시작하기 159
작업 공유하기 166
기본 컬러 스타일 166
브랜드 영역 167
로고 부분 추가하기 167
네비게이션 꾸미기 169
하단 푸터 영역 표시하기 173
타이포그래피 스타일 완성 176
사이트를 만들 기반의 완성 179

3장 디자인과 웹
그리드 기반 디자인 183
디자이너와 그리드 185
황금비율과 3분할 법칙 187
완벽하게 유동적인 레이아웃 197
균등 분할 그리드 디자인 198
실제 사이트에서 그리드가 적용된 모습 201
Subtraction 201
Airbag Industries 204
제프 크로프트 사이트 분석 206
비얼의 블로그 분석 208
우리 주변에서 찾을 수 있는 그리드 211
신문 211
전통적인 8단 디자인 구성 213
최근 유행하는 6단 디자인 217
그밖의 신문 레이아웃 221
웹디자인에 새로운 그리드 적용하기 225
뉴스 분석 225
그리드부터 접근하기 226
비법을 전수해 드립니다 229
상세한 영역 조정 229
이미지 처리 230
일상생활에서 디자인에 영감을 줄 수 있는 것들 233
홈페이지 다시 꾸미기 233
무드 보드에 대하여 236
디자인 스크랩북 만들기 238
잡지에서 찾아볼 수 있는 인터페이스 243
타이포그래피 리소스 243
플래시 디자인에 대한 재검토 247
이미지나 사진을 활용한 작업 248
웹에서의 예술 활동 255
디자인은 단순히 매력적인 비주얼을 만드는 과정이 아니다 255
기술, 밖으로 눈을 돌리자 256
무드 고조시키기 259
주변을 둘러보자 261
목적이 뚜렷한 스크랩북 만들기 265
예술 미학으로서의 웹디자인 267
디자이너들은 더 발전해야 합니다 267

4장 고급 CSS
고급 CSS 273
절대 포지션 274
상대 포지션 287
플로트 응용 293
사이드바 만들기 298
여러 기법 조합하기 301
CSS3 313
통합 작업 313
새로운 표준을 만드는 작업에 참여하기 315
미래로의 시간여행 316
CSS3의 선택자 모듈을 사용한 디자인 316
배경색을 사용해서 가독성 높이기 317
배경과 외곽선 모듈을 사용한 디자인 320
복수 배경 이미지를 사용한 디자인 325
다단 구조 만들기 335
다단구조 레이아웃 모듈을 사용한 디자인 341
고급 레이아웃 모듈 345
다시 그리드로 돌아가서 346
고급 레이아웃 모듈을 사용한 디자인 351
마치면서 359
[저자 소개]

앤디 클락
10년 남짓 동안 웹을 만들고 있는 비주얼 웹 디자이너인 저자는 영국에 살고 있으며 1998년부터 서프앤넌센스(http://www.stuffandnonsense.co.uk)라는 디자인 컨설팅 회사를 운영하고 있습니다.
디자인 책임자와 크리에이티브 디렉터를 역임하고 있으며 정부 기관, 자선단체, 국내외에 상주한 여러 고객사와 일하고 있습니다. 그가 관여한 기업으로는 영국 심장 협회, 영국 디즈니 스토어, Save the Children 협회, 영국 WWF 등이 있습니다.
웹표준 프로젝트(Web Standards Project) 멤버로서 2006년에는 해당 웹사이트를 직접 개편하기도 했습니다. 또 W3C의 CSS 워킹 그룹에 초대된 전문가 멤버로서 실무 관점에서 웹 디자이너와 개발자들이 필요로 하는 사항을 전하고 있습니다. 그는 실무에서도 적용할 수 있는 창의적인 웹표준을 구현하는 방법에 대해, 그리고 미적으로 아름다우면서도 접근성이 높은 웹사이트를 만드는 방법을 웹 디자이너들에게 지속적으로 강의를 하고 있습니다. 한편 전세계에서 일어나는 각종 워크샵 및 컨퍼런스에서도 발표자로 참여하고 있습니다.
일을 하지 않을 때는 그가 모은 mod 음악이나 ska 음악을 틀어놓고 이웃이나 주변에 있는 사람들을 성가시게 하거나 폴 웰러와 차 한 잔 하는 상상을 합니다.


[역자 소개]

정유한
서울대학교 컴퓨터공학과를 졸업하고 웹 에이전시에 입사하여 SK 텔레콤의 여러 사이트에서 PM으로서 웹 기획 및 정보설계를 담당했다. 컴퓨터공학을 전공한 웹기획자로서 정보설계 영역에 관심이 많아 의미있는 웹의 근간이 되는 웹표준 HTML과 CSS에 심취해 있다. 현재는 웹 에이전시 NowOnPlay.com의 Creative Director와 me2DAY의 CSO라는 이중고를 자청해 겪어내고 있다. '혼자 보기 아까운 그의 하루'를 http://me2day.net/keyclub에서 볼 수 있다.


[감수자 소개]

몰리 홀즈쉬랙
몰리 홀즈쉬랙은 열성적으로 저술활동과 강의를 하는 웹디자이너로서 웹 디자인과 개발에 관련된 30여권의 책을 저술했습니다. 데이브 셰어와 공저한 『The Zen of CSS Design』으로 더욱 유명해진 그녀는 가장 뛰어난 웹 전문가 중 한 명으로 인정 받으며 웹에서 가장 영향력 있는 여성 25인에 뽑히기도 했습니다. 웹 표준 프로젝트의 그룹 리더를 맡고 있으며 HTML과 다국어관련 W3C의 초대된 전문가로서 전세계를 대상으로 웹 디자인과 개발을 열심히 전파하고 있습니다.
이책에 왜 서평이 없을까?
전선민님이 쓰신 서평보기 I 평점 I 조회수(1498) I 공감 (0) I 블로그
제가 디자이너는 아닙니다만, 늘 소지하고 다니는 두 도큐먼트가 있습니다.이 Transcending CSS(한역) 이랑 37signals 의 Getting Real(한역) 입니다. Getting Real 을 읽으면서는,개발자 되길 잘 했다.다른 직업 선택했다면, 글을 읽으면서 이런 후련함을 느끼지도 못했을 것이다. 라고 종종 생각합니다만, Transcending CSS 를 읽으면, 디자인 할 걸~ 하는 생각이 들기도 합니다.그만큼, 주변에 CSS 를 공통분모로 함께 할 디자이너 찾기가 참 힘이듭니다. 웹 에...
Creo Parametric 3차원 제품설계 동영상강좌(DVD)...
선택된 상품을 찜하실 수 있습니다. 선택된 상품을 바로구매 하실 수 있습니다.
비됴클래스 하?K의 유튜브 동영상 편집 with 프리미어 프로...
하지원
선택된 상품을 찜하실 수 있습니다. 선택된 상품을 바로구매 하실 수 있습니다.
 
전체평균(51)
회원평점   회원서평수 1
이책에 왜 서평이 없을까?
전선민 님  2008-12-25
Andy Clarke 의 최근 저서
 
Replica Volume 1
15,500원
(26%↓+1%)
 
Sinister Dexter
25,200원
(28%↓+1%)
 
Batman: Detective Comics Vol. 3: Emperor Penguin (the New 52)
25,200원
(28%↓+1%)
 
Videogames and Art: Second Edition
67,800원
(15%↓+1%)
 
Batman: Eye of the Beholder
15,100원
(28%↓+1%)
 
에이콘 출판사의 신간
『퀀트 모멘텀 투자 기법: 모멘텀 투자의 이해』
웨슬리 그레이, 잭 보겔 저
21,600원
(10%↓+5%)
 
『Splunk 7 에센셜 3/e: 데이터셋 활용, 보고서 제작, 강력한 정보 공유를 통한 머신 데이터 파헤치기』
J-P 콘트레라스, 에릭슨 델가도, 벳시 페이지 시그먼 저
21,600원
(10%↓+5%)
 
『유니티 물리 기반 셰이더 개발: 기본 개념부터 커스텀 라이팅 시스템 구현까지』
클라우디아 도피오슬래시 저
27,000원
(10%↓+5%)
 
『쿠버네티스, 컨테이너 관리의 정석: 단계별 예제로 배우는 고가용성 클러스터 구축』
히데토 사이토, 후이-추안 클로에 리, 케-주 캐롤 수 저
36,000원
(10%↓+5%)
 
『코틀린 리액티브 프로그래밍: RxKotlin을 사용한 리액티브 프로그래밍』
리부 차크라보티 저
27,000원
(10%↓+5%)
 
이메일주소수집거부