Share
Sign In
🧠 101가지 UIUX 심리학
💡디자이너로 살기
📝 디자인 자료
상반된 위치 효과 (Juxtaposition)
정의
두 가지 이상 요소를 서로 다른 위치에 배치함으로써 그 차이를 강조하는 디자인 원칙
설명
시각적 대비를 통해 정보나 요소들 간의 관계를 명확하게 드러내는데 도움이 된다
예시
웹사이트 제목, 본문 텍스트를 비교해보면 상반된 위치 효과를 볼 수 있다
제목은 보통 상단에 크게 나타나고 본문 텍스트는 그 아래 작게 표시되는데, 이런 배치를 통해 제목과 본문 간의 구분이 명확해고 사용자도 더 쉽게 정보를 찾을 수 있다
UIUX디자인에 활용하기
버튼이나 링크를 다른 요소들과 대비되는 위치에 배치하여 사용자가 더 쉽게 찾도록 한다
이미지나 텍스트를 상반된 위치에 배치하여 시각적인 대비를 통해 내용 강조 또는 관계성 설명
상반된 위치를 사용하여 사용자 시선을 유도하거나 특정 요소를 강조한다