피그마 심화
오토레이아웃
- 오토레이아웃 : 묶고 싶은 객체들을 드래그로 한번에 선택한 다음 Shift+a 를 클릭하면 바로 하나의 프레임으로 묶을 수 있다.
- 리사이징 : 오토레이아웃으로 묶인 콘텐츠들은 fixed, hug, fill의 세가지 크기 옵션을 가질 수 있다.(일부 객체들은 2가지), 각 옵션들을 요약하면
Fixed : 고정된 넓이나 높이
Hug : 본인 레이어를 감싸는 영역(오토레이아웃 기본 설정)
Fill : 부모 프레임의 크기 변동에 맞춰 크기를 늘리거나 줄임
로 요약할 수 있다.
컴포넌트
- 컴포넌트 : 재사용 가능하게 저장한 디자인, 저장된 컴포넌트는 우측 사이드바의 에셋 패널에서 가져와 쓸수 있고 해당 요소에 최적화에 디자인을 변경하거나 저장된 컴포넌트 자체를 수정할 수 있다.
반응형 디자인
- 컨스트레인트 : 프레임 크기가 조절될 때 내부 레이어가 어느 곳에 고정될지 지정하는 것
- max, min width : 오토 레이아웃에서 Hug나 fill, scale 처럼 크기가 비례해서 커지거나 작아지는 경우 최소, 최대 크기를 지정함으로써 크기가 커지거나 작아지더라도 디자이너가 원하는 크기가 유지될 수 있도록 한다.
개발 초보