[내일배움캠프_TIL]241014

PHOEBE·2024년 10월 14일
1

피그마 기초 강의 3-9

ui 만들기 실습(2)

<컨트롤 컴포넌트>
사용자가 선택지를 특정할 수 있도록 하는 요소 / 컨트롤 요소+라벨

  • 일반적인 종류
    체크박스, 라디오, 스위치(토글), 슬라이더

  • 사이즈가 작아도 터치 최소 영역 고려(최소 1cm x 1cm)

  • 컨트롤 요소와 라벨의 세로길이 동일하게 제작해야 깔끔

<체크박스>

  • 여러 선택지 중 1개 이상을 선택할 때 사용
  • 기본적으로 2가지의 의사 상태 (체크o,x)
  • 다른 선택지에 영향 x
  • 0개 선택 가능
  • 하위 항목 있을 때, 일부만 선택 가능

<라디오>

  • 여러 선택지 중 1개만 선택할 때 사용하는 컨트롤 컴포넌트
    일반적으로 라벨과 함께 사용
  • 한 선택지를 선택할 때에 다른 선택지가 선택해제된다.
  • 반드시 한 개가 선택되어 있어야 함.

실습
기본 24x24 디폴트 크기, 20x20 이내 작업영역

피그마 기초 강의 3-10

ui 학습 시 도움되는 관점

형태가 아니라 기능에 초점을 두고 공부해야 한다.

---> UI의 기능주의점 관점

0개의 댓글