개인 노트 정리) 시각디자인1 - 시각디자인 기초

완전정복! 시각디자인 기초 올인원 패키지 Online

part1 시각디자인 기초 1 (오프라인 매체 & 기본 시각디자인)

2 Ch 02. 시각디자인 소개

 

# 강의 진행 순서

1. 서체

2. 레이아웃, 그리드

3. 이미지, 컬러

4. 시각화

 

# 시각디자인 소개

## 시각디자인이란?

우리 주변에 발견되는 디자인을 바탕으로 시각디자인이 무엇이며 왜 필요한지 알아보자.

 

1. Package Design

2. Book Design

3. Motion Graphics

4. Digital Design

5. Space Design

6. Brand Design

 

디자인은 커뮤니케이션 툴

Visual Design -> Visual Communication Design

자기 만족을 위한 디자인이 아니라 다른사람도 만족을 해야하는, 소통이 중요한 디자인.

 

시각디자인은 시각예술과 기술을 매체에 접목하여 시각적 소통을 하기위해 만들어졌다.

 

# 디자인의 정의

디자인은 계획하는 것이다.

과거, 현재, 미래를 복잡적으로 생각해야한다.

디자인은 통합적 계획이다.

그렇게 계획한 프로세스(아이디어)를 파는 것이다.

미적인 수단으로 보지 말고 계획한다는 정의로 바라봐야 한다.

결과 뿐만 아니라 과정 자체도 디자인이다.

디자인은 단지 모양과 아름다움을 표현하는 것이 아니다. 스토리텔링도 필요하다.

 

# 그래픽 디자인이란

시각디자인이란 말 이전에는 그래픽 디자인이란 말을 많이 썼습니다.

그래픽 디자인은 텍스트와 이미지로 연출하는 것이다.
여기서 연출은 아름다움만을 말하는 것이 아니다.

시각디자인은 그래픽 디자인이라는 기본을 토대로 한다.

그래픽 디자인은 독자의 관심을 끌도록 시간이나 공간을 텍스트와 이미지로 연출하는 것이다.

 

# 시각 디자인이란?

Design = 계획 Visual Communication Design = 소통 Graphic Design = 연출

디자인 > 시각디자인 > 그래픽디자인 > 타이포그래피, 일러스트레이션...

시각디자인은 계획을 바탕으로 시각적 소통을 위해 텍스트와 이미지로 연출한다.

 

# 시각디자인 들여다보기

시각디자인의 기본 요소인 글자와 이미지. 이것들의 구성.

 

# 시각언어의 이해

추상적 vs 구상적

특정한 것으로 좁힐 때는 구상적인 이미지를 생각하게 되지만, 보편적인 것을 표현할 때에는 추상적으로 이미지를 떠올려야 한다.

 

# 글자와 이미지의 차이

모든 이미지는 상징을 가지며 사진, 아이콘, 심볼 등으로 나눌 수 있다.

 

# 시각디자인 요소_글자

글자를 어떻게 배치하고 조작해서 의미를 연출하는지를 고려하는 것.

글자도 하나의 이미지다.

글자를 단순히 읽기 위해서 쓰는 것이 아니라 메세지를 전달하기 위해쓰인다. 시각적 소통을 위해서 쓴다.

 

# 시각디자인 요소_글자의 종류

활자 vs 손글씨

타이포그래피 vs 캘리그래피

 

# 시각디자인 요소_이미지

글자가 의미와 메세지, 뜻을 전달한다면 이미지는 그 외에 감정 무드 늬앙스를 전달합니다.

정보와 기능의 이해를 심플하게 전달한다. 

상황에 따라 케릭터, 아이콘, 추상도형 등이 각각 유리할 때가 있다.

 

# 시각디자인 요소_이미지의 종류

그래픽 마크, 아이콘/심볼, 일러스트레이션, 포토그래피

크게 2가지로 나눈다면 일러스트레이션, 포토그래피

일러스트레이션은 서적, 잡지, 신문, 광고 등에서 문장 내용을 보충하거나 강조하기 위한 목적으로 첨부하는 그림을 말한다.

포토그래피는 빛으로 그린 그림이라는 뜻으로 사진을 일컫는다.

 

# 시각디자인 요소_구성

글자 + 이미지 = 구성

독자의 관심을 끌도록 시간이나 공간을 텍스트와 이미지로 구성(연출)하는 것.

 

# 시각디자인 요소_구성의 예

구성하는 것이 시각디자인의 핵심이다.

글자, 이미지를 연출한다는 것이 시각디자이너의 시각적 소통을 하기 위한 제일 중요한 행위이다.

시각디자이너는 사진을 직접 찍지않고, 폰트를 직접 만들지 않지만 이미 있는 재료를 활용해서 메세지를 배가시킵니다.

 

# 글자와 이미지를 결합하는 방법, 예시

총 4가지가 있다. 분리, 융합, 분열, 반전