브랜드 일러스트레이션을위한 컬러 실험 (A Color Exercise for our Brand’s Illustration)

이 글은 Daniella Valerio A Color Exercise for our Brand’s Illustration 글을 번역했습니다.

지난주 수석 브랜드 디자이너인 Bronwyn Gruet은 Illustration Object Libraries의 도입으로 일러스트레이션 작업을 합리화하는 데 중점을 둔 훌륭한 글(great article)을 작성했습니다. 우리의 일러스트레이션 과정을 보다 간소화하기 위해 우리는 최근에 업데이트된 색상 표와 함께 색상의 하모니로 실험을 실시하기로 결정했습니다.
우리는 이 실험을 브랜드의 고유한 색상 세트를 효과적이고 효율적으로 사용하는 데 도움이 되는 가이드라인으로 삼고 자 했습니다. 선택 가능한 색조(hues), 음영(shades) 및 색조(tints) 배열을 통해 색상을 사용하여 작업할 때 이 실험이 시간을 절약할 수 있음을 알았습니다.

크리에이티브 마켓의 컬러 팔레트

당사의 컬러 팔레트는 다양한 톤을 포함하며 온기와 활기찬 작업을 위해 모든 색상의 스펙트럼을 활용하는 것을 목표로 합니다. 우리 팀은 이미 공유 된 견본 라이브러리(swatch library)를 사용하여 팀 전체에 쉽게 액세스하고 색상을 일관성 있게 유지할 수 있습니다. 아래는 Creative Market의 색상 스크린 샷입니다.
presentation

presentation


다양한 색상의 하모니를 문서화하기 위해 개발된 컬러 휠.

색상의 조합

우리의 컬러 탐사 중에 일러스트레이션 작업을 위해 기대어 놓을 수 있는 하모니를 찾았습니다. 체계적인 접근 방식이 가장 효과적 일 것으로 생각하고 하모니로 간주되는 색상 조합을 연구하기로 결정했습니다. 이러한 조합은 그들에게 즐겁거나 대조되는 품질을 갖는 것으로 알려져 있으며 유사, 보완, 분할 보완 및 측면 보완 및 삼중 그룹과 같은 그룹으로 구성됩니다. 다른 많은 색상 그룹이 있지만 우리는 독특한 하모니를 선택했습니다.
Analogous - 컬러 휠에서 서로 옆에 있는 세 가지 색상 그룹입니다.
작은 스팟 일러스트레이션을 작업할 때 우리는 이것을 사용하는 경향이 있습니다. 이 조합은 매우 안정적이며 심미적으로 좋지만 이 조화를 사용하면 색 대비를 사용하여 초점과 시각적인 관심이 만들어지도록 해야합니다.
presentation
Complementary - 색상환에서 서로 반대 방향으로 색상을 보완합니다.
우리는 시각적 긴장 때문에 이 조합을 사용하지 않습니다. 우리 프로젝트의 대부분은 제품 또는 마케팅 팀과 협력할 때 프로젝트 목표를 혼란스럽게 할 수 있는 이러한 수준의 대비를 필요로 하지 않습니다.
presentation
Split-Complementary & Side-Complementary — 보완적인 색상 체계의 변형입니다. 보색에 기본 색상과 2개의 "Analogous"색상 (또는 Side-Complementary인 경우 하나)을 사용합니다.
우리는 일러스트레이션에서 이 색 관계를 가장 많이 사용합니다. 앞에서 언급했듯이, 우리는 역동적인 작업을 하기 위해 모든 색상의 스펙트럼을 사용하고자 합니다. 이 조화는 보완적인 하모니에서 발생할 수 있는 강렬함 없이 시각적인 흥미를 유발할 만큼 충분한 대비를 제공합니다.
presentation
Triad - 컬러 휠 주위에 고르게 배치된 색상
우리는 크리에이티브 커뮤니티 그리고 회사를 표현하기 위해 색상 전체 스펙트럼을 사용하려고 하는 더 큰 일러스트레이션 작업을 위해 이 조화를 사용하는 경향이 있습니다. 너무 많은 색상을 사용할 때 우리는 그림에서 색상을 함께 배치하는 방법과 위치를 염두에 둡니다. 이를 통해 시각적인 분위기가 우리 회사의 목소리와 톤에 머물도록 합니다.
presentation

몇 가지 색상 기법

컬러 가이드와 함께 우리는 워크 플로우를 향상시킬 수 있는 Illustrator의 컬러 기술을 연구했습니다.

빠른 팁 # 1 - 글로벌 컬러

우리는 최근 Illustrator에서 이 멋진 트릭을 사용하기 시작했습니다. 전체 색상을 사용하는 방법에 대한 온라인 예제 및 튜토리얼들이 온라인으로 제공되지만 간단히 말해 그림에서 여러 모양 및 레이어로 작업할 때 색상을 빠르게 변경할 수 있는 좋은 방법입니다. 다음은 그 예입니다.
presentation

빠른 팁 # 2 - 색칠하기 작품

색상 조합 변경에 사용되는 또 다른 기술은 [재 채색 작업]입니다. 이 도구를 사용하여 Creative Market 컬러 라이브러리를 선택하고 브랜드의 색상환 내에서 색상을 실시간으로 변경할 수 있습니다. 다음은 그 예입니다.
presentation
목표는 컬러 페어링과 관련하여 리프레셔를 제공하고 의사 결정 프로세스의 속도를 높이는 가이드를 만드는 것입니다. 이 색상 가이드를 사용하면 모든 삽화에서 일관된 모양과 느낌을 유지할 수 있습니다. 우리가 선택한 색상과 우리가 만드는 조합은 브랜드 개성의 중요한 요소입니다.
이 가이드는 브랜드 시스템을 지속적으로 구체화하고 발전시켜 나가는 과정에서 항상 진행 중입니다. 그리고 여기서 멈추지 않고, 우리는 지속적으로 프로세스를 찾고 개선합니다. 우리 팀은 전문적으로 팀으로 성장하려는 우리의 노력에 도움이 되는 새로운 도구, 업데이트 및 방법을 정기적으로 공유합니다.
Bronwyn Gruet 에게 감사드립니다.

이 글은 번역 글입니다. 원본 링크입니다.



presentation
안녕하세요! Early adopter입니다.페이스북 [DTF] 디자인 번역 공장 - Design Translation Factory 그룹도 많이 가입해주시길 바랍니다.
"보버"에서 "디자인 번역 공장" 연재를 저와 함께 해주실 분을 찾습니다. 하단 "리뷰" 또는 "페이스북"으로 편하게 메시지 주세요!
PS. 제가 사용하는 블로그 "보버"에 "함께 쓰는 블로그"라는 기능이 요번에 추가됐네요 ㅋ (미디엄에 퍼블리케이션 같은 기능..)
하단 링크 글을 보시면 "디자인 번역 공장"에 어떻게 함께 연재할 수 있는지 자세히 설명되어있습니다. 또는 쉽게 FB 메시지 주세요!
https://bit.ly/2L6WsZp