PRACTICE
법칙 이름만 외우지 말고 이유까지 확인해보세요.
1~13번은 선택형으로 점수에 반영됩니다. 14번은 실제 UI를 해석하는 서술형 연습입니다.
PART 01 · THEORY
개념 확인
QUESTION 01
UI 디자인에서 ‘시각적 위계’가 필요한 이유로 가장 알맞은 것은?
정답 B
시각적 위계는 무엇을 먼저 보고 다음으로 어디를 볼지 안내합니다.
시각적 위계는 무엇을 먼저 보고 다음으로 어디를 볼지 안내합니다.
QUESTION 02
시각적 위계를 만들 때 주의할 점은?
정답 C
강조의 차이가 있어야 정보의 우선순위가 보입니다.
강조의 차이가 있어야 정보의 우선순위가 보입니다.
QUESTION 03
게슈탈트의 법칙을 배우는 가장 중요한 이유는?
정답 B
법칙 이름보다 사용자의 시각적 인지 방식을 이해하는 것이 목적입니다.
법칙 이름보다 사용자의 시각적 인지 방식을 이해하는 것이 목적입니다.
QUESTION 04
관련 정보는 가깝게, 다른 정보와는 더 큰 여백을 두었다. 가장 직접적인 법칙은?
정답 A · 근접성
요소 사이의 거리가 정보의 관계를 보여줍니다.
요소 사이의 거리가 정보의 관계를 보여줍니다.
QUESTION 05
같은 역할의 버튼을 같은 색·형태·크기로 반복하는 것과 가장 관련 있는 법칙은?
정답 B · 유사성
비슷한 시각적 특징은 같은 역할이나 종류로 인식하게 합니다.
비슷한 시각적 특징은 같은 역할이나 종류로 인식하게 합니다.
QUESTION 06
공통영역과 근접성을 가장 정확하게 구분한 설명은?
정답 B
거리로 묶이면 근접성, 같은 시각적 경계 안에 묶이면 공통영역입니다.
거리로 묶이면 근접성, 같은 시각적 경계 안에 묶이면 공통영역입니다.
QUESTION 07
일부가 끊겨 있어도 빠진 부분을 채워 완성된 모양으로 인식하는 법칙은?
정답 C · 폐쇄성
불완전한 형태를 머릿속에서 보완해 완전한 형태로 봅니다.
불완전한 형태를 머릿속에서 보완해 완전한 형태로 봅니다.
PART 02 · APPLICATION
UI 적용 문제
QUESTION 08
아래 화면에서 ‘허니콤보’가 가장 먼저 보이는 이유는?
BEST MENU
허니콤보
달콤한 허니소스와 바삭한 식감
정답 B
크기와 굵기의 차이가 강한 시각적 위계를 만듭니다.
크기와 굵기의 차이가 강한 시각적 위계를 만듭니다.
QUESTION 09
상품 내부 정보는 하나로 묶이고, 세 상품은 같은 종류처럼 보입니다. 함께 작동하는 법칙은?
상품 A상품 설명
상품 B상품 설명
상품 C상품 설명
정답 A
카드 내부는 근접성, 반복되는 카드 구조는 유사성이 작동합니다.
카드 내부는 근접성, 반복되는 카드 구조는 유사성이 작동합니다.
QUESTION 10
같은 배경 박스 안의 요소들이 하나의 기능 그룹처럼 보입니다. 가장 직접적인 법칙은?
정답 B · 공통영역
같은 배경이나 경계 안에 들어간 요소를 하나의 그룹으로 봅니다.
같은 배경이나 경계 안에 들어간 요소를 하나의 그룹으로 봅니다.
QUESTION 11
가로 카드의 다음 항목이 일부 보일 때 ‘오른쪽에 더 있겠다’고 예상하는 법칙은?
01
02
03
04
정답 B · 연속성
같은 방향의 반복과 일부 보이는 다음 카드가 시선을 계속 이어지게 합니다.
같은 방향의 반복과 일부 보이는 다음 카드가 시선을 계속 이어지게 합니다.
QUESTION 12
아래 판다 심볼은 외곽선이 모두 연결되어 있지 않은데도 하나의 완성된 판다로 보입니다. 이와 가장 관련 있는 게슈탈트 법칙은?
정답 B · 폐쇄성
판다의 윤곽이 완전히 그려져 있지 않아도 뇌가 빠진 부분을 스스로 채워 하나의 완성된 형태로 인식합니다.
판다의 윤곽이 완전히 그려져 있지 않아도 뇌가 빠진 부분을 스스로 채워 하나의 완성된 형태로 인식합니다.
QUESTION 13
페이지 위에 모달이 열리고, 뒤 화면이 어둡게 처리되어 모달이 앞쪽 대상으로 분명하게 보입니다. 가장 관련 있는 법칙은?
알림
중요한 내용을 확인하세요.
정답 A · 전경과 배경
모달은 전경, 어둡게 물러난 기존 화면은 배경으로 분리되어 무엇에 집중해야 하는지가 분명해집니다.
모달은 전경, 어둡게 물러난 기존 화면은 배경으로 분리되어 무엇에 집중해야 하는지가 분명해집니다.
QUESTION 14 · CHALLENGE
아래 카드 목록에서 적용된 게슈탈트 법칙을 2개 이상 찾고 근거를 설명해보세요.
메뉴 01설명 텍스트
메뉴 02설명 텍스트
메뉴 03설명 텍스트
예: 근접성 + 유사성 + 공통영역
카드 내부 정보는 가까워 하나로 묶이고, 세 카드가 같은 구조로 반복되며, 각각 카드 경계 안에서 하나의 영역으로 구분됩니다.
카드 내부 정보는 가까워 하나로 묶이고, 세 카드가 같은 구조로 반복되며, 각각 카드 경계 안에서 하나의 영역으로 구분됩니다.
RESULT
0 / 13