UI
아이코노그래피(Iconography)
아이코노그래피(Iconography)는 시각적 기호를 활용하여 정보를 전달하는 디자인 기법을 의미합니다. 이는 UI/UX 디자인에서 아이콘(icon)을 설계하고 사용하는 원칙을 포함하며, 사용자에게 직관적으로 의미를 전달하는 데 중요한 역할을 합니다. 아이콘은 작은 크기의…
디자인 용어사전 138개
iOS
액션시트 (Action Sheet)
액션시트(Action Sheet)는 사용자가 특정 작업을 수행하기 전에 여러 개의 선택지 중 하나를 선택하도록 요청하는 UI 컴포넌트입니다. 이는 주로 모바일 환경에서 사용되며, 화면 하단에서 슬라이드업 형태로 나타나 사용자가 직관적으로…
UI · UX
오프라인 상태 (Offline States)
오프라인 상태는 인터넷 연결이 불안정하거나 완전히 끊겼을 때 웹사이트나 애플리케이션이 어떻게 동작하는지를 나타내는 개념이다.현대의 많은 서비스는 인터넷 연결을 기반으로 작동하지만, 사용자가 네트워크에 접속할 수 없는 경우에도 일부 기능을…
UI
인터렉션(Interaction)
인터랙션이란 사용자가 특정 행동을 했을 때 시스템이 반응하는 것을 의미하며, UI/UX 디자인에서 중요한 요소 중 하나입니다.사용자가 버튼을 클릭하거나, 화면을 스크롤하거나, 특정 요소를 터치할 때 적절한 피드백을 제공함으로써 원활한…
Web
인풋 (Input)
인풋(Input)은 웹 개발에서 사용자에게 정보를 입력받기 위한 상자나 필드를 의미합니다. 다양한 유형의 정보를 입력할 수 있도록 설계된 요소로, 사용자로부터 텍스트, 숫자, 선택 옵션 등을 입력받거나 선택할 수 있게…
Web
적응형 웹(Adaptive Web)
적응형 웹(Adaptive Web Design)은 다양한 디바이스의 화면 크기와 해상도에 따라 미리 정의된 레이아웃을 각각 제공하는 웹 디자인 접근 방식입니다. 이는 특정 화면 크기에 맞춰 개별적인 디자인과 스타일을 적용하는…
UI
차트(Chart)
차트(Charts)는 데이터를 시각적으로 표현하는 도구로, 사용자가 데이터를 보다 직관적으로 이해하고 해석할 수 있도록 도와줍니다. 차트는 데이터의 특성과 전달하고자 하는 메시지에 따라 다양한 형태로 제공되며, 비교, 트렌드 분석, 분포,…
Android · iOS · Web
체크박스(Checkbox)
체크박스(Checkbox)는 웹 또는 앱 개발에서 사용자가 하나 이상의 옵션을 선택할 수 있는 입력 요소로, 동의, 선택, 허용 등의 선택 사항을 표시하는 데 사용됩니다. 각 옵션을 선택하거나 해제할 수…
UI
칩(Chips)
칩(Chips)은 사용자가 입력하거나 선택한 항목을 작고 간결한 형태로 표시하는 UI 요소입니다. 이는 버튼, 태그, 필터, 입력값 등의 역할을 하며, 사용자의 인터랙션을 단순화하고 화면을 보다 직관적으로 구성하는 데 유용합니다.…
UI
카드(Cards)
카드는 정보를 시각적으로 그룹화하고 정리하는 컨테이너 요소로, 웹사이트나 애플리케이션에서 다양한 콘텐츠를 표시하는 데 사용됩니다. 일반적으로 이미지, 텍스트, 아이콘, 버튼 등 다양한 UI 요소를 포함하며, 독립적인 정보 블록을 표현하는…
UI
캐로셀 (Carousel)
캐로셀(Carousel)은 여러 개의 콘텐츠를 한 영역에서 슬라이드 형태로 순환하며 보여주는 UI 패턴입니다.이름에서 알 수 있듯이 회전목마처럼 콘텐츠가 일정한 방향으로 반복적으로 이동하며, 사용자는 수동 또는 자동으로 콘텐츠를 탐색할 수…
UI
컬러 시스템(Color System)
컬러 시스템은 브랜드의 아이덴티티를 반영하고 UI의 일관성을 유지하기 위해 조직적으로 정의된 색상 테마를 의미합니다. 이는 사용자의 시각적 경험을 향상시키고, 인터페이스 내에서 정보의 우선순위를 명확하게 전달하는 중요한 디자인 요소입니다.컬러…
