컴포넌트 만들기 ( Acitons ,Communication )

왼쪽이 예시고 오른쪽이 실습결과물입니다.

---

1.Actions

액션 구성요소는 사람들이 목표를 달성하는 데 도움이 됩니다.

 

 

1.버튼
일반 버튼은 UI에서 대부분의 작업을 촉발합니다.

 

 

2.확장된 FAB
확장된 플로팅 작업 버튼(확장된 FAB)은 사람들이 주요 작업을 수행하는 데 도움이 됩니다.

 

 

3.플로팅 액션 버튼
플로팅 작업 버튼(FAB)은 사람들이 주요 작업을 수행하는 데 도움이 됩니다.

 

 

4.아이콘 버튼
아이콘 버튼을 사용하면 사용자가 한 번의 탭으로 간단한 작업을 수행할 수 있습니다.

 

세분화된 버튼은 사람들이 옵션을 선택하고, 보기를 전환하거나, 요소를 정렬하는 데 도움이 됩니다.

 

---

2.Communication

커뮤니케이션 구성요소는 유용한 정보를 제공합니다.

 

1.배지
배지는 탐색 항목 및 아이콘에 대한 알림, 카운트 또는 상태 정보를 표시합니다.

 

 

2.진행 지표
진행률 표시기는 프로세스 상태를 실시간으로 보여줍니다.

 

 

3.스낵바
스낵바는 화면 하단에 앱 프로세스에 대한 짧은 업데이트를 표시합니다.

 

 

4.Tooltips
Tooltips에는 간단한 레이블이나 메시지가 표시됩니다.

 

피그마 실습 결과물들