Components_Actions

• Common buttons

 

-Tip

많은 버튼은 적합하지 않다.

한줄로 작성하며 간단 명료하게 작성한다.

다른 텍스트 스타일과 겹치지 않게 한다.

위와 같은 Reserve는 filled button으로 바꾼다면 더 편리한 UI가 될 것이다.

 

• FAB

 

-Tip

FAB에 겹치는 요소를 넣지 않는다.

 

각자의 구성 요소마다 FAB를 주는 것은 좋지 않다.

탭 이동시 사라졌다가 다시 나오는 것이 사용자가 변화를 눈치 챌 수 있다.

 

• Extended FAB

 

-Tip

여러개의 FAB는 피하고 만약 필요하다면 사이즈를 달리하는 것이 좋다.

 

버튼와 FAB의 규격이 다름

위와 같은 선택 사항에서는 일반 버튼을 사용한다.

 

• Icon buttons

 

-Tip

선택할 수 있는 윤곽선 버튼과 확실하게 구분한다.

 

• Segmented button

-Tip

선택사항은 2-5개 적당하다.

 

의미를 확실하게 하는 것이 좋으며 아이콘과 텍스트를 섞지 않는다.

 

너무 큰 여백을 선택을 덜 선택한다.