인터랙션·UI
반응형 인터페이스
Responsive interface
접속 기기의 화면 크기에 맞춰 요소 배치를 자동으로 조정하는 디자인 방식.
공식 정의
사용자가 접속하는 기기 화면 규격 및 해상도에 맞춰 정보 배치 및 구성요소를 조정해 일관된 교류 환경을 제공하는 디자인 방식.
상세 설명
화면 전환 기준점 및 격자 체계를 바탕으로 접속 매체 조건에 맞는 화면 구조를 구현한다. 시각 탐색 경로를 고려해 구성요소 노출 우선순위를 결정하며, 환경 유연성을 확보해 단절 없는 서비스 이용을 돕는다. 접근 형태에 구애받지 않고 동일한 가치와 편의를 전달한다.
활용 예시
같은 웹사이트가 휴대폰에서는 세로로, 컴퓨터에서는 가로로 자연스럽게 배치될 때 적용된다.
동일어
- 가변형 인터페이스
유의어
- 반응형 웹 디자인
- 적응형 인터페이스
출처 — 디자인사전(서비스·경험디자인) (2026.06)