1. [CH 1] 온보딩 / [강의] 디자인 개론 / TIL

디자인 개론

 

1. 디자인이란 무엇인가? What is DESIGN?

 

1. 디자인의 정의

- 목적에 부합하는 설계, 문제를 해결, 기능성과 심미성, 구현

- 전략적 사고 과정

 

2. 디자인의 개념 및 범위

- 목적 지향적인 설계 → Visual Languade → 기능적 시각적 구현

- Visual Communication Design

 

3. 그래픽 디자인 분야의 직업

---

2. 디자인의 원칙 Design Principles

 

1. 균형 (Balance)

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

- 대칭 균형 - 안정감, 비대칭 균형 - 역동감 

- (디자이너) 슬기와 민

 

[실습]

 

2. 대비 (Contrast)

- 서로 상반되는 요소를 함께 배치하여 구성하는 요소들의 대립으로 흥미, 긴장감, 강조 등을 표현하는 원리

- 크기 대비, 색상 대비, 형태 대비

- (사조) 바우하우스 - 디자인 조형운동

 

[실습]

 

3. 계층구조 (Hierachy)

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

 

[실습]

 

4. 통일성 (Unity)

- 일정한 양식과 질서를 통해 다양한 디자인 요소끼리 서로 조화를 이루면서 일관된 메시지를 표현하는 원리

 

[실습]

 

5. 리듬 (Rhythm)

- 여러가지 디자인 요소들을 규칙적으로 반복하거나, 점진적으로 변화시킴으로써 시각적 율동감을 느끼게 만드는 원리

- 통일성, 입체감, 공간감

 

[실습]

 

6. 강조 (Emphasis)

- 특정 요소나 영역을 형태, 색, 크기 등을 강화하여, 시선을 집중시키고 주목도를 높여 메시지를 효과적으로 전달하는 원리

 

[실습]

---

3. 타이포그래피 Typography

 

1. 타이포그래피란 무엇인가

(1) Typhograhpy

- 활판술 또는 활자 서체의 배열

- 글자의 형태, 배열, 크기, 간격 등을 조절하여 텍스트를 효과적으로 표현하고 전달하는 예술적, 기술적 작업

- 폰트 선택, 문자 간격, 행 간격

- 좋아 보이는 디자인의 비결

 

(2) 타이포그래피의 중요성

- 정보 전달

- 브랜드 정체성 강화

- 사용자 경험 향상

 

(3) 정리

- 글자가 어떻게 시각적으로 전달될지를 고민하는 과정

- 정보를 전달하는 기능 외에도, 느낌을 전달하고, 특정 감정을 유발하는 시각적 언어로 기능

 

2. 타이포그래피의 역사

(1) 인쇄술의 발명과 활자 디자인의 탄생

- 팔만대장경

- 직지심체요절

- 구텐베르크

 

(2) 서체

- 블랙레터체

- 로만체 (Bembo, Garamond)

- 트렌지셔널 (Baskerville)

- 모더니스트 서체 (Bodoni)

- 산세리프 서체: 정보전달용, 산업성

- 20세기 모더니즘 타이포그래피 (Helvetica): 형태는 기능을 따른다 → 논리•질서•명료성•보편성 강조

- 디지털 서체 혁명

 

3. 디자인에서의 타이포그래피

(1) 영문 서체의 구성요소

- 베이스라인 맞추는 것이 중요함

 

(2) 국문 서체의 구성요소

 

(3) 세리프 vs 산세리프

 

(4) 글자 사이와 단어 사이

- 레터 스페이싱

- 워드 스페이싱

- 커닝: 글자의 간격을 조정하는 것

 

(5) 글줄 사이 또는 행간

- 레딩: 글줄 사이 행간, 라인 스페이싱

 

(6) Negative Space

- Positive Space: 채워진 공간

- Negative Space: 여백

---

4. 레이아웃 Layout

 

1. 레이아웃의 중요성

(1) Layout

- 특정 공간 안에 문자, 이미지 등의 구성요소를 보기 쉽게 효과적으로 배치하는 작업

- 시각적인 균형과 조화를 이루고, 사용자의 효과적인 정보 인식을 돕는 구성 방식 

 

(2) 중요성

- 정보 전달력 향상

- 시각적 위계 형성

- 일관성으로 브랜드 이미지 제고

- 사용자 경험 (UX)

 

2. 레이아웃의 핵심 원칙

(1) 여백 만들기

(2) 콘텐츠의 그룹화

(3) 핵심 요소 반복 사용

(4) 대비와 강조

(5) 정렬, 그리드

(6) 초점 만들기 - CTA (Call to Action)

(7) 계층 구조 구성

---

5. 디자인에서의 색상

 

1. 기본 색채학

(1) Color

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

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

 

(2) 색상, 명도, 채도

 

(3) 색상환

- 색의 관계를 도식화한 것

 

(4) 색의 분류

- 1차색, 2차색, 3차색

- 따뜻한 색, 차가운 색

 

(5) 보색대비 (Complementary)

 

(6) 유사색 조화

- 자연에서 많이 보이는 색채  

 

(7) 명도 대비 (Luminisity Contrast)

 

(8) RGB 

- 웹용

- 색상 모드

- 빛의 원리와 동일.

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

 

(9) CMYK

- 인쇄용

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

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

- Why? 모니터와 인쇄물 사이의 색상 간극을 줄여주기 위해 잉크에 기초한 CMYK 컬러 모드를 사용하는 것

 

3. 마케팅과 색채 심리학

(1) Color

- 색은 우리의 기분이나 감정에 영향을 줍니다.

(2) 마케팅

- 고객의 감정과 행동에 영향을 미칩니다.

- 고객이 브랜드를 인식하는 방식에도 영향을 줍니다.

- 브랜드 인지도를 높이는 데 효과적입니다.

- 브랜드의 개성을 드러내는 데 도움을 줍니다.

→ 한 가지 브랜드로 규정할 수 없는 브랜드의 창의적이고 도전적인 정신을 표현하는 데 중요하다.

 

(3) 종류

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

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

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

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

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

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

---

6. 디자인 프로세스

 

1. 발견 Discovery

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

- 디자인은 곧 문제 해결

 

(1) 문제의 본질과 맥락 탐색

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

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

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

 

(2) 발견

- 디자인의 출발점이며, 문제와 사용자를 이해하는 단계입니다.

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

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

 

2. 컨셉 구축 및 아이디어 구상

(1) Concept, 디자인의 핵심 메시지

- 접두어 con-: 단단하게 응축하다. 실체화하다.

- 접미어 - cept: 취하다, 수락하다. 붙잡다, 획득하다.

- 디자인의 스토리와 철학을 구축하는 과정

- 아이디어가 많아도, 컨셉은 한 가지. (아이디어 < 컨셉)

 

(2) 방법

 

3. 계획 및 정의  Plan & Define

(1) 실행 가능한 형태로 정리하라

 

(2) 방법

- 기획 문서

- 스케치 및 와이어프레임

- 디자인 브리프 (디자인 제안서)

 

(3) 정리

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

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

- 팀원 또는 고객과 소통읠 위한 명확한 문서화가 핵심입니다. 

 

 

---

TIL

 

1. 오늘의 학습 키워드

- 디자인 개론 (디자인의 정의, 원칙, 타이포그래피, 레이아웃, 색상, 프로세스)
- 마음에 드는 디자인 5가지 / 분석

 

2. 오늘 학습한 내용

디자인의 과거와 현재를 핵심적으로 배웠다. 비전공자라 아는 것보다 모르는 게 많지만, 앞으로 배울 수 있는 게 많다고 생각하니 벌써 설렌다. 배우고 싶고, 관심있는 분야라 그런지 공부하는 게 기대가 된다!

 

3. 작업하며 겪었던 문제점 & 해결 과정
• 디자인적 문제 정의
• 시도했던 방법

• 개선된 결과물

• 새롭게 알게 된 디자인 원리 / 툴 활용법

• 다음에 같은 문제를 만나면 어떻게 할 지

 

- 분석하는 힘이 부족한 점
- 이해되지 않는 부분은 넘어가지 않고, 이해하기 !

 

4. 내일 시도할 학습 또는 실험 

- 다양한 형태의 디자인을 수시로 찾아 보고, 나만의 언어로 분석하기
- 타이포그래피 관련 서체 찾아보기