칼럼

웹툰 서비스에서 컬러의 역할은?

김민오 | 2020-04-21 10:52

디자인에서 컬러를 사용하는 목적

디자인에서 컬러를 사용하는 목적은 디자인 결과물을 이쁘게 만들기 위한 것만은 아닙니다. 실내 디자인의 경우, 컬러를 사용하는 목적은 건물 내부의 공간을 목적에 따라 구분 짓고 사용자들이 각 공간에서 원하는 기능을 수행하도록 최적화하는 데 있습니다. 유료 웹툰 서비스에서도 컬러를 사용할 때 이런 접근을 할 필요가 있습니다. 앱과 웹에서도 실내 디자인처럼 서비스 기능에 맞는 다양한 페이지들이 있고, 각 페이지 별로 사용자들이 원하는 목적이 있기 때문입니다. 사용자들이 원하는 목적을 달성할 수 있도록 컬러가 심미성뿐만 아니라 기능성까지 고려되었을 때 사용자에게 좋은 경험을 제공할 수 있습니다. 그럼 먼저 실내 디자인 관점에서 바라보는 컬러의 특징을 알아보겠습니다.

 

컬러의 특징

실내 디자인에서는 컬러를 사용할 때 고려해야 하는 다양한 관점들이 있습니다. 하지만 이 칼럼에서는 앱 혹은 웹 디자인과 관련되어 있다고 판단되는 관점 3가지를 소개하고자 합니다.

 

공간기능

컬러는 공간의 목적에 따라서 사용자들이 원하는 기능을 최적화시키는 데 사용되어야 합니다. 병원을 예로 들어보겠습니다. 회복기 환자들의 경우, 회복 속도를 가속시키기 위해 육체적인 자극을 줄 수 있는 컬러가 필요합니다. 이런 이유로 밝은 조명과 난색 계열이 적합합니다. 반면에 장기간 입원해야 하는 환자들의 경우, 오랜 시간 동안 안정을 취해야 하기 때문에 자극이 덜한 컬러가 필요합니다. 이런 이유로 어두운 조명과 한색 계열이 적합합니다. 마지막으로 수술실의 경우, 의사가 환자의 혈액 및 조직에 집중할 수 있도록 보색 관계에 놓인 컬러가 필요합니다. 이런 이유로 빨간 혈액과 보색 관계에 있는 녹색이 적합합니다. 이런 병원의 예시처럼 컬러가 공간의 목적에 부합하는 용도로 사용되었을 때 사용자에게 최적의 경험을 제공할 수 있습니다.

 

인체공학

컬러 사용의 중심은 인간이 되어야 합니다. 이 목적을 달성하기 위해 인체공학적으로 컬러를 사용할 때는 2가지 요구사항들을 고려해야 합니다. 첫번 째는 생리적 요구입니다. 주로 눈의 건강과 관련되어있습니다. 기본적으로 광택 혹은 눈부심으로부터의 보호, 적합한 조도와 휘도 등을 고려해야 합니다. 두번 째는 심리적 요구입니다. 특정 컬러가 우리에게 심리적으로 주는 영향, 특정 컬러가 포함하고 있는 상징적 의미 혹은 연상되는 인상, 컬러가 공간의 특징과 합쳐져서 만드는 분위기 등을 고려해야 합니다.

추가로 위의 2가지 요구사항들을 만족시키기 위해서는 색상 대비, 표면의 넓이 혹은 형태, 사용자의 체류시간, 컬러가 사용되는 곳의 질감 등이 미치는 영향도 고려해야 합니다.

  

심미성

실내 디자인에서 심미성은 공간이 주는 분위기, 정보, 기능, 형태 질감, 조명 등의 상호작용으로 형성된다고 합니다. 이를 위해서 컬러의 다양성, 색상 대비, 색면의 비례를 고려해야 합니다. 각 공간의 목적 및 기능성에 부합하면서 미적으로도 신중하게 선택된 컬러는 시대를 초월한 아름다움을 갖게 됩니다.

 

유료 웹툰 서비스에서의 컬러 사용 

앱과 웹을 온라인에 존재하는 가상의 공간이라고 했을 때, 위의 관점들을 유료 웹툰 서비스에 활용한다면 컬러 사용에 도움이 될 수 있는 가이드라인을 만들 수 있다고 생각합니다. 유료 웹툰 서비스에서의 사용성을 높이기 위해 중요한 기능 위주로 컬러 사용에 대한 개인적인 생각을 적어 보겠습니다. 이 칼럼에서는 작품 탐색, 작품 검색, 작품 감상, 코인 구매, 작품 구매, 회원가입, 로그인만 다루겠습니다.

 

 

작품 탐색, 작품 검색, 작품 감상

이 기능들은 사용자들이 유료 웹툰 서비스를 사용하는 가장 큰 목적입니다. 사용자들이 해당 기능을 잘 사용하기 위해서는 작품 대표 이미지와 에피소드 내용 등을 통해서 자신이 원하는 작품인지 확인시키는 것이 중요합니다. 이런 이유로 작품과 관련된 정보 탐색이나 에피소드를 감상하는데 방해하는 컬러는 최대한 피해야 합니다. 작품과 관련된 이미지들에 시선이 집중되도록 무채색 혹은 명도가 밝은 컬러를 사용하는 것이 적합합니다.

 

작품 구매, 코인 구매

이 기능들은 사용자들이 작품의 새로운 에피소드를 감상하는데 필요한 기능입니다. 유료 웹툰 서비스가 낯선 사용자들에게는 부담이 될 수 있기 때문에 작품 및 코인 구매에 대한 부담을 심리적으로 줄이는 것이 중요합니다. 이를 위해서는 빨간색, 주황색, 노란색 등의 난색을 사용할 필요가 있습니다. 난색에는 사람들의 마음을 흥분시키고 활동적으로 만드는 효과가 있기 때문입니다. 조금이라도 사용자들의 마음을 활동적인 상태로 만들어서 작품 및 코인 구매에 대한 부담을 줄일 수 있는 컬러를 사용하는 것이 적합합니다.

 

회원가입, 로그인

이 기능들은 사용자가 유료 웹툰 서비스를 사용하기 위해서 반드시 거쳐야 하는 기능입니다. 이 기능을 거치지 않고서는 작품 및 코인 구매가 불가능하고 심지어 작품 감상을 할 수 없는 경우도 생깁니다. 하지만 많은 사용자들이 해당 기능들을 번거로워하는 경향이 있습니다. 이런 이유로 회원가입과 로그인 페이지에서는 사용자들이 빠르게 목적을 달성하도록 유도하는 것이 중요합니다. 회원가입과 로그인의 빠른 진행을 위해서는 꼭 입력해야 하는 정보 혹은 완료 버튼 등을 가장 눈에 띄는 포인트 컬러로 사용하는 것이 적합합니다. 포인트 컬러를 선정하기 위해서는 명도, 주위 UI 요소들과의 배색, 컬러가 사용되는 면적 등을 고려해야 합니다.

  

위에서 언급한 사실들 이외에도 컬러를 선택해야할 때는 고려해야할 점들이 많습니다. 서비스 브랜드 컬러와의 관계, 정보의 위계성, 서비스 사용자들의 문화, 착시현상, 명암비, 유료 웹툰 서비스를 사용하는 장소 등이 있지만 이는 다음 기회에 다루도록 하겠습니다. 컬러의 올바른 사용을 통해서 웹툰 사용자들에게 좋은 경험을 제공하는데 도움이 되길 바랍니다. 감사합니다. 

 

 

참고 자료

사단법인 한국색채학회. (2002). 컬러리스트 이론편. 서울: 도서출판 국 제 


웹툰가이드 PICK
웹툰가이드 인기글

칼럼

콘텐츠 IP 시대의 팬덤과 취향 공동체의 생태계
한국콘텐츠진흥원 | 2020-06-24
코로나 바이러스 이후의 출판계 상황 조사 (프랑스 국립 출판 노동조합/SNE)
윤보경 | 2020-06-19
<극락왕생>, 신화의 세계가 일상성을 가질 때 일어나는 일들
한국콘텐츠진흥원 | 2020-06-17
위기 속에서 약진하고 있는 프랑스의 웹툰 시장
윤보경 | 2020-06-15
<안녕, 엄마>, 이상적인 관계는 없다
한국콘텐츠진흥원 | 2020-06-10
<타인은 지옥이다>, 타자의 공포 그 관계의 아이러니
한국콘텐츠진흥원 | 2020-06-03
웹툰 서비스에서 버튼은 어떻게 디자인해야할까?
김민오 | 2020-06-02
'빙의 회귀 환생 로맨스 판타지'의 카운터 어택 - 웹툰 <여왕 쎄시아의 반바지>
조경숙 | 2020-05-29
<무모협지>, 정통 무협 비틀기의 즐거움
한국콘텐츠진흥원 | 2020-05-27
웹툰과 드라마를 매개하는 ‘로맨스’
한국콘텐츠진흥원 | 2020-05-20
강제 휴업 이후 재개장을 앞두고 있는 프랑스 서점들의 인터뷰
윤보경 | 2020-05-19
이동제한령 해지 이후, 프랑스 만화계.
윤보경 | 2020-05-19
웹툰과 영상물 세계관 공유를 통한 트랜스 미디어의 가능성
한국콘텐츠진흥원 | 2020-05-13
또 다른 경험 세계의 육아 - <닥터앤닥터 육아일기>
조경숙 | 2020-05-06
드라마가 된 웹툰, 안일한 소재주의와 K-드라마 문법의 한계를 넘어
한국콘텐츠진흥원 | 2020-05-06
<노동본색>, 특권화된 세상 뒤집어보기
한국콘텐츠진흥원 | 2020-04-29
다매체 시대의 다양성 만화 작가들
한국콘텐츠진흥원 | 2020-04-22
웹툰 서비스에서 컬러의 역할은?
김민오 | 2020-04-21
<악의 혈통>, 현란한 액션의 목적지는 어디인가?
한국콘텐츠진흥원 | 2020-04-15
'현재 유럽은...' 코로나 바이러스의 유례없는 피해와 프랑스 만화 산업의 대응.
윤보경 | 2020-04-10