시각적 안내 요소(Visual Anchors)

정의

Visual Anghors, 직역하면 '시각적 고정물' 정도로 말할 수 있겠다

비주얼 앵커는 사용자에게 길을 안내하고 눈길을 끄는 디자인 요소

설명

사용자의 눈을 이끌고 주의를 집중시켜 사용자가 필요한 정보를 찾을 수 있도록 돕는다

모바일 기기 증가, 반응형 디자인의 필요성이 늘어나면서 비주얼 앵커의 중요성도 커지고 있다

프로토타입 단계부터 최종 단계까지 디자인 과정 전반에 걸쳐 중요한 역할을 한다

크기, 색상, 위치, 모양, 대비 등을 이용해 정보의 계층을 만든다

정보의 계층을 만들어 사용자가 인터페이스를 이해하고 목적을 달성하도록 돕는다

예시

웹사이트 헤더 및 네비게이션

폼 입력 및 레이블

아이콘 및 일러스트레이션

UIUX디자인에 활용하기

크기, 색상, 위치, 모양, 대비 등과 같은 다양한 요소를 결합하여 비주얼 앵커를 만들어내면 이는 사용자의 주의를 끌고 사용자 인터페이스 내에서 정보를 구조화하는데 사용할 수 있다

일관성 균형과 비율, 대비와 강조, 간결성과 명확성 등을 고려하여 사용자 경험을 상승시킬 수 있다