UXUI Design/UXUI 이론 공부
UIUX 기초용어(2/2)
uiux4503
2024. 11. 22. 09:57
반응형
SMALL
- 브레드크럼 (Breadcrumbs)
- 사이트의 이동 경로
- 현재 사용자의 위치를 시각적으로 보여줌
- 텍스트 입력 필드 (Text Input Field)
- 키보드로 직접 텍스트를 입력하는 공간
- 플레이스홀더 (Placeholder)
- 사용자가 입력하기 전에 도움을 줄 수 있는 힌트를 input 박스 안에 표시
- 사용자가 값을 입력하게 되면 힌트는 사라짐
- 스플래시 (Splash)
- 모바일 앱을 접속할 때 로딩 되는 시간 동안 표시되는 화면
- 일반적으로 로고 이미지나 애니메이션을 삽입
- 플로팅 버튼 (Floating Action Button)
- 약자로 FAB라고 많이 불림
- 앱의 핵심 부분을 호출할 수 있는 아이콘 형태
- 특정 행동을 유도
- 예시) 배달의 민족 장바구니 버튼
- 프로그레스 인디케이터 (Progress Indicator)
- 시스템이 중단되거나 사용자 입력을 기다리고 있지 않음을 확인하기 위해 작업이 진행 중임을
사용자에게 알리기 위한 명령줄 인터페이스
- 메뉴 (Menu)
- 일반적인 햄버거 메뉴 외에도 다양한 메뉴들이 존재
- 벤토 메뉴 : 그리드 목록으로 나열되는 메뉴
- 도너메뉴 : 햄버거 메뉴의 변형 필터그룹을 나타냄
- 케밥메뉴 : 그룹화된 옵션 세트
- 미트볼메뉴 : 더 많은 옵션을 보여줄 때
- 픽커 (Picker) / 스텝퍼 (Stepper) / 페이지네이션 (Pagination)
- 픽커 (Picker) : 시간 혹은 날짜 같은 범위 내 특정 숫자를 선택할 때
- 스텝퍼 (Stepper) : 수량 변경일 때 (-), (+) 아이콘을 활용하여 입력필드 안에 값을 변경
- 페이지네이션 (Pagination) : 현재 페이지를 표시할 때 사용
