[디자인 근력 기르기] DAY5. 구도와 시선흐름 분석

---

[디자인 감각 훈련]
디자인 근력 기르기 DAY.5 구도와 시선흐름 분석

---

 

 

학습목표

디자인 속 시선 이동과 정보 배치의 원리를 이해한다.

 

 

 

음료 포스터 

 

1. 시선을 가장 먼저 끌어당긴 요소는 무엇이었나요?

→ 중앙에 크게 배치된 음료

 

2. 화면 속에서 내 시선은 어떤 순서로 이동했나요?

→ 음료 > 헤드라인 > 서브텍스트 > 제품이름 > 브랜드로고

이미지 중심 배치, 위에서 아래로 읽는 자연스러운 레이아웃 구조로 시선흐름이 자연스럽게 이어진다.

 

3. 정보의 중요도는 어떤 시각적 방법으로 구분되어 있었나요?

→ 헤드라인은 크고 굵게, 서브 텍스트는 작게, 제품 이미지는 크게 배치하여 중요도를 표현했다.

 

4. 불필요한 요소 없이 정보를 깔끔하게 정리하기 위한 디자인적 장치는 무엇이었나요?

→ 미니멀한 배경, 통일된 그린톤의 색상, 간결한 타이포그래피, 정렬된 레이아웃

 

 

---

매거진 표지

 

1. 시선을 가장 먼저 끌어당긴 요소는 무엇이었나요?

→ 중앙에 크게 배치된 강아지와 분홍색 뼈 장난감

 

2. 화면 속에서 내 시선은 어떤 순서로 이동했나요?

→ 분홍색 뼈 장난감을 물고있는 강아지 > 헤드라인 > 우측 텍스트 > 하단 텍스트 > 좌측 텍스트

이미지 중심 배치, 위에서 오른쪽, 아래, 왼쪽 즉, 시계방향으로 시선흐름이 이어진다.

 

3. 정보의 중요도는 어떤 시각적 방법으로 구분되어 있었나요?

→ 헤드라인은 강조된 색상과 크기로, 본문 텍스트는 작고 간결하게 배치해 중요도를 구분했다.

 

4. 불필요한 요소 없이 정보를 깔끔하게 정리하기 위한 디자인적 장치는 무엇이었나요?

→ 단순한 배경, 제한된 색상(핑크·블랙·화이트), 큰 여백, 다양한 크기의 타이포그래피

 

 

---

미니멀 포스터

 

1. 시선을 가장 먼저 끌어당긴 요소는 무엇이었나요?

→ 중앙에 배치된 사과 모양의 컴퓨터 마우스

 

2. 화면 속에서 내 시선은 어떤 순서로 이동했나요?

→ 사과 마우스 > 마우스 아래 텍스트 > 중앙 세로 텍스트  > 하단 로고 > 상단 텍스트

강한 색상의 사과 형태가 중심에 배치되어 먼저 시선을 끌지만, 텍스트의 크기와 시각적 강조가 거의 비슷하기 때문에 정보의 위계가 약하다. 그래서 어디를 먼저 읽어야 할지 명확하지 않아 시선이 자연스럽게 흐르지 않고 분산되는 느낌이 생긴다.

 

3. 정보의 중요도는 어떤 시각적 방법으로 구분되어 있었나요?

→ 사과마우스가 강조되어 있고, 텍스트들은 크기와 스타일이 비슷해 정보의 위계가 약하게 표현되어 있다.

 

4. 불필요한 요소 없이 정보를 깔끔하게 정리하기 위한 디자인적 장치는 무엇이었나요?

→ 넓은 여백, 단순한 배경, 최소한의 텍스트, 중앙 이미지 중심의 미니멀한 레이아웃

 

 

---

미니멀 포스터

 

1. 시선을 가장 먼저 끌어당긴 요소는 무엇이었나요?

→ 상단에 크게 배치된 헤드라인

 

2. 화면 속에서 내 시선은 어떤 순서로 이동했나요?

→ 헤드라인 > 중앙 이미지(의자와 테이블) > 하단 텍스트

큰 헤드라인이 먼저 시선을 끌고, 그 아래에 배치된 이미지와 하단 텍스트로 자연스럽게 위에서 아래로 시선이 이동한다.

 

3. 정보의 중요도는 어떤 시각적 방법으로 구분되어 있었나요?

→ 헤드라인은 굵고 크게, 이미지도 톤에서 벗어나지않는 것으로 크게 배치하고, 하단 설명 텍스트는 작게 배치하여 정보의 위계를 표현했다.

 

4. 불필요한 요소 없이 정보를 깔끔하게 정리하기 위한 디자인적 장치는 무엇이었나요?

→ 넓은 여백, 흑백 중심의 단순한 색상, 정렬된 타이포그래피, 미니멀한 이미지 구성

 

 

 

---

웹 사이트

 

1. 시선을 가장 먼저 끌어당긴 요소는 무엇이었나요?

→ 중앙에 크게 배치된 의자 제품 이미지

 

2. 화면 속에서 내 시선은 어떤 순서로 이동했나요?

→ 중앙 제품 이미지 > 제품 이름 > Shop 버튼 > 하단 제품 목록

중앙에 큰 제품 이미지가 강조되어 먼저 시선을 끌고, 주변의 텍스트와 버튼을 거쳐 아래의 상품 리스트로 자연스럽게 시선이 내려간다.

 

3. 정보의 중요도는 어떤 시각적 방법으로 구분되어 있었나요?

→ 메인 제품 이미지는 크게 배치하고, 제품 이름은 중간 크기, 하단 상품 정보는 작게 배치하여 정보의 위계를 구분했다.

 

4. 불필요한 요소 없이 정보를 깔끔하게 정리하기 위한 디자인적 장치는 무엇이었나요?

→ 넓은 여백, 단순한 색상 구성, 그리드 레이아웃, 정렬된 제품 이미지로 미니멀한 구조