[디자인기초] 영화 포스터로 알아보는 디자인의 원리

우리가 '멋지다', '좋다', '끌린다'고 판단하는

디자인은 어떤 규칙이 숨어있을까?

 

디자인에 대한 첫번 째 수업인 만큼 '디자인'이란 무엇이고,

디자인에 숨어있는 원리를 찾아보는 시간을 가져보았다.

---

1. 디자인이란 무엇인가?

- 목적에 부합하는 설계를 통해 문제를 해결하고 기능성과 심미성을 조화롭게 구현하는 활동

- 단순히 예쁘게 만드는 것 X,경험과 감정에 영향을 미치는 전략적 사고과정

- 그래픽 디자인 : 목적 지향적인 설계를 비주얼랭귀지로 기능적, 시각적 구현

 

(예시)

애플로고 --> 전자 기기가 떠오름

휴지통 아이콘 --> 쓰레기통 이라는 인식

---

2. 디자인의 원칙

1) 균형 

 

- 대칭균형의 예시들

좌우 대칭, 상하 대칭이 맞아 균형을 이루고 있다.

 

- 비대칭 균형의 예시들

두 포스터 모두 인물이 오른쪽으로 치우쳐져 좌우 비대칭으로 배치되어 있지만

색상 대비와 여백이 안정적인 인상을 준다.

 

2) 대비

디자인은 어쨌든 눈에 띄어야 하기 때문에 어쩌면 디자인에서 가장 중요한 요소다.

색상, 크기, 무게감 대비 등이 있다. 

 

3) 계층구조(hierarchy)

디자인 요소들의 중요도에 따라 계층 구조를 형성 -> 시각적 정보의 우선 순위를 정해준다.

 

첫번째 : 주요 이미지가 눈에 시선을 집중 - 왼쪽 상단에 진한 텍스트를 보고 하단의 작은 텍스트를 보게 됨

두번째 : 여백에 제목을 써서 먼저 보게 함. 중심에서 외곽으로 시선을 확장하도록 구성

세번째 : 타이포그래피 중심의 계층구조, 글씨의 크기와 색깔에 따라 시선이 이동

 

4) 통일성

 

첫번째 : 사람 형태가 반복되어 그자체로 덩어리로 인식 -> 통일된 구조 (반복과 정렬) 

두번째 : 검정색으로 전체적인 통일감 형성, 선명한 실루엣과 서체 스타일 등이 일관성 있게 구성

 

5) 리듬

 

여러 디자인 요소를 규칙적으로 반복하거나 점진적으로 변화시켜 리듬감 형성

 

6) 강조

 

검정과 레드, 옐로우로 대비를 이루며 강조함

---

3. 타이포그래피

정의 : 글을 시각적으로 효과적이고 매력적으로 매치하여 가독성과 메시지 전달력을 높임

방법 : 폰트 선택, 문자 정렬, 여백, 행간격 조정, 컬러나 굵기 설정 등

 

1) 타이포그래피의 중요성

- 가독성 향상 : 정보 전달의 효율성 높임

- 브랜드 정체성 강화 : 소비자의 기억에 각인 시킴

- 메시지 및 분위기 전달 : 감성, 분위기, 메시지를 강화

- 사용자 경험 개선 : 직관적인 정보 확인을 돕고, 다양한 화면에서 일관적 경험 제공

 

2) 타이포그래피의 역사 

인쇄 활자에서 시작 -> 디지털 서체로 변화 

* 영문 서체의 변화 

고딕 중세시대 : 블랙레터체 / 전통과 권위를 보여줌, 맥주 브랜드 로고에 많이 쓰임

그리스 로마 정신을 따른 로만체 : 벰부체, 가라몬드체 / 클래식한 서체의 대명사

18세기 신고전주의 서체 트랜지셔널 : 바스커빌체 / 좀 더 수학적 (루이까또즈에 Q)

모더니스트 서체 : 보더니체 / 굵은 획과 얇은 획의 강한 대비, 고급스럽고 차가운 느낌, 제목이나 디스플레이용

산업 혁명 : 산세리프체 / 실용성, 균형잡힌 구조, 고른 굵기, 산업적, 단순함 = 기능성

20세기 모더니즘 : 헬베티카체 / 다양한 디지털 서체 / 합리성, 기능성, 보편성, 가독성과 접근성이 핵심

 

3) 참고사항

- 세리프, 명조체는 긴 텍스트에서는 가독성이 좋다. 클래식한 느낌

- 산세리프, 고딕체는 디지털 화면이나 짧은 텍스트에 좋다. 직관적이고 깔끔한 느낌

- 글자가 아닌 부분의 여백이 모두 다르기 때문에 커닝(자간 맞추기)가 필수 / 주로 로고디자인이나 제목 디자인할 때

- 자간이 좁으면 하나의 덩어리로 인식되어 제목 쓰기에 좋고, 문장의 경우 자간이 있어야 가독성이 좋음

- 여백은 글자를 더 잘 읽히게 하는 공간

 

---

4. 레이아웃

1) 정의

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

 

2) 역할

시각적 균형과 조화, 사용자의 효과적 인식을 도움

 

3) 중요성

 - 정보전달력 향상 : 가독성을 좋게 하고 통일성을 만든다.

 - 시각적 위계 형성 : 텍스트의 크기, 무게감 조절, 여백 처리 등으로 시각적 위계를 형성

 - 일관성으로 브랜드 이미지 제고 : 레이아웃 자체를 브랜드 아이덴티티로 보여줄 수 있음

 - 사용자 경험 (UX) 

  (예시) 

  애플 - 정제, 명확, 깔끔한 레이아웃

  쿠팡 - 다채로운 상품 전시, 마트 같은 느낌

 

4) 레이아웃 만들 때 고려할 점 

 - 여백이 있어야 집중도가 높아진다.

 - 핵심요소 반복 사용으로 그룹화

 - 대비와 강조를 이용

 - 정렬과 그리드를 활용

 - 어디에 초점을 줄 것인 지 설정 (call to action CTA이 중요한 포스터나 인쇄 디자인)

 - 계층 구조 조정

 

---

5. 색상

 

1) color : 색상은 빛의 반사에 의해 인식되는 시각적 속성

 

2) 색상 조합시 참고사항

1) 보색대비 : 가장 임팩트 있는 대비, 에너지가 느껴지지만 잘못하면 촌스러워질 수 있음

2) 유사색 대비 : 조화, 차분, 안정적, 실패 확률 적음

3) 명도대비 : 잘못하면 가독성이 떨어지기 때문에 디지털 콘텐츠에서는 접근성이 떨어짐

 

RGB모드 : 빛을 내는 모니터, 전자 기기 등 , 사람이 볼 수 있는 거의 모든 색 구현 가능

CMYK모드 : 잉크에 기초한 삼원색, 인쇄-출판 디자인

 * 디자인 시작 전에 어떤 색상 모드를 선택할 지 골라야 함!

 

3) 색채심리학 : 색은 우리 기분이나 감정에 영향을 준다.

 - 고객의 감정과 행동에 영향을 미친다.(예를들어, 빨강색은 충동구매 유발)

 - 고객이 브랜드를 인식하는 방식에 영향을 미친다. (예를 들어, 네이버는 초록색- 편안함과 안정, 중립)

 - 브랜드 인지도를 높이는 데 효과적이다. (삼성-파란색, 이케아 -파랑.노랑, 스타벅스-초록색)

 - 브랜드의 개성을 드러내는 데 도움을 준다. (티파니 브랜드의 티파니블루)

 

4) 색이 가지고 있는 이미지와 활용 사례

 - 검정 : 명품, 권위, 힘, 권력, 세련됨, 명품 등의 고급스러운 것에 많이 쓰임 / 나이키, 고급차, 샤넬

 - 빨강 : 열정, 사랑, 에너지, 활력, 생명력 / 넷플릭스, 코카콜라, 페라리

 - 노랑 : 행복, 즐거움, 주의, 경고, 에너지, 희망 / 이마트, 카카오톡, 표지판, 맥심 모카골드

 - 파랑 : 신뢰, 믿음, 전문성, 진실, 정의, 우울, 슬픔, 차가움  / 은행, it기업, 삼성, 줌 등

 - 초록 : 생명, 자연, 평화, 안전, 회복, 치유, 희망 / 네이버, 스타벅스, s오일, 이니스프리, 식음료나 자연주의 상품

 - 보라 : 신성함, 예술적, 창의적, 신비로움, 광기 / 마켓컬리, 씨유, 야후 등

---

6. 디자인 프로세스

 1) 발견 - 컨셉 구축 및 아이디어 구상 - 계획 및 정의 

 2) 고려사항 

 - 디자인은 곧 문제 해결이다. 

 - 디자인의 스토리와 철학을 구축하는 과정에서 핵심적인 메시지와 방향성을 정리

 - 컨셉을 실행 가능한 형태로 정리해야 한다. 팀원 또는 고객과 소통을 위한 명확한 문서화가 핵심

---

<1일차 수강 후기>

 

드디어 내일배움캠프 첫 날!

평소에 8시쯤 기상을 하는데 8시반에 OT를 한다고 해서 헐레벌떡 일어났습니다.

학습을 할 때 가장 어려운 것이 의자에 앉는 것이라고 생각을 하는데 강제로 의자에 앉을 수 있어서 좋았습니다...ㅎ

 

저는 학습을 하기 전, 목표를 세우고 계획적으로 접근하는 것을 좋아하는데

내일배움캠프의 프로그램 상에서 자체적으로 자신에 대해 알아보고 학습 목표를 세우는 시간을 가질 수 있어서

개인적으로는 정말 좋았어요!

 

처음 제공된 강의는 디자인 개론으로, 디자인의 기본기를 가지는 강의입니다. 

저는 빠르게 강의를 듣고 실습 위주로 많이 해보는 게 중요하다고 생각해서

첫 날 강의를 다 들어버렸어요!

해당 강의 내용이 제가 대학교 때 패션학과 수업에서 컬러 관련 강의를 들은 적이 있는데

그와 비슷한 것 같아 나름 익숙했답니다.

추가로, 혹시 이 글을 읽고 계시는 분이 계시다면

제가 최근에 읽고 있던 <color design book : 도시 속 컬러를 읽다> 라는 책을 추천드릴게요!

디자인 기초 강의에서 배운 내용과 더불어 더 많은 컬러에 대한 지식을 얻을 수 있답니다.

 

 

수업을 듣고 개별 과제로 디자인의 원리에 따라 제작된 디자인 예시를 찾는 시간도 가져보았는데요!

저는 포스터 중에서도 영화 포스터를 좋아해서

관련 예시로 찾아 위 글에 첨부해놓았습니다.

 

오랜만에 장시간 앉아서 공부를 하니 잠자고 있던 열정이 불타오르는 느낌이에요>_<

앞으로도 이 열정을 잃지 않고 열심히 학습하고 이 공간에 기록해보겠습니다~!