월간 CA 2월호 CA Choice 신간 페이지에 소개된 <스매싱북>.
챕터 3. 웹 타이포그래피 : 규칙, 지침 그리고 일반적인 실수들에서
여백의 미에 관한 내용을 본문 그대로 소개하였습니다.   

스매싱 북
스매싱 미디어 지음 | 웹액츄얼리코리아 옮김 | 344쪽 | 2만8000원

독일의 인터넷 미디어 회사 ‘스매싱 미디어’가 웹디자이너와 개발자에게 최신 웹트렌드를 중심으로 유용한 정보를 제공한다. 사용자 인터페이스 디자인, CSS레이아웃, 웹 타이포그래피, 컬러 사용 가이드, 웹사이트 성능 최적화, 주목받는 웹사이트를 만드는 웹디자인 브랜딩 등을 담고 있다.

[스매싱 북을 사랑한 매체들]  

* 아이뉴스24
”스매싱 북이 한국어로 번역됐다는 소식은 반갑기 그지 없다. 이 책은 웹 기획자, 디자이너, 퍼블리셔, 개발자들의 필독서로 꼽히는 명저이기 때문이다. 번역되기 전부터 웹과 관련된 일에 종사하는 사람들에겐 바이블과 같은 대접을 받았던 책이다”

* 디자인정글 
”스매싱 매거진은 그래픽, 코딩, 디자인 등 웹디자이너와 개발자에게 유용한 정보와 획기적인 내용의 최신 웹트렌드를 소개하고 있다. 스매싱 북은 최신의 웹트렌드를 전달해온 스매싱 매거진과 세계적인 웹 리더들이 만나 중요한 이야기를 모아 놓은 집약체이다”

* 웹데브모바일
”개발자, 기획자, 디자이너, 퍼블리셔등 다양한 분야의 분들이 모두 읽을 만한 내용이 가득한 매우 특이한 책이다”

[서평] 스매싱 북

세계에서 가장 유명한 웹디자인 매거진 가운데 하나인 스매싱 매거진을 웹 관련된 일을 하는 사람치고 모르는 사람은 많지 않을 것이다. 그게 뭐야? 라고 되물어본다면, 주황색 바탕에 흰색 S자가 두툼하게 자리 잡은 로고은 언듯 언듯 떠오르지 않는가? 스매싱 북은 이 스매싱 매거진에서 만든 첫번째 책을 우리말로 번역한 책이다.

나는 이 책이 처음 공개되던 날을 기억하고 있고, 이 책이 번역되는 과정에서 우연한 기회에 역자와 대화를 나눈 기억도 있다. (그 기회로 이렇게 책도 선물받게 되고, 정말 감사합니다.) 그래서 더욱 더 한글로 번역된 이 책을 간절하게 기다려오기도 했다.

” ‘인터뷰: 전문가에게 배우는 통찰력’은 책 전체를 통해서 가장 인상깊었는데
아직 이 책을 읽지 않은 사람이라면 이 챕터를 먼저 읽어보기를 권한다.
이름만으로도 익히 알만한 사람들의 경험적인 인터뷰들은 다른 어느 챕터들의
기술적인 논리와 설명보다 값진 것이 될 수 있기 때문이다. ”

나는 마크업과 스타일시트를 주로 다루고, 종종 자바스크립트 함수를 만들기도 하는 UI개발자로 일을 하고 있으며, 클리어보스라는 웹표준 커뮤니티의 운영자이기도 하다. 그래서 이 책의 몇몇 챕터의 내용을 상당히 흥미있고, 재밌게 읽을 수 있었다. 모든 챕터들이 가치 있는 글들로 채워져 있지만 ‘최신 웹어플리케이션에서의 사용자 인터페이스 디자인’과 ‘CSS 레이아웃의 예술과 과학’, ‘최신 웹사이트를 위나 사용성 원칙’, ‘웹사이트 성능 최적화’ 등은 현업 개발자의 시각으로 매우 유익한 것이었고, 마지막 챕터인 ‘무대 뒤: 스매싱 매거진 이야기’는 기대하지 않았지만 아주 작은, 그리고 이제 막 태동한 클리어보스를 위한 좋은 교훈이 될만한 글이 되었다. 그리고 ‘인터뷰: 전문가에게 배우는 통찰력’은 책 전체를 통해서 가장 인상깊었는데 아직 이 책을 읽지 않은 사람이라면 이 챕터를 먼저 읽어보기를 권한다. 이름만으로도 익히 알만한 사람들의 경험적인 인터뷰들은 다른 어느 챕터들의 기술적인 논리와 설명보다 값진 것이 될 수 있기 때문이다.

최근 두번째 스매싱 북의 발간을 알리는 소식을 전해 들었는데 다시 또 몇개월의 시간을 기다려야 번역된 책으로 볼 수 있을지 안타까운 마음 뿐이다. 하지만 그전에 이렇게 첫번째 스매싱 북의 번역에 애를 써준 웹액츄얼리코리아의 식구들에게 진심으로 감사의 인사를 드리고 싶다. 웹액츄얼리코리아에서 지금 A List Apart에서 출간한 제레미 키스의 HTML5 for Web Designers 를 번역하고 있다는데 이 책 역시 하루 빨리 만나볼 수 있기를 바란다. (겸사 겸사 광고를 하나 하자면 클리어보스에서 A List Apart의 기사들을 번역 게시하고 있습니다. 유익한 기사들이 많으니 방문해 주셔서 읽어주시면 감사하겠습니다.)

이 책을 누군가에게 추천해야 한다면, 나는 스매싱 매거진의 공동 설립자인 스벤 렌나르츠와 비탈리 프리드먼과 같이 ‘열정’과 ‘의지’로 살아가는 웹 종사자들에게 꼭 한번 읽어보기를 권하고 싶다.

글 : @choojiho
자세한 글 보기 : http://www.pageoff.net/post/2610400662#

 12월 23일 온라인 서점 공개! 
한 달이 채 되지 않은 지금 <스매싱 북>이
홈페이지/웹디자인 분야에 두각을 드러내며 폭풍신간으로 주목받고 있습니다.
 

인터파크에서 홈페이지/웹디자인 분야 4위
컴퓨터/인터넷 분야에서는 59위 상승하여 현재 45위
   

예스24에서 웹/홈페이지 분야 6위 

스매싱 북! 간만에 읽어볼만한 책이나와 소개합니다. 간만에 마음에 드는 책 한권이 출간되어서 소개해봅니다. 출판된지 몇일 안된 아주 따끈 따끈한 녀석인데요 저는 오프라인에 깔리기전에 200권 한정판 주문해서 벌써 다 읽어버렸습니다. ^^;

개발자, 기획자, 디자이너, 퍼블리셔등 다양한 분야의 분들이 모두 읽을 만한 내용이 가득한 매우 특이한 책이네요. 다루는 주제 또한 쉽게 읽히지만 깊이를 느끼게 하고말이죠. 번역이 약간 요상한 부분이 조금 눈에 띄지만 크게 거슬리지는 않네요.
좋은 책은 많이들 사 봐서 더 좋은 책들이 많이 출판되는 시너지를 냈으면 좋겠군요.
그런 의미에서 오랜만에(?) 종이책 한번 둘러보시죠~ ㅎㅎ 

아래는 보도자료 내용입니다. 참고하세요~ ^^; 

최신 웹어플리케이션에서의 사용자 인터페이스 디자인
사용자 인터페이스 디자인이란 단순히 버튼이나 메뉴만을 말하는 것은 아니다. 이것은 사용자와 어플리케이션 또는 장치(Device)간의 상호작용(Interaction)을 의미하며, 대부분 장치를 통한 여러 사용자간의 상호작용을 뜻한다. 즉, 사용자 인터페이스 디자인은 어떻게 보이느냐가 아니라 어떻게 작동하느냐를 의미한다. 버튼과 색상을 어떻게 배치하느냐 보다 특정 작업을 하기 위해 올바른 기능을 수행할 수 있느냐의 문제인 것이다. 특정 인터페이스에 버튼이 필요한가? 그렇다면 이 버튼이 해야 할 일은 무엇일까? 사용자가 내가 만든 어플리케이션이 어떻게 동작하는지 그리고 그들이 원하는 것을 어떻게 해야 좀 더 쉽게 이룰 수 있는지 알려주기 위해 우리가 할 일은 무엇일까?

CSS 레이아웃의 예술과 과학
최신 웹 디자인에서 웹사이트 레이아웃을 개발할 때는 인내심과 더불어 정확한 CSS 지식을 요구한다. 웹사이트에서 각각의 요소는 디자인에서 흐름과 계층을 결정하고, 레이아웃은 그 요소들이 숨 쉬며 제 역할을 수행할 수 있는 공간과 구조를 제공한다. 세부 페이지를 작업할 때는 브라우저 간의 비일관적인 부분을 고려해야 하므로 많은 기교와 시간이 요구되고, 심지어 그 때문에 레이아웃의 기초까지 위태로워지기도 한다. 이때 필요한 것이 다양한 레이아웃과 스타일 사이의 타협점이다.

웹 타이포그래피 : 규칙, 지침, 그리고 일반적인 실수들
타이포그래피는 디자인의 혼이며, 시각적 문해력의 핵심이다. 타이포그래피에는 광범위한 주제와 응융기술이 연관되어 있다. 웹상의 정보들이 디지털화된 지금은 더욱 그렇다. 최고의 서체군을 선택하는 문제뿐만 아니라 의사소통과 가독성 증진, 브랜드와 기업 이미지 정의, 제품 판매를 비롯해 사용자가 정보를 더 쉽게 이해할 수 있도록 돕는다.

최신 웹사이트를 위한 사용성 원칙 
사용자와 하나가 되려면 웹사이트의 외관뿐 아니라 훨씬 더 많은 것에 신경써야 한다. 설상가상으로 오늘날 웹사이트는 아주 빠르게 거대한 다중적 구조로 변하고 있다. 경쟁 웹사이트도 대부분 비슷한 기능성을 제공하지만 최상의 사용자 경험을 제공하는 단 하나의 승자만이 남는다. 바로 이것이 오늘날 웹이 나아가는 방향이며, 웹사이트 디자인의 진화라고 할 수 있다.

컬러 사용을 위한 가이드
웹사이트에 색을 사용할 때는 문화적인 의미를 고려해야 한다. 해외의 트래픽을 기대하고 있다면 더욱 그렇다. 예를 들어 녹색은 모든 사람에게 환경 친화적인 의미로 소통된다. 중국에서 초록색 모자는 바람 피우는 아내를 암시하는 반면, 이슬람 사회에서 녹색은 매우 신성한 색이다. 가톨릭에서도 중요한 의미를 지니고 있으며 일부 아프리카 국가에서 녹색은 자연의 풍요로움을 상징한다. 녹색은 돈, 질투, 성장, 아픔, 질병, 경험 부족, 악마, 생식력, 희망, 생(生)과 사(死)와도 관련 있다.

웹사이트 성능 최적화 
느리고 반응 없는 웹사이트는 짜증스럽기 마련이다. 여러분의 웹사이트가 그런 사이트라면 방문자는 제품을 구매하지 않을 것이고, 다시는 웹사이트를 찾지 않을 것이다. 방문자에게 멋진 사용자 경험을 제공하기 위해서는 반드시 웹사이트 최적화가 이러어져야 한다. 야후에서 제공하는 파이어폭스 플러그인 Yslow는 웹사이트가 좀 더 잘 반응할 수 있도록 여러 가지 조언을 제공한다. 하지만 우리는 단순히 Yslow의 조언에서 멈추지 않고 MySQL 및 PHP를 최적화하는 단계까지 나아갈 것이다.

글 : 웹데브모바일(WebDevMobile)
자세한 글 보기 : http://webdevmobile.com/xe/22332

[스매싱 북을 사랑한 매체들]

* 아이뉴스24
”스매싱 북이 한국어로 번역됐다는 소식은 반갑기 그지 없다. 이 책은 웹 기획자, 디자이너, 퍼블리셔, 개발자들의 필독서로 꼽히는 명저이기 때문이다. 번역되기 전부터 웹과 관련된 일에 종사하는 사람들에겐 바이블과 같은 대접을 받았던 책이다”

* 디자인정글
”스매싱 매거진은 그래픽, 코딩, 디자인 등 웹디자이너와 개발자에게 유용한 정보와 획기적인 내용의 최신 웹트렌드를 소개하고 있다. 스매싱 북은 최신의 웹트렌드를 전달해온 스매싱 매거진과 세계적인 웹 리더들이 만나 중요한 이야기를 모아 놓은 집약체이다”

* 조선일보 북카페
”독일의 인터넷 미디어 회사 ‘스매싱 미디어’가 웹디자이너와 개발자에게 최신 웹트렌드를 중심으로 유용한 정보를 제공한다”

글로벌 웹디자인 커뮤니티 ‘스매싱 매거진’이 세계 유명 웹디자이너, 웹개발자와 공동 집필한 ‘스매싱 북’을 내놓았다. 모던 웹디자인에 관한 최고의 실용서라 할 수 있는 ‘스매싱 북’에서 글로벌 웹 리더들의 9가지 특강이 펼쳐진다.

에디터 | 최유진(yjchoi@jungle.co.kr)

스매싱 매거진은 2006년 9월 오픈해서 글로벌 웹디자인 업계에서 가장 영향력 있는 독일의 인터넷 미디어 회사인 스매싱 미디어에 의해 만들어졌다. 스매싱 매거진은 그래픽, 코딩, 디자인 등 웹디자이너와 개발자에게 유용한 정보와 획기적인 내용의 최신 웹트렌드를 소개하고 있다. 스매싱 북은 최신의 웹트렌드를 전달해온 스매싱 매거진과 세계적인 웹 리더들이 만나 중요한 이야기를 모아 놓은 집약체이다.

이 책에는 코딩 분야의 테크니컬 팁과 사용자 인터페이스 디자인, CSS 레이아웃, 웹 타이포그래피, 컬러 사용 가이드, 웹사이트 성능 최적화, 전환율 높이기, 주목받는 웹사이트를 만드는 웹디자인 브랜딩 등에 관한 정보가 모두 담겨있다. 책의 마지막 부분에서는 스매싱 매거진이 글로벌 웹디자인 업계에서 가장 영향력 있는 미디어 회사로 성장하기까지의 히스토리도 펼쳐진다.

스매싱 북에서는 웹디자인 스튜디오 Pixelshell의 창립자인 드미트리 파데예프, Six Revision의 설립자이자 편집장인 제이콥 구베, Nestlé Italiana의 디지털 미디어 전문가 알렉산드로 카타네오, Fontdeck 공동 설립자 존 탄 등 12인으로 구성된 저자의 이야기들이 펼쳐진다. 이들의 이야기는 최신 웹어플리케이션에서의 사용자 인터페이스 디자인, CSS 레이아웃의 예술과 과학, 웹 타이포그래피 : 규칙, 지점, 그리고 일반적인 실수들, 최신 웹사이트를 위한 사용성 원칙, 컬러 사용을 위한 가이드, 웹사이트 성능 최적화, 판매위한 디자인 : 전환율 높이기, 주목받는 브랜드 웹사이트로 만드는 비법, 인터뷰 : 전문가에게 배우는 통찰력, 무대 뒤 : 스매싱 매거진 이야기로 구성된다.

한국어판 스매싱 북은 웹액츄얼리코리아가 펴냈다. 웹액츄얼리코리아는 워드프레스(WordPress.org)를 이용해 웹사이트를 제작하는 회사로 업계 종사자는 물론 웹사이트 제작에 관심 있는 일반인을 위한 책을 지속적으로 소개할 계획이다. 두 번째 책으로 제레미 키스의 ‘HTML5 for Web Designer’를 준비하고 있다.

https://books.webactually.com

글 : 디자인 정글
원문 보기 :  http://bit.ly/hzounN

[스매싱 북을 사랑한 매체들]

* 아이뉴스24
”스매싱 북이 한국어로 번역됐다는 소식은 반갑기 그지 없다. 이 책은 웹 기획자, 디자이너, 퍼블리셔, 개발자들의 필독서로 꼽히는 명저이기 때문이다. 번역되기 전부터 웹과 관련된 일에 종사하는 사람들에겐 바이블과 같은 대접을 받았던 책이다”

* 웹데브모바일
”개발자, 기획자, 디자이너, 퍼블리셔등 다양한 분야의 분들이 모두 읽을 만한 내용이 가득한 매우 특이한 책이다”

* 조선일보 북카페
”독일의 인터넷 미디어 회사 ‘스매싱 미디어’가 웹디자이너와 개발자에게 최신 웹트렌드를 중심으로 유용한 정보를 제공한다”

Question. 
새로운 창에서 링크를 열 것인가, 해당 창에서 링크를 열 것인가 하는 문제는 각 웹사이트와 방문자의 선호도에 따라 달라질 수 있는 것처럼 보인다.
외부 링크가 많은 웹사이트인 경우 사용자는 자신이 일일이 콘트롤하는 것보다 자동으로 새 창에 열리는 것에 더 관대할 수 있는 반면, 외부 링크가 적은 경우에는 어떤 페이지를 새 창에서 열 것인지 자신이 정하고 싶어 할 수 있기 때문이다.
하지만 반드시 그런 것만도 아닌데… 그렇다면 사용자 인터페이스 디자인에서 기본 원칙은 무엇일까?
챕터 4. 최신 웹사이트를 위한 사용성 원칙 중에서

Answer.
아래 페이지에서 정답 확인!
클릭하면 큰 이미지를 보실 수 있습니다.

기자는 한 때 사용성(usability)에 관심을 가진 적 있다. 좀 더 아름다우면서도 과학적인 사이트를 만들려면 어떻게 하는 것이 좋을까 고민을 한 적도 있다.

그 땐 제이콥 닐슨의 useit.com이란 사이트에 올라온 글들을 읽으면서, 잘 만든 웹 사이트에는 고도의 인지과학이 숨어 있다는 사실도 알게 됐다. 특히 웹 디자인에서 ‘유저빌러티’가 얼마나 중요한가를 절감할 수 있었다.

같은 관점에서 ‘스매싱 북’이 한국어로 번역됐다는 소식은 반갑기 그지 없다. 이 책은 웹 기획자, 디자이너, 퍼블리셔, 개발자들의 필독서로 꼽히는 명저이기 때문이다. 번역되기 전부터 웹과 관련된 일에 종사하는 사람들에겐 바이블과 같은 대접을 받았던 책이다.

‘스매싱 북’은 세계적인 웹 디자인 커뮤니티로 유명한 ‘스매싱 매거진’이 만든 책이다. 이 책 저술에는 유명 웹 디자이너와 웹 개발자들이 참여해 최신 조류들을 꼼꼼하게 담았다. 그런 점에서 이 책은 웹 디자인에 관한 최고의 실용서로 꼽힌다.

실제로 이 책엔 코딩 분야의 테크니컬 팁과 사용자 인터페이스 디자인, CSS 레이아웃, 웹 타이포그래피, 컬러 사용 가이드 등 웹 디자인을 할 때 고려해야 할 실용적인 지식들이 빼곡하게 들어차 있다.

….. 중략 …..

특히 뒷 부분에는 뉴욕타임스의 디자인 디렉터인 코이 빈을 비롯해 24명의 쟁쟁한 디자이너들과의 인터뷰를 담고 있는 점도 눈에 띈다. 전문가들의 육성을 통해 좀 더 실제적인 지식을 얻을 수 있기 때문이다.

이 책을 만든 스매싱 미디어가 어떤 곳인지 궁금한 사람들은 맨 끝 챕터인 ‘무대 뒤: 스매싱 미디어 이야기’를 읽어보는 것도 큰 도움이 될 것 같다.

(스매싱 미디어 지음/ 웹액츄얼리코리아 옮김, 2만8천원)

글 : 김익현 기자 sini@inews24.com
자세한 기사 보기 : http://bit.ly/i4lY4l

[스매싱 북을 사랑한 매체들]

* 디자인정글
”스매싱 매거진은 그래픽, 코딩, 디자인 등 웹디자이너와 개발자에게 유용한 정보와 획기적인 내용의 최신 웹트렌드를 소개하고 있다. 스매싱 북은 최신의 웹트렌드를 전달해온 스매싱 매거진과 세계적인 웹 리더들이 만나 중요한 이야기를 모아 놓은 집약체이다”

* 웹데브모바일
”개발자, 기획자, 디자이너, 퍼블리셔등 다양한 분야의 분들이 모두 읽을 만한 내용이 가득한 매우 특이한 책이다”

* 조선일보 북카페
”독일의 인터넷 미디어 회사 ‘스매싱 미디어’가 웹디자이너와 개발자에게 최신 웹트렌드를 중심으로 유용한 정보를 제공한다”

Question.
같은 종류의 많은 선택지가 있을 때 이를 식별할 수 있는 요소가 부족하여 소비자가 혼란스러운 심리 상태에 빠지는 것을 무엇이라고 부를까요?
챕터 7. 판매를 위한 디자인 전환율 높이기 중에서

Answer.
아래 페이지에서 정답 확인!  
클릭하면 큰 이미지를 보실 수 있습니다.

<스매싱 북> 웹사이트에서 구입하셨나요?
<스매싱 북> 발매를 손꼽아 기다려, 잽싸게 구매해주신 분들에게
고마운 마음을 담아 아이폰 케이스를 함께 보내드렸습니다.
*오늘 오전 28,000원 가격으로 책을 구매하신 분께도 아이폰 케이스를 보내드립니다.
* 아이폰 케이스 디자인은 랜덤 발송

지금, <스매싱 북> 웹사이트에서 구매하면?
가격 할인 28,000원 -> 25,200원
배송비 무료
3000원 할인쿠폰 지급

3000원 할인쿠폰이 뭐지? 
2011년 봄, 웹액츄얼리코리아가 두 번째 책을 발행합니다.
그 책을 구입할 때 사용하시라고 할인쿠폰을 함께 보내드립니다.
쿠폰은 이렇게 깜찍하게 생겼습니다.

2011년 봄 발행 예정!
<웹디자이너를 위한 HTML5> | 저자 : 제레미 키스(Jeremy Keith)
900페이지가 넘는 두툼한 책은 이제 그만!
85페이지로 재밌게 읽으면서 ‘HTML5 개념 따라잡기’