내일배움캠프/본 캠프 TIL

2026.06.10 AI 디자이너 3일차 - 디자인에서의 색상, 디자인 프로세스

wdk5977 2026. 6. 10. 20:11

1. 오늘의 목표

- 디자인에서의 색상, 디자인 프로세스 학습

- 팀 포스터 완성하기

 

2. 오늘의 학습 내용

1. 기본 색체학

- 색상은 빛의 반사에 의해 인식되는 시각적 속성

- 색상은 물체가 반사하는 빛의 파장 특성에 따라 다르며, 인간의 감각과 심리에 영향을 미치는 요소

 

색상, 명도, 채도

색의 분류

1. Ptimary : 옐로우, 레드, 블루 3원색

2. Secondary : 그린, 오렌지, 퍼플의 1차색을 혼합하여 만든 색상

3. Tertiary : 2차 색들을 혼합하여 나오는 색상

 

또 다른 분류법

- 따뜻한 색/ 웜톤 : 빨간색, 주황색, 노란색 등 활력이 있고, 에너지가 있는 색

- 차가운 색/ 쿨톤 : 파란색, 청록색, 남색 등 차분하고 시원한 색

- 중간 온도 중 따뜻한 색 : 연두색, 초록색 등

- 중간 온도 중 차가운 색 : 자주색, 보라색 등

 

보색 대비

- 보색 관계란 색상원에서 서로 마주보는 반대편의 색을 보색이라고 한다. (강렬한 대비)

- 보색 대비는 생동감과 에너지를 불어넣는다. 시선을 집중시키는데 가장 효과적인 색상 조합이다.

- 자칫 잘못하면 촌스럽게 보이기 때문에 사용에 주의

보색 대비를 염두해두고 만든 이미지 (상큼하고 다이내믹한 무드를 제공)

 

유사색 조화

- 색상원에서 인접한 색끼리 조합한게 유사색 조화

- 부드럽고 통일감 있는 느낌을 줄 수 있게 된다.

- 실패할 확률이 비교적 낮은 색깔 조합

유사색 조화를 이용하여 만든 이미지

 

명도 대비

- 밝기가 서로 다른 두 색의 영향으로 밝은 색이 더 어둡게 보이고 어두운 색이 더 밝게 보인다.

- 밝기에 따른 차이를 명도 대비라고 한다.

- 앱이나 웹 디지털 환경에서 명도 대비가 중요하다. (웹 접근성 명도 대비)

 

명도 대비를 잘 활용한 이미지

 

2. 색상 모드

- 색상 모드는 색상 모듈에 있는 채널 수를 기반으로 색들이 결정되는것을 이야기 한다. (RGB, CMYK)

 

RGB (Red, Green, Blue)

- 빛의 삼원색으로 가산 혼합 방식으로 색을 더하면 더할수록 밝아진다.

- 빛의 원리와 동일

 

CMYK (Cyan, Magenta, Yellow, Black)

- 잉크에 기초한 색상 구현 모드로 색을 더하면 더할수록 탁하고 어두워진다.

- 물감을 혼합하는 것과 같은 원리.

 

→ 디자인 할 때 작업물의 용도에 따라 RGB나 CMYK 선택이 중요하다. (디지털 컨텐츠의 경우 RGB, 인쇄물의 경우 CMYK)

 

3. 마케팅과 색체 심리학

Q. 파란색 공간에 있으면 왜 더 차분해질까? 맥도날드, 버거킹 등 햄버거 브랜드에서는 왜 노란색, 주황색, 빨강색을 주로 사용할까?

A. 색은 우리의 기분이나 감정에 영향을 주기 때문이다.

 

색체 심리학이 왜 중요할까?

빨간색은 '경고'의 의미가 있다.
검은색 = 고급스러움/유니크함, 초록색 = 안정/중립성/성장 등등
시그니쳐 색상을 사용하면 고객이 브랜드를 기억하는데 도움이 된다.
색상이 해당 브랜드의 고유 색상이 되기도 한다.

색들이 가지는 의미와 사례

 

1) Black

나이키, 제네시스, 샤넬

 

- 힘,권위/고급스러움,세련됨/단정함과 진지함

- 특히 프리미엄 세단, 명품브랜드와 같이 권위적인 이미지와 포멀을 상징하는 브랜드에 많이 사용한다.

 

2) Red

코카콜라, 넷플릭스, 페라리

 

- 열정과 사람/에너지와 활력/심박수, 혈압 등 생명력

- 식욕을 뜻하기도 하기 때문에 햄버거 등 식품 브랜드에서도 많이 사용이 된다.

 

3) Yellow

이마트, 카카오, 맥심

 

- 행복과 즐거움/ 주의와 경고/ 에너지와 활력/ 희망과 낙관

- 행복함, 즐거움을 대표하는 색, 때때로 경고 표지판 등 주의의 느낌을 주기도 한다.-

 

4) Blue

 

- 신뢰와 믿음/ 전문성/ 진실과 정의/ 우울과 슬픔/ 차가움과 무관심

 

5) Green

 

- 자연과 생명/ 평화와 안전/ 회복과 치유/ 새로운 시작과 희망

 

6) Purple

 

- 신성함, 고귀함/ 예술과 창의성/ 신비로움, 영성/ 광기

- 보라색을 잘 쓰기 쉽지 않다.

 

4. 디자인 프로세스

→ 추상적인 아이디어를 가시적인 결과물로 전환하는 여정

 

1. 발견 단계

- 디자인은 곧 문제 해결

- 막연히 시작하기보단 발견을 통해서 무엇을 왜 디자인 해야하는지에 대해 탐색하고 시작하는 것이 좋다

 

예시 : 예상보다 사용자 호응이 적은 캘린더 서비스

 

문제인식

- 문제 : 사용자 호응이 적음

- 사용자 조사(예 : 인터뷰, 설문조사 등)

- 심층적인 사용자 조사 시작

- 결과 : 시간대 선택하는 UI가 불편하다는 인사이트를 얻게 됨

 

문제의 본질과 맥락 탐색

목표 : 프로젝트의 목표는 무엇인가?

성공 지표 : 프로젝트의 성공은 어떻게 측정할 것인가?

대상 고객 : 프로젝트의 타겟 대상은 누구인가?

 

→ 요약하자면 발견이란?

- 발견은 디자인의 출발점이며, 문제와 사용자를 이해하는 단계

- 리서치와 관찰, 분석을 통해 핵심 인사이트를 도출

- 이 단계에서 얻은 통찰이 이후 아이디어와 실행의 방향을 결정

 

2. 컨셉 구축 단계

- 컨셉은 어떤 이미지, 느낌을 붙잡아서 실체화 하는 것

아이디어가 많아도, 컨셉은 한가지

 

Mind map, 아이데이션

 

- 아이디어의 제한 없이 막 뱉어서 취합하는 과정(브레인 스토밍, 마인드맵 등등)

 

Keyword Clustering, 컨셉 도출

 

Moodboard, 컨셉 명확화

- 특정 스타일이나 컨셉을 전달하는 시각적 자료 모음, 프로젝트의 방향성 시각화

- 브랜드 아이덴티티 디자인 작업에 적합

 

요약하자면?

- 아이데이션은 다양한 해결책을 상상하고 확장하는 과정

- 컨셉은 이 중에서 핵심적인 메시지와 방향을 정리하는 것

- 강력한 컨셉은 시각, 언어, 감성으로 전달되어야 함

 

3. 계획 및 정의

- 실행 가능한 형태로 정리하라.

 

계획 및 정리단계에서 쓸 수 있는 방법

기획 문서

 

- 시행착오를 줄이기 위해서 고객과 작업자가 서로 실행해야할 작업을 문서화 및 도식화

 

스케치 및 와이어 프레임

 

- 앱 또는 웹 같은 디지털 미디어 디자인에서 많이 사용되는 기획서

- 앱의 작동 로직을 이해하기 쉽도록 정리해 놓은 문서

디자인 브리프

- 디자인의 전반적인 방향성과 요구사항을 문서화 한 것

 

요약하자면?

- 컨셉을 구체적으로 정리하고, 실행 가능하도록 구조화 하는 단계

- 사용자 흐름, 와이어프레임, 기획 문서를 통해 구체화

- 팀원 또는 고객과 소통을 위한 명확한 문서화가 핵심

3. 오늘의 쓰잘데기