[용어] UI 기본 Elements 32가지

2024년 현재 사용되고 있는 UI elements를 정리해봅니다.

포토샵으로 시작했던 UI작업이 이제는 다양한 프로토타입 툴로 보다 체계적이고 전문화된 작업을 할 수 있게 됐습니다. 

 

Input Controls	체크박스 (Checkbox)
	라디오 버튼 (Radio Button)
	서치 필드 (Search Field)
	코멘트 (Comment)
	드롭다운 (Dropdown)
	폼 (Form)
	인풋 필드 (Input Field)
	픽커 (Picker)
	슬라이더 컨트롤 (Slider Controll)
	스텝퍼 (Stepper)
	토글 (Toggle)
Navigational Components	벤토 메뉴 (Bento Menu)
	도너 메뉴 (Doener Menu)
	햄버거 메뉴 (Hamburger Menu)
	케밥 메뉴 (Kebab Menu)
	페이지네이션 (Pagenation)
	사이드바 (Sidebar)
	탭 바 (Tab Bar)
Informational Components	브레드크럼 (Breadcrumb)
	피드 (Feed)
	아이콘 (Icon)
	로더 (Loader)
	모달 (Modal)
	뱃지 (Badge)
	프로그래스 바 (Progress Bar)
	태그 (Tag)
	툴팁 (Tooltip)
Action	버튼 (Button)
Contrainers	아코디언 (Accordion)
	카드 (Card)
	캐러셀 (Carousel)
	미트볼 메뉴 (Meatballs Menu)

 

-

출처

https://velog.io/@oneook/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%9D%BC%EB%A9%B4-%EB%B0%98%EB%93%9C%EC%8B%9C-%EC%95%8C%EC%95%84%EB%91%90%EC%96%B4%EC%95%BC-%ED%95%A0-32%EA%B0%80%EC%A7%80%EC%9D%98-UI-%EC%9A%94%EC%86%8C-%EB%B2%88%EC%97%AD