웹 사이트 색상 만들기(호감이 가는)

눈길이 가는 웹사이트를 만드는 색상결정의 모든 것



잘 만든 웹사이트, 눈길이 가는 웹사이트란 기능적으로도 뛰어나야 하지만, 색상의 결정과 색채 설계 또한 중요하게 다루어져야 한다.



이 책은 웹 디자인에서의 색의 기초부터 균형있는 배색, 색깔에 관련된 여러 가지 문제의 해결방법까지를 제시한다.



웹사이트의 색상 때문에 골머리를 앓는 개발자나 이들과 의사소통이 되지 않아 고민하는 디자이너들, 클라이언트에게 어떻게든 색상을 설득해야 하는 이들에게 최선의 해결책이 될 것이다.



눈만 뜨면 수많은 사이트들이 생겨나고 없어진다. 똑같은 컨텐츠, 똑같은 상품이라도 웹사이트상의 배색조합에 따라 사람들에게 다가가는 속도자체가 다르다. 이 책은 데스크탑의 웹사이트 뿐만 아니라 모바일 웹사이트, SNS에까지 배색에 관한 거의 모든 문제를 다룬다. 웹사이트에서의 색은 단순한 색으로서가 아니라 만드는 사람과 보는 사람사이의 시각, 느낌의 조율이라는 것이다.



이 책이 필요한 사람

-색감각이 필요한 개발자

-이런 개발자와 소통해야 하는 디자이너

-클라이언트에게 색상을 설득해야 하는 제작자

-모바일, SNS, 온라인 쇼핑몰 담당자

-경쟁사이트와 차별화해야 하는 비즈니스 사이트 담당자

지식편 1: 웹 디자인을 위한 색의 기초

색을 다루는 기초 지식

배색의 기본 균형

자주 사용하는 배색 기법

웹 색상과 색상 모드

색에 관한 심리적 효과

색 면적에 의한 인상

Column 1 배색에 도움이 되는 앱



지식편 2: 웹에서의 색의 역할

좋아 보이는 배색

중요한 정보의 전달

인상적인 색의 웹 사이트



실천편 1: 웹 디자인 전에 알아둘 것

모니터 환경 확인하기

색 이미지의 차이 없애기

배색의 규칙 적용하기

기본적인 배색 기법 익히기

경쟁 사이트와 차별화하기

색으로 여러 사람과 소통하기

시안을 통한 승인 과정 만들기

Column 2 경쟁 사이트의 색을 이미지화하기



실천편 2: 다양한 정보를 기초로 한 색채 설계

웹사이트 업데이트 시 배색 기법 알아두기

다양한 요소로 배색하기

주요색을 바탕으로 배색하기

안정적인 배색 계획하기

Column 3 2가지의 색 공간 sRGB와 AdobeRGB(1)



실천편 3: 균형 있는 배색

화면 크기별 배색

이미지를 좌우하는 배경색과 배경 사진

중요한 정보 전달

가독성을 높이는 배색

접근성을 높이는 텍스트 링크 색

눈에 띄는 버튼 색

선명한 사진 표현

최종 색 조정

Column 4 2가지의 색 공간 sRGB와 AdobeRGB(2)



응용편 1: 색에 관한 설득의 기술

다루기 어려운 색을 사용하는 경우

색에 관한 의견이 다른 경우

부득이하게 색상 수를 추가하는 경우

다양한 배색을 요구하는 경우

모순된 요구에 대응하는 방법

불규칙한 색의 통일



응용편 2: 장면별 색 선정

깔끔한 배색이 힘든 경우

SNS에서 색으로 어필하는 경우

모바일 웹 사이트 배색

Column 5 웹 포맷 외의 색 변환



응용편 3: 다양한 색 문제의 해결 방법

같은 색 다른 결과물 확인

승인된 색을 변경하려는 경우

업그레이드시 색 균형 유지

Column 6 배색에 필요한 참고 서적



응용편 4: 접근이 쉬운 배색

다양한 시각적 특성 고려

웹 콘텐츠 JIS 색 규정

Column 7 웹 사이트의 색 변경



응용편 5: 종류별 웹 사이트의 배색

개인, 서비스를 강조한 비즈니스 블로그

매출 증대를 위한 온라인 쇼핑몰

타깃에 맞춘 웹 서비스

자연의 조화, 친환경 사이트

텍스트 정보 중심의 뉴스 사이트

광고 판촉 도구로서의 주택, 부동산 사이트

청결한 이미지의 의료기관, 약국 사이트

신뢰감을 주는 전문직, 컨설턴트 사이트

유니버셜 디자인 사이트

편리한 공공기관 사이트



부록편

컬러 차트

사카모토 구니오 저자 사카모토 구니오는 컬러&웹 디자인 포르투나 대표. 관서대학 사회지리학과를 졸업했다. 2004년부터 색채 노하우를 정리한 웹 사이트 '기초부터 이해하는 홈페이지 배색'을 운영하고 있다. 이후 웹 제작 컨설팅을 주로 하면서 책이나 잡지 기고, 세미나 등으로 웹 색채 환경의 향상을 사명으로 여기며 활동하고 있다. 일본색채학회 정회원이다.