늘 이시간에는 동료 블로거로부터 이벤트를 통해서 받은 을 리뷰 하겠습니다.

얼마전에 디자인로그를 운영하는 마루이 서평 이벤트를 기획 했습니다.
필자도 살포~~시 응모를 해서 가뿐~~히 당첨이 되었지요!!


이제 은 그 나라의 국가 쟁력이며
로그의 차별화 된 이덴티티를 확고히 하는 입니다!!




Beautiful Web Design
좋아 보이는 웹사이트를 만드는 디자인 원칙

저자 : 제이슨 비어드

역자 : 이광우


책의 표지도 아티스틱한 드자인을 유감없이 보여주는 총 240여페이지로 제본 되어져 있습니다.
종이의 재질도 최고급 재질을 사용한 듯 합디다!




이 책은 총 5장으로 구성 되며, 각 7개~13개의 소주제로 이루어져 있습니다.


1장 레이아웃을 파헤쳐 보자

- 디자인 과정
- 좋은 디자인의 정의

가장 명심해야 할 것은 디자인은 " 소통[communication] " 이라는 점입니다.
* 사용자는 디자인에서 즐거움을 얻는 동시에 효과적으로 콘텐츠를 얻을 수 있게 된다.
* 사용자는 직관적인 내비게이션을 통해서 한결 쉽게 이동할 수 있다.
* 사용자는 각 페이지를 사이트의 일부로 인식한다. - 7p~9p -


- 웹 페이지 분석

콘텐츠는 제일 중요한 요소입니다. 웹사이트를 방문하는 사용자들은 대부분 방문한 지
거의 수 초 이내에 사이트를 떠납니다.
페이지에서 가장 시선이 오래 머무는 곳에 주 콘텐츠를 배치하는 것은 디자인에서 매우
중요한 원칙입니다. - 12p -


- 그리드 이론
- 균형
- 통일성
- 강조
- 일반적인 레이아웃

* 좌측단 메뉴 배치 레이아웃[좌측 사이드바]

* 우측단 메뉴 배치 레이아웃[우측 사이드바]
이런 배치가 사용면과 실용성 면에서 모두 좋은 경향이 나타 납니다.

* 3단 레이아웃[3단 스킨]
여백을 적절히 활용해야만 레이아웃이 산만해지지 않는다는 사실을 반드시 명심해야
합니다. - 32p~35p -




- 참고 사이트
- 새로운 경향

* 푸터에 내비게이션을 배치한 확장형 레이아웃
* 콘텐츠가 먼저 표시되는 3단 레이아웃


- 크기 조절-고정형 너비 vs 유동형 너비
- 화면 해상도
- 응용 예제-플로리다 컨트리 타일



2장
마음을 움직이는 색상 설계하기

- 색채 심리학
- 색 온도
- 색 명도
- 색 이론 101
- Red, Yellow, and Blue or CMYK?
- 여러 색상 설계법
- 팔레트 만들기
- 응용 예제-타일 사이트의 색



3장 그래픽을 풍부하게 하는
텍스처

모든 웹사이트가 아름답지는 않지만, 아름다워질 수는 있습니다.
텍스처[texture]란, 디자인이나 사물의 표면에 드러나는 특이한 외양이나 느낌을 주는
무언가를 말합니다. - 95p~96p -



-
-
- 도형
- 부피와 깊이
- 패턴
- 텍스처 만들기

* 낡고 오래 되었지만, 그립고 포근한 느낌의 스타일
* 기발하면서도 발랄한 카툰 스타일
* 고광택, 큰 글자, 웹2.0 스타일 - 120p~128p -


- 응용 예제-풀칠하고 붙이기



4장 타이포그래피로 콘셉트를 살리자

- 웹에 글자 나타내기

* CSS로 폰트 지정하기
* EOT 방식 사용하기 - 148p~149p -


- 활자 구조의 분석
- 자간
- 본문 정렬하기
- 활자체 구분하기
- 폰트 찾기
- 올바른 폰트 선택하기

* 가장 보기 좋은 한글 폰트의 크기는 얼마일까요?
한글폰트에서는 일정 크기이하[9픽셀]에서는 글씨가 깨지기 때문에, 대다수 한글 폰트는
12픽셀을 기본으로 지정하며, 작게 쓰고자 할때는 11픽셀을 지정합니다. - 182p -


- 응용 예제-타일 사이트에 타이포그래피 입히기



5장 웹사이트에 어울리는 이미지 찾기

- 무엇을 찾아야 하는가

* 정말 연관이 있나?
* 흥미로운가?
* 매력적인가?
디자인에 쓸 이미지를 고를때는 언제나 이 세가지 질문중에 적어도 '두개'는 '그렇다'라고 대답할 수 있어야 한다. - 194p -


- 합법적으로 이미지를 얻는 방법
- 좋지 않은 인상을 주는 행동
- 창조적으로 자르기
- 포토샵으로 조정하기
- 파일형식과 해상도
- 테두리와 경계선 처리하기
- 응용 예제-플로리다 컨트리 타일 마무리하기
- 영감을 떠올리십시오! 그리고 무조건 따라하지 마십시오

주변 사람들과 의사소통을 해서 영감을 얻는 동시에 노력하여 그 영감을 자신만의 창조적인 아이디어로 만들어야 합니다.
디자인을 할때 가장 중요한 것은 자신의 개성경험 그리고
즐기는 마음입니다. - 238p -




이상 간략하게 내용을 살펴 봤습니다.





2장 마음을 움직이는 색상 설계하기 중에서 '색채 심리학'

 




2장 마음을 움직이는 색상 설계하기 중에서 '색 이론 101'












이 책은 웹 전문가를 꿈꾸는 사람, 특히 웹 디자인 분야에서 전문가가 되고자 하는 사람들에게
전하는 메시지가 있다고 밝히고 있으며,

웹 디자인의 세계에 처음 입문한 사람, 많은 경험은 있지만 체계적인 정리가 필요한 사람,
웹 분야에 종사하지만 엡 디자인이 아닌 웹 개발 또는 마케팅쪽에서 일하는 사람들에게 도움이
될 것이라고 
밝히고 있습니다.

"2장 마음을 움직이는 색상 설계하기" 색채 심리학에서는 빨,주,노,초,파,보의 무지개 색깔과 흰색, 검정색의 각 색채가 지닌 속성에 관해서 잘 설명하고 있더군요.


실전에 응용이 가능한  포토샵 강좌도 보여주고 있으며,
다수의 예제 사진과 도판을 통해서 보다 쉽게 이해를 도모하고 있습니다!





Good

현재 블로그를 운영하는 여러분은 이 책을 반드시 읽어야 할 것이다!!!
뽠드시~!!!

지금 여러분의 블로그 스킨 및 디자인은 어떠한가??
베리 작살나는 간지를 좔~좔~ 보여주고 있는가?
베리 우아함을 보여주고 있는가?
독자들을 베리베리 만족시키고 있는가???


주저 없이 " 네, 그런디용? " 이라고 당당히 말할 수 없는 자는
이 책을 보고 디자인에 눈을 떠라!!!

디자인의 베리 환타스틱한 세계로의 항해를 떠나라!!
드자인의 세계에 풍~~덩 빠져라!!!

웹사이트를 운영하는 자라면 두말하면 혓바닥에 티눈이 생길 정도이다!!!


B
a
d


원근법과 비례등등에 대한 간략한 설명을 하고 있으나,
만약 비 전공자나 미술 또는 디자인에 문외한이라면 생경한 난해함에 땀을 한바가지
흘릴수도 있겠다!

좀 더 친절한 전문지식의 해설이 부족한 점이 다소 아쉽다!
물론, 이 책의 주 타겟이 웹디자이너를 꿈꾸는 예비 디자이너를 위한 것이라 해도 말이다!

자료사진에 사용 된 모든 브라우저는 맥의 그것이다.
역시, 맥의 베리 흐뭇한 간지는 윈도우 사용자에게 베리 감질과 질투를 유발 한다!!



평점[5점만점]




베리 좋은 책을 서평할 수 있게 해 주신 마루님에게 베리 감사를 드립니다!! ^ ^



★ 곁가지 ★
이 책을 우편배달부가 그날따라 낮술을 드시고 배달하러 다니신지는 모르겠으나,
엉뚱한 집에 배달을 하는 바람에 하마터면 못 받을뻔 한 우여곡절이 있었습니다.
다행히도, 그 집의 주인이 필자에게 전화를 해 주었기에 망정이지,,,;;




≫ 알라딘 http://www.aladdin.co.kr/shop/wproduct.aspx?ISBN=8991268595


Art & Soft Space ★를 구독 하시면 자다가도 떡이 생길겁니다~!! ^ ^ =>

Posted by 백마탄 초인™

TAG , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

댓글을 달아 주세요

  1. Culero

    마음을 움직이는 색이라...
    궁금하네요

    2009.06.13 00:00 신고 [ ADDR : EDIT/ DEL : REPLY ]
  2. 디자인을 하지는 않지만 한번 읽어보고 싶은 책이네요.
    좋은 책 소개 감사합니다

    2009.06.13 01:06 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 안녕하세요 ^ ^

      네, 드자인 전공자가 아니더라도 현재 블로그를 운영한다면 필독해야 할 책으로 추천 해 드립니다!!

      베리 나이스 주말 보내시길,,,!

      2009.06.13 16:53 신고 [ ADDR : EDIT/ DEL ]
  3. 허허 .. 어딜가시나 당첨이시군요 ㅎㅎ
    축하드려요 ~~
    초인님은 하루하루가 바쁘실듯 ㅎㅎㅎ

    2009.06.13 02:42 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 잘 보았습니다~ㅎ
    아 이 책... 보고싶네요+_+ㅎㅎㅎ
    전 오늘 밤을 새서... 홈페이지를 만들었답니다ㅋ
    http://taking1004.dothome.co.kr/
    시간되시면 한번 구경해보세요*^^*

    2009.06.13 06:05 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 오,,,
      베리 나이스 홈이로군요!
      공모전, 특별상 베리베리 축하 합니당~!!

      수도꼭지에서 뚝~뚝~ 떨어지는 물방울 컨셉이 마치 한방울씩 모여서 거대한 바다를 이룬다는 베리 깊은 심오한 철학을 기본 베이스로 깊숙~~히 깔아놓은 요즘 보기 드문 철확적 사유를 요구하는 컨셉인듯 하군요!

      아쉽다면, 좀만 더 비쥬얼의 테크닉이 발휘 되었으면 하는 마음이 대퇴부를 지나 중추신경에서 시상하부를 스칩니당! ^ ^;

      베리 퐌타스티~끄한 주말 보내시라용~!!

      2009.06.13 16:59 신고 [ ADDR : EDIT/ DEL ]
  5. 헐T_T 그런 속사정이 있으셨군요. 그 전화 주신 분이 착한 분이시라는 생각이^^
    잘 읽었습니다. '아티스틱한 드자인' 이 말에서 피식했네요 ㅋㅋ

    2009.06.13 09:39 [ ADDR : EDIT/ DEL : REPLY ]
    • 헛,, 피식~ 이라고라고라,,,하하;;;

      저 표지를 미술가의 시각으로 봤을때 '타이포그래피'가 베리 아티스틱 합니다만,,,
      사이사이에 들어간 컬러풀한 색채들도 드자인을 돋보이게 하고 마리죠,,,^ ^

      집배원을 함 만나서 베리 따져야 할 듯 합디다;;;

      베리 구~뜨 주말 보내시길,,,!!

      2009.06.13 17:02 신고 [ ADDR : EDIT/ DEL ]
  6. 블로그 스킨 바꿀때 참고로 봐도 될듯 하군여...*.*.

    2009.06.13 12:23 신고 [ ADDR : EDIT/ DEL : REPLY ]
  7. 아무것도 모르는 분들이 읽으면 html 소스에 관한 단어들이 나올 때는 멍 때리는 감이 없지 않아 있지요.
    그렇지만 조금이라도 아는 분들에게는 굉장히 도움이 될만한 내용이 많았어요.
    실제로 제가 학교 다닐 때 배운 내용들이 고스란히 들어 있었거든요.
    뤡백이 살포시 놓고 갑니다. 후후.

    2009.06.13 12:46 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 네, 마슈미당!
      블로거라면 이 책을 보지 않고 스킨디자인을 논하면 안돼~~죠잉!! ^ ^

      왕 추천 책이올시당!!

      베리 퐌타가 스틱하는 주말 보내시라용!!

      2009.06.13 17:05 신고 [ ADDR : EDIT/ DEL ]
  8. 초인님 블로그도 색감이 정말 멋지다고 생각해요
    검은색과 연두색~!
    개인적으로 마음에 드네요. 태그 크라우드도 적절한 색이고 ㅎ~!

    2009.06.14 01:06 [ ADDR : EDIT/ DEL : REPLY ]
  9. 태그가 감동이네요. ^^
    아는것을 실천에 옮기는게 가장 중요한데..
    머리와 몸이 따로 놀아서 참 곤란하네요.
    즐거운 한주 시작하세요.

    2009.06.15 09:20 신고 [ ADDR : EDIT/ DEL : REPLY ]
  10. 저도 이 책을 구입해서 읽어볼까 생각중이었는데....
    초인님 리뷰로 대신해야겠습니다. ㅋㅋㅋㅋㅋ;;

    2009.06.15 15:06 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 헛;;;

      제 리뷰는 내용의 핵심만을 피해서 간추린 것입니다!!
      이 책에 함 드리대시길!!!

      후회 안할겁니다! ^ ^

      2009.06.18 23:51 신고 [ ADDR : EDIT/ DEL ]
  11. 10여년전에도 웹 디자인 관련 책을 보곤 했었는데...ㅎㅎ
    요즘은 뭔가 새로울 듯 햇으나...트랜드를 조금 따라간다는거 외엔 별반 차이가 없다는.ㅋㅋ

    2009.06.16 18:10 신고 [ ADDR : EDIT/ DEL : REPLY ]