Day 1 _ 디자인 개론 / 컬러 팔레트 리서치

카테고리 없음

Day 1 _ 디자인 개론 / 컬러 팔레트 리서치

s0_heee_ 2026. 6. 8. 20:28

27/06/08 ai 컨텐츠 디자이너 본캠프 1일차

목차

- 오늘의 회고
- 디자인개론 강의 정리 및 레퍼런스 분석
- 컬러 팔레트 리서치

오늘의 회고

오늘 학습한 내용

1. 디자인 개론 _ 디자인의 정의와 원칙
2. 디자인 감각 훈련 _ 컬러 팔레트 리서치

회고

디자인은 단순히 예쁜 것을 창작하는 것이 아니라, 목적에 따른 설계를 하고 시각적인 문제를 해결하는 역할이라는 것을 다시 한번 느꼈다.

디자인 6가지 원칙에 대해 학습했다. 사용자의 감정에 따라 전략적으로 사고할 수 있도록 해당 원칙들에 대해 숙지하고 분석했다.

원칙을 학습하며 디자인이 단순히 요소를 예쁘게 배치하는 것이 아니라 사용자가 안정감을 느끼도록 시각적 무게를 조절하는 과정이라는 것을 알게 되었다. 특히 대칭 균형과 비대칭 균형의 차이를 비교하며 같은 정보라도 전달되는 분위기가 달라진다는 점이 흥미로웠다.

이러한 원칙에 대해 배우고 나니 분명 며칠 전에 봤던 디자인이 오늘 보니 다른 느낌이었다.
분석하는 습관을 일상에서 적용시키면 재밌을 것 같다. 앞으로 더 많은 것을 보고 배워 보는 눈을 더욱 키우고 싶다.

컬러 팔레트 리서치를 위해 여러 이미지를 분석하며 색상 자체보다 색상의 비율, 명도 차이, 질감, 배경색이 분위기에 큰 영향을 준다는 점을 알게 되었다.

같은 베이지라도 어두운 배경에서는 고급스럽게 보이고 푸른 배경에서는 더 차갑고 깨끗하게 느껴지는 것이 인상적이었다.

학습하며 겪었던 문제점과 해결 과정

문제 : 컬러 팔레트를 분석할 때 어려움을 겪었다. 컬러 팔레트를 보고 어떤 감정이 느껴지고, 왜 컬러 배치가 안정적인지 말로 설명하기가 어려웠다. 보는 눈보다, 설명하는 언어가 부족하다는 것을 알게 되었다.
시도 : 챗지피티에 내가 선택한 이미지를 업로드하여 분석을 지시했다.
해결 : 챗지피티가 분석한 내용을 통해 언어로 인지하고, 나의 방식으로 다시 정리했다.
다시 만나면 : 여러번 반복을 통해 ai 없이도 말로 설명하는 능력을 키워야겠다.
오늘 새롭게 배운 툴 : https://coolors.co

* 이미지에서 색상을 추출하는 사이트.
피그마로도 추출이 가능하지만 해당 사이트도 유용하게 쓸 수 있을 것 같아 기록해본다.

내일 학습할 내용

디자인 개론 _ 타이포그래피, 레이아웃
디자인 감각 훈련 _ 폰트 레퍼런스 리서치

디자인의 정의

목접에 부합하는 설계를 통해 문제를 해결하고 기능성과 심미성을 조화롭게 구현하는 창의적 활동
단순히 예쁘게 만드는 것이 아니라, 사용자의 감정과 감정에 영향을 미치는 전략적 사고 과정

첨언 : ai의 발전으로 기술적인 부분에 대해 도움을 받을 수 있게 되어
디자이너는 더욱 기획, 설계, 사용자 중심의 사고 과정이 중요해졌다.

디자인의 원칙

1. 균형 (balance)
영역을 구성하는 디자인 요소의 시각적 무게를 어느 한 쪽에 치우침 없이 안정적인 구도를 가지도록 배치하는 원리

* 대칭 균형

화면을 가로로 분할하여 대칭 균형을 이룸 비교적 밋밋한 하단에 텍스트를 배치하여 균형을 높임

과일의 요소 자체의 모양은 다르지만 화면에서 차지하는 면적을 거의 동일하게 만들어 안정감이 느껴짐

* 비대칭 균형

비대칭적인 대각선 컬러 분할, 기울어진 이미지 등을 통해 더욱 역동감을 증가시켰다.

움직이는 물고기를 각각 다른 형태와 비대칭적인 위치에 배치. 제목에 시선이 가게끔 배치했다.

2. 대비 (contrast)
서로 상반되는 요소를 함께 배치하려 구성하는 요소들의 대립으로 흥미, 긴장감, 강조 등을 표현하는 원리

크기 대비
색상 대비
형태 대비
* 바우하우스 ?

* 색상 대비

이미지 하이라이트에 보라 계열의 보정을 하여 더욱 보색인 그린 컬러에 시선이 가게 되는 효과가 있다. 보라색이라 비교적 강조가 덜 되는 글씨는 크기를 강조하여 전체적으로 안정감이 느껴진다.

블루 / 레드의 보색 대비 마찬가지로 이미지 보정을 통해 컬러 대비를 완성함

화면 상하단의 핑크/블랙 대비와 인물 사진에 대해 색 대비를 적용하여 몽환적이고 예술적인 느낌을 준다.

이미지의 횡단보도를 활용해 흑백의 대비를 주었으며 강렬한 레드 컬러의 타이포를 통해 시선을 끈다.

3. 계층구조 (hierarchy)
시각적 우선순위, 디자인 요소들의 중요도에 따라 계층 구조를 형성하여, 사용자의 주의를 유도하고 정보 전달의 우선순위를 정하는 원리

반복, 리듬감을 사용한 그래픽을 통해 음악이라는 정보를 나타냈으며 가장 중요한 제목은 폰트의 변화 및 굵기로 강조, 그 외의 우선순위에 대해서는 폰트의 크기에 차이를 주었음

폰트 크기와 굵기에 따른 중요도를 표현. 위에서 아래로, 아래에서는 왼쪽에서 오른쪽으로 시야가 이동된다.

4. 통일성 (unity)
일정한 양식과 질서를 통해 다양한 디자인 요소끼지 서로 조화를 이루면서 일관된 메세지를 표현하는 원리

여러가지 정보가 있는데 비슷해 보이게 끔 하여 통일감을 주는 것,
반드시 형태적인 것 뿐만이 아니라, 인포그래피 혹은 시리즈로 제작할 때도 중요한 요소

* 반복