디자인 용어사전

카드(Cards)

카드는 정보나 콘텐츠를 시각적으로 그룹화하고 표시하기 위해 사용되는 컨테이너 요소다. 카드는 일반적으로 사진, 텍스트, 버튼 등 다양한 내용을 포함하며, 웹사이트나 앱에서 다양한 목적으로 사용된다. 사용 예시 카드는 블로그 게시물, 제품, 뉴스 기사,…

리스트(Lists)

리스트 타입은 정보를 순차적으로 표시하기 위해 사용되는 UI 요소다. 주로 항목 목록, 메뉴, 태그, 할 일 목록 등 다양한 형태로 사용된다. 사용 예시 리스트 타입은 웹사이트의 사이드바 메뉴, 블로그의 글 목록, 앱의…

스켈레톤 UI(Skeleton UI)

스켈레톤 UI는 페이지나 앱의 콘텐츠가 로드되는 동안 사용자에게 표시되는 비어있는 버전의 페이지나 앱의 레이아웃을 의미한다. 이는 사용자 경험을 향상시키기 위한 로딩 전략 중 하나로, 콘텐츠가 완전히 로드되기 전에도 사용자에게 앱의 구조를 보여줌으로써…

페이지네이션(Pagination)

페이지네이션은 사용자가 정보나 내용의 일부분을 한 페이지 단위로 볼 수 있게 하는 사용자 인터페이스 패턴이다. 이는 대량의 정보를 효과적으로 관리하고 사용자의 이해를 돕는 데 중요한 역할을 한다.비슷하지만, 다른 사용성을 가진 요소로는 무한…

콤보 박스(Combo Box)

콤보 박스는 텍스트 필드와 드롭다운 리스트를 결합한 형태의 UI 컴포넌트다. 사용자는 주어진 목록에서 선택을 할 수 있으며, 동시에 텍스트 필드를 통해 직접 입력도 가능하다. 사용 예시 콤보 박스는 사용자가 표준 옵션 중…

텍스트필드(Text field)

텍스트필드는 사용자가 텍스트를 입력할 수 있는 UI 컴포넌트이다. 폼을 통해 사용자로부터 정보를 수집하거나, 검색 쿼리를 입력 받는 등의 상황에서 사용된다. 이는 앱이나 웹 사이트에 유연성을 제공하며, 사용자의 입력에 따라 동적으로 내용이 변경된다.…