TIL_포스터 벤치마킹과 디자인 개론 수업/03

오늘은 포스터 벤치마킹을 해서 워크북을 작성해보는 과제와 디자인개론 강의를 완강하는 미션이 있었다.

 

 

 

1. 포스터 벤치마킹

내 취향 위주의 포스터를 수집해서 어제 들은 수업 내용인 레이아웃의 구조를 살펴보며 포스터를 분석해본다.

나는 아트포스터를 굉장히 좋아해서, 평소에 그 위주로 보아뒀던것들이 있는데 이것들을 위주로 조사해보았다.

 

 

 

 

 

 

 

이 포스터는 전체적인 색채위주로 시선을 끌고, 약간 눌린듯한 텍스트가 보조하는 구조인 것 같다. 색채조합과 배경까지도 이미지라고 한다면 이미지 70: 텍스트 30의 비율인 것 같다. 이미지의 형태가 명확하지는 않지만 전체적인 느낌으로서 다가오고 자연스럽게 짓눌린듯한 텍스트로 눈이 간다.

 

 

 

 

 

 

친밀한 표정을 한 인물을 아주 가까이서 찍은 사진으로, 사적인 사진을 아주 크게 보는 느낌으로 시선을 먼저 끈다. 그 외에는 미지의 인물을 탐구하는 것처럼 스캐너 그래픽처럼 텍스트를 연출에 그에 대한 정보를 읽게되는형식이다. 이미지 80:텍스트 20 으로 보인다. 옆부분의 테두리에는 그 다음으로 보조적인 정보를 차분한 색으로 정렬하여 모던한 느낌을 준다.

 

 

 

 

 

 

 

처음에는 이미지의 색채와 강조로 ,중요한 부분으로 시선을 가져가고,다음에는 분산하고 흩어지는 듯한 텍스트로 시선이 간다. 하지만 텍스트 연출도 그림처럼 연출하여 그림55:텍스트45 정도의 비율로 보인다. 텍스트의 규칙을 무너트려서 그림의 일부처럼 보이기때문에 전체적으로 조화롭다.

 

 

 

 

 

시선의 중심은 가운데에 흐리게 배치된 타이포그래피인 것 같다. 번진듯한 붉은색으로 어떤 의미의 텍스트인지 궁금증을 자아나게 하고, 조화로운 뒷 배경과 이미지가 그 텍스트를 보조하는 구조로 보인다.비율자체는 텍스트 30:이미지70이지만 시선의 구조는 텍스트가 먼저 가져간다.

 

 

 

 

 

 

 

블러처리된듯한 인물의 뒷모습이 보이고 그 뒤에는 차분한 텍스트로 포스터의 정보를 보조한다. 이미지90:텍스트10 정도이다. 하지만 이미지의 정보를 흐리게 만들어서 작은 텍스트로 자연스럽게 눈이 각게 만든다.이 균형이 주는 인상은 눈의 피로가 없으면서도, 자연스럽게 만드는 것 같다는 생각이 들었다.

 

 

 

 

 

 

 

이 시선의 중심은 먼저 이미지가 들어오지만 텍스트의 보조구조는 아니다. 텍스트도 이미지의 일부처럼 연출되어, 독특한 타이포의 글을 하나하나 읽어보게 만든다. 그래서 텍스트50:이미지50 이라고 생각한다. 그 외의 보조정보들은 맥북으로 연 창처럼 위에 적혀있어서 재미있게 읽힌다.

 

 

 

 

 

 

 

시선의 중심은 중앙의 타이포그라피이다. 꼭 테이프를 연결해 만든것 같은 이미지로, 약간은 거칠고 스트릿한 느낌을 준다. 또한,보조 텍스트를 리듬감있게 배치에 이미지에서 소리가 들리는 듯한 느낌을 준다. 그리고 소리의 크기를 색채가 보조해준다. 텍스트70:이미지30처럼 보인다.

 

 

 

 

 

 

 

이 시선의 중심은 에어스프레이로 그린듯한 타이포그래피이다. 블러된듯한 느낌과 조금더 명료한 느낌의 이미지 그래픽이 조화를 이룬다. 타이포그래피>이미지>보조텍스트 순으로 시선이 가는것 같다. 빈 공백을 아주 잘 사용한 것 같다는 생각이 들었다. 크기 자

체는 비슷한 값이지만 색상과 공백에서 주는 강렬함이 있다.

 

 

 

 

 

 

 

 

이 시선의 중심은 이미지이다. 이미지 70:텍스트30으로 보인다. 거품자국처럼 보이는 이미지를 상징적으로 나타내면서 텍스트랑 조화롭게 배치한게 재미있다. 실생활에서 볼 수 있는 현상을 백터이미지처럼 구현한것이 흥미롭다.

 

 

 

 

 

 

 

이 시선의 중심은 이미지이다. 그리고 그 이미지속에 중심 텍스트가 호기심을 자아낼 수 있도록 보기 좋게 숨겨져있다. 그리고 위아래로의 연기같은 그래픽이 리듬을 가진다. 적절히 사용된 여백과 가사처럼 배치된 보조 텍스트들에게 자연스럽게 눈이간다. 이미지 비율70:텍스트30

 

 

 

 

 

 

 

시선의 중심은 이미지들이 이루는 중심선이다. 그리고 그 오른쪽에 있는 텍스트로 자연스럽게 눈이가고, 이외의 보조 텍스트들은 잘 보이지는 않는다. 명확한 정보 전달보다는 어떤 그룹이나 영화 자체의 ‘느낌’을 전달하는 포스터에 가까워 보인다. 색채 자체의 대비가 크지는 않지만 형태와 이미지의 모양이 주는 대비가 흥미롭다. 뒤에는 지도같은 그래픽이 있다. 이미지 80:텍스트20

 

 

 

 

 

 

 

이 시선의 중심은 열 화상 카메라로 찍은듯한 화면을 확대한듯한 이미지이다. 이끼나 어떤 자연물의 표면같기도 하고, 명확하지만 유추할수있는 단서들이 많은 이미지, 조화로운 색채의 이미지가 시선을 먼저 끈다. 그리고 보조 정보들이 옆부분에 작게 나열되어있는데, 마치 과학적인 정보를 연구하는듯한 이미지를 만들어서 하나씩 포스터의 정보를 탐구하게 된다. 텍스트를 비교적 작게 배치하여 이미지가 굉장히 커다란 산을 보는것같다. 이미지80:텍스트20

 

 

---

 

디자인 근력 기르기 질문

• 내가 모은 포스터들에서 가장 먼저 눈에 들어오는 요소는 무엇인가요? (색, 글자, 이미지 등)

-이미지가 먼저 눈에 들어오거나,이미지에 잘 녹아든 텍스트가 눈에 들어온다.

• 이 시선의 중심은 어떻게 만들어졌나요? (크기, 대비, 배치 등 구체적으로)
• 텍스트와 이미지는 어떤 비율로 배치되어 있었나요? 그 균형이 주는 인상은 어땠나요?
• 공통적으로 반복되는 디자인 원칙이 있다면 무엇이었나요? (정렬, 여백, 중심축 등)

-중심축이 이미지 위주이며, 여백의 이유도 명확하게 느껴졌다.

• 내가 ‘좋다’고 느낀 포스터는 어떤 점에서 나의 취향과 연결되나요?

-마모되거나 해체된 이미지, 흐트러진 이미지, 궁금증을 자아내는 이미지,그림과 섞여드는 타이포그래피가 내 취향인 것 같다.

• 이 포스터들을 참고해 내가 만든다면, 어떤 요소를 그대로 가져오고 어떤 부분을 새롭게 바꾸고 싶나요?

-지금은 유행이 좀 지났지만 스캐너 그래픽을 이용해보고싶다. 반대로 타이포 속에 그림을 전복하여 배치하는것도 재미있을 것 같다.

• 포스터의 종류에 따라 공통적으로 나타나는 시각적 스타일이 있나요?

여백이 많거나, 이미지 자체는 강렬하지만 그 정보의 의도를 흐리게 처리하여 궁금증을 나타내는 이미지들이 많았다. 블러처리되거나 모자이크,깎여나간 이미지들이 많다. 특히 아트포스터는 타이포그래피도 이미지의 일부처럼 자연스럽게 녹아들거나,그 정보를 침범하지 않는 사이즈로 정렬을 하는 구조가 재미있었다.

 

 

 

2.디자인 수업 완강.

기본 색채학

 

색상 명도 채도로 색상의 개념을 정의할 수 있다.

 

색상환-색의 관계를 도식화한 그래프

 

primary(1차색)-옐로우,블루,레드:모든색의 근원이자,빛의 3원색

Secondary(2차색)-그린,오렌지,퍼플:1차색인 원색을 혼합하면 나오는 색

Tertiary(3차색)-2차색을 혼합하면 나오는 색을 의미한다

 

웜톤-따뜻한색

쿨톤-차가운색

 

 

보색대비-반대되는 색 조합(화려한 색 조합이 된다)

유사색 조화-실패확률이 적은 안정적인 느낌

 

색상모드

RGB-레드,그린,블루

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

CMYK-Cyan,Magenta,Yellow,Black

잉크에 기초한 색상 구현 도구로, 색을 더하면 더할수록 탁하고 어두워진다. 물감을 혼합하는것과 같은원

cmyk를 이용하는 이유는, 모니터에서 보는것처럼 인쇄물에서 볼 수 없기때문에,인쇄물을 이용하는 작업을 할 때 용이하기 때문이다.

 

 

마케팅과 색채 심리학

 

색은 우리의 기분이나 감정에 영향을 준다고 한다.

 

1. 색은 고객의 감정이나 행동에 영향을 미친다.

2. 고객이 브랜드를 인식하는 방식에도 영향을 준다.

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

4. 색상은 브랜드의 개성을 드러내는데 도움을 준다.

 

 

색의 느낌과 상징에 대해서 알아보자.

 

블랙-힘,권위,고급스러움,세련됨,단정함과 진지함을 상징한다.

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

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

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

초록색-자연과 생명,평화와 안저너,회복과 치유,새로운 시작과 희망

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

 

 

디자인 프로세스

 

발견

 

디자인은 곧 문제해결이다

발견 단계를 체계화 해 둔 것이 UI/UX

 

 

 

문제의 본질과 맥락탐색

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

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

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

 

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

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

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

 

 

콘셉 구축 및 아이디어 구성

콘셉-관념,개념같은 의미

 

아이디어-다양한 해법은 자유롭게 상상

콘셉-가장 핵심이 되는 방향을 설정

 

*컨셉 구축 및 아이디어 구상

 

마인드맵-아이디어 구성 및 도출에 효과적

무브보드-컨셉을 명확화하는데 효과적이다 (소통의 오류를 줄일 수 있음)

 

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

*컨셉은 이 중에서 핵심적인 메세지와 방향을 정리하는 것이다.

*강렬한 컨셉은 시각,언어,감성으로 전달되어야 한다.

 

 

기획 및 정의

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

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

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