QR/바코드 검색
품목정보
| 발행일 | 2002년 04월 30일 |
|---|---|
| 쪽수, 무게, 크기 | 158쪽 | 380g | 크기확인중 |
| ISBN13 | 9788931420562 |
| ISBN10 | 8931420560 |
Web Safe Colors 배색사전
[ CD ]
C.I.S.
|
영진닷컴
|
2002년 04월 30일
저자/출판사 더보기/감추기
- 구매 시 참고사항
-
eBook이 출간되면 알려드립니다.
eBook 출간 알림 신청
분철서비스 시작 시 알려드립니다.
분철서비스 알림신청
- 중고상품
1,400원 ~이동 - 이미 소장하고 있다면 판매해 보세요! 이 상품 팔기 더보기/감추기
.jpg)
관련분류
책소개 책소개 보이기/감추기
목차 목차 보이기/감추기
YES24 리뷰 YES24 리뷰 보이기/감추기
웹사이트를 빛나게 해 줄 효과적이고 아름다운 색 고르기
--- 조은희(choeh@yes24.com)
배색은 사이트 전체의 이미지를 좌우하는 중요한 요소이다. 많은 사람들이 웹사이트에서 배색이나 톤이 중요하다고 하지만, 실제에서는 의도적인 연출보다는 체계적 이론없이 우연에 의존하는 경우가 많은 편이다. 관련하여 참고할만한 책이 많지 않다는 것도 어려움 중의 하나다. 이 책은 웹 안전색을 바탕으로 한 웹디자인용 배색사전으로서, 색상별, 이미지별, 그리고 카테고리에 따른 배색을 정리하고 제안한다. 단순히 배색을 제시하는 사전식 구성이 아니라 용도에 따른 배색을 찾아 볼 수 있도록 설명하고 있어 흥미롭다. 이 책에서 제안하는 배색의 접근 전략은 다음의 4가지이다.
첫째, 톤이 있고 사용할 색이 정해져 있는 경우이다. 빨강, 노랑, 초록, 사이안, 파랑, 마젠타 등 6 가지의 색 계통별로 소개한다. 메인 컬러를 선택하고 그 색에 맞는 서브 컬러, 밸런스 컬러를 조합한 색 계통별 배색차트를 제공하고 있다.
두번째와 세번째는 이미지가 정해져 있는 경우의 배색 차트이다. 이미지별 배색 차트는 다시 사이트 분위기를 전체적으로 이런 느낌으로 배색하고 싶다는 컨셉이 정해져 있는 경우와 계절에 따른 배색으로 나누어진다. Section 2는 인상으로 선택한 배색 차트로서, 산뜻한, 우아한, 즐거운, 일본풍의, 이국적인, 진지한, 여유있는, 신비로운, 건강한, 귀여운, 도시적인 11가지 이미지를 연출할 수 있는 색의 조합의 소개한다. Section3의 계절별 배색에서는 봄, 여름, 가을, 겨울 4계절로 각각의 계절을 연출하는 색의 조합을 소개한다. 페이지에 계절감을 주고 싶거나 계절별 리뉴얼을 계획하고 있을 때 참고로 삼을 수 있다.
넷째, 사이트의 내용, 즉 카테고리를 고려한 배색 차트이다. 뉴스, 장난감, 스포츠, 백화점, 서점, 인테리어 등 실제 웹사이트를 참고로 사이트의 내용에 따른 사용색 경향이나 적합한 색을 설명하고 사이트별 주요 색상 차트를 보여준다. 카테고리별로 6개 사이트를 한 페이지에 배치하여 한눈에 파악하고 비교할 수 있어서 좋을 뿐 아니라 사이트 구성에 대한 새로운 영감도 얻을 수 있다.
배색을 정하기 이전에 배색에 접근할 수 있는 구체적 방법을 익힐 수 있으며, 막막한 색상 파레트에서 원하는 느낌의 전략을 세우고 그 느낌을 잘 전달해 주는 색상을 골라낼 수 있는 감각까지 훈련해 볼 수 있다는게 이 책의 장점이다. 사이트제작을 하면서 필요할 때마다 옆에 두고 참고할 수 있을 뿐 아니라, 중간중간 컬럼형식으로 구성된 배색 hint 에서 색상선택에 도움이 될만한 짤막한 자료가 삽입되어 있고 'Section 5. Web 배색사전의 포인트'에서 색에 대한 기초지식과 배색의 규칙을 제시하고 있어 색에 대한 기본적인 이론을 접할 수 있게 배려하였다.
비슷한 컨셉의 도서로는 「웹 컬러 디자인 적용·분석 가이드」(영진.com)이 있고, 단순히 배색중심의 책을 원한다면 「Web 디자인을 위한 디지털 색상견본집」(성안당), 색에 좀더 관심이 있다면 「색의 유혹 1,2」(예담)을 추천한다
첫째, 톤이 있고 사용할 색이 정해져 있는 경우이다. 빨강, 노랑, 초록, 사이안, 파랑, 마젠타 등 6 가지의 색 계통별로 소개한다. 메인 컬러를 선택하고 그 색에 맞는 서브 컬러, 밸런스 컬러를 조합한 색 계통별 배색차트를 제공하고 있다.
두번째와 세번째는 이미지가 정해져 있는 경우의 배색 차트이다. 이미지별 배색 차트는 다시 사이트 분위기를 전체적으로 이런 느낌으로 배색하고 싶다는 컨셉이 정해져 있는 경우와 계절에 따른 배색으로 나누어진다. Section 2는 인상으로 선택한 배색 차트로서, 산뜻한, 우아한, 즐거운, 일본풍의, 이국적인, 진지한, 여유있는, 신비로운, 건강한, 귀여운, 도시적인 11가지 이미지를 연출할 수 있는 색의 조합의 소개한다. Section3의 계절별 배색에서는 봄, 여름, 가을, 겨울 4계절로 각각의 계절을 연출하는 색의 조합을 소개한다. 페이지에 계절감을 주고 싶거나 계절별 리뉴얼을 계획하고 있을 때 참고로 삼을 수 있다.
넷째, 사이트의 내용, 즉 카테고리를 고려한 배색 차트이다. 뉴스, 장난감, 스포츠, 백화점, 서점, 인테리어 등 실제 웹사이트를 참고로 사이트의 내용에 따른 사용색 경향이나 적합한 색을 설명하고 사이트별 주요 색상 차트를 보여준다. 카테고리별로 6개 사이트를 한 페이지에 배치하여 한눈에 파악하고 비교할 수 있어서 좋을 뿐 아니라 사이트 구성에 대한 새로운 영감도 얻을 수 있다.
배색을 정하기 이전에 배색에 접근할 수 있는 구체적 방법을 익힐 수 있으며, 막막한 색상 파레트에서 원하는 느낌의 전략을 세우고 그 느낌을 잘 전달해 주는 색상을 골라낼 수 있는 감각까지 훈련해 볼 수 있다는게 이 책의 장점이다. 사이트제작을 하면서 필요할 때마다 옆에 두고 참고할 수 있을 뿐 아니라, 중간중간 컬럼형식으로 구성된 배색 hint 에서 색상선택에 도움이 될만한 짤막한 자료가 삽입되어 있고 'Section 5. Web 배색사전의 포인트'에서 색에 대한 기초지식과 배색의 규칙을 제시하고 있어 색에 대한 기본적인 이론을 접할 수 있게 배려하였다.
비슷한 컨셉의 도서로는 「웹 컬러 디자인 적용·분석 가이드」(영진.com)이 있고, 단순히 배색중심의 책을 원한다면 「Web 디자인을 위한 디지털 색상견본집」(성안당), 색에 좀더 관심이 있다면 「색의 유혹 1,2」(예담)을 추천한다
책 속으로 책속으로 보이기/감추기
웹디자인을 할 때 제작자가 고려할 수 있는 방법을 생각해보겠습니다.
첫 번째, 색으로만 판단해야하는 내용을 피합니다. 예를 들어, 빨간색 문자로 링크를 걸었다면, 빨간색이라는 색 이외에 다른 구별 방법이 있어야 합니다. bold를 적용하는 등의 효과를 줄 수 있습니다.
조금만 연구하면 버튼도 색뿐만 아니라 문자로 구별할 수 있도록 할 수 있습니다. 또, 배경색에 문자가 들어있는 경우에는 색의 조합에 신경을 써야합니다. 오른쪽 그림은 판별하기 어렵게 조합된 배색입니다. 같은 명도의 빨간색과 녹색을 조합하면 인식하기가 어렵지만 명도차를 주거나 대비를 강하게 하면 비교적 보기가 쉬워집니다.
색은 디자인의 중요한 요소로써 반드시 사용해야만 하는 색은 정해져 있지 않습니다. 색을 적절히 사용해서 사이트를 보기 어려운 사람이 없도록 배려해야 합니다. Web에는 색각 장애(색맹) 고려를 위한 포토샵 등의 컬러 팔레트를 공개되어 있습니다. 이런 방법을 사용해서 확인하면 보다 많은 사용자에 대해 배려할 수 있습니다.
첫 번째, 색으로만 판단해야하는 내용을 피합니다. 예를 들어, 빨간색 문자로 링크를 걸었다면, 빨간색이라는 색 이외에 다른 구별 방법이 있어야 합니다. bold를 적용하는 등의 효과를 줄 수 있습니다.
조금만 연구하면 버튼도 색뿐만 아니라 문자로 구별할 수 있도록 할 수 있습니다. 또, 배경색에 문자가 들어있는 경우에는 색의 조합에 신경을 써야합니다. 오른쪽 그림은 판별하기 어렵게 조합된 배색입니다. 같은 명도의 빨간색과 녹색을 조합하면 인식하기가 어렵지만 명도차를 주거나 대비를 강하게 하면 비교적 보기가 쉬워집니다.
색은 디자인의 중요한 요소로써 반드시 사용해야만 하는 색은 정해져 있지 않습니다. 색을 적절히 사용해서 사이트를 보기 어려운 사람이 없도록 배려해야 합니다. Web에는 색각 장애(색맹) 고려를 위한 포토샵 등의 컬러 팔레트를 공개되어 있습니다. 이런 방법을 사용해서 확인하면 보다 많은 사용자에 대해 배려할 수 있습니다.
--- p.114
회원리뷰 (5건) 회원리뷰 이동
한줄평 (0건) 한줄평 이동
첫번째 한줄평을 남겨주세요.
배송/반품/교환 안내
배송 안내
| 배송 구분 |
예스24 배송
|
|---|---|
| 포장 안내 |
안전하고 정확한 포장을 위해 CCTV를 설치하여 운영하고 있습니다. 고객님께 배송되는 모든 상품을 CCTV로 녹화하고 있으며, 철저한 모니터링을 통해 작업 과정에 문제가 없도록 최선을 다 하겠습니다.
목적 : 안전한 포장 관리 |
반품/교환 안내
상품 설명에 반품/교환과 관련한 안내가 있는경우 아래 내용보다 우선합니다. (업체 사정에 따라 달라질 수 있습니다)
| 반품/교환 방법 |
|
|---|---|
| 반품/교환 가능기간 |
|
| 반품/교환 비용 |
|
| 반품/교환 불가사유 |
|
| 소비자 피해보상 |
|
| 환불 지연에 따른 배상 |
|
- 절판 상태입니다.
