[231218]2주차 피그마 강의 정리_오토레이아웃

2023. 12. 19. 11:05·내일배움캠프 UXUI 1기

12/18

*오토레이아웃: 컨텐츠에 따라 자유롭게 변형되는 프레임->요소 수정할 때 자동으로 사이즈 변경 된다.
->Auto layout 패널 활용!
->ctrl+shift+G로 해제
->패딩값 조절
canvas stacking: 겹쳤을 때 정렬
단축키: shift+A
반응형 레이아웃

*오토레이아웃 리사이징: 프레임 생성 시, 상위 프레임 사이즈가 조정될 때 콘텐츠와 컨테이너가 어떻게 반응해야할지 설정하는 속성
1. Hug contents: 안에 콘텐츠가 있어야 뜬다.
2. Fill: 바깥에 컨테이너가 있어야 뜬다.
3. Fixed: 상대적 개념이 아니라 모든 경우에 뜬다. 
컨테이너>컨테이너 또는 콘텐츠>콘텐츠

텍스트 대문자-> 더보기에서 대문자 변경 자동으로 가능

*컴포넌트*
컴포넌트가 master -> 개체 선택 후 ctrl + alt + k 
인스턴스가 sub -> master 복제하면 인스턴스 생성
다중 컴포넌트도 만들 수 있다.
!연결해제하기 위해서는 Detach instance='Ctrl + Alt + B'
(한 번 해제하면 다시 연결할 수 없다.)
!마스터가 지워졌다면 인스턴스에서 Restore로 되살리기 가능

*베리언츠*
Combine as variants(중요기능!)
->선행해야할 것은 멀티컴포넌트로 묶는 것
!프로퍼티(카테고리명)>벨류(각 요소의 고유값들-완료, 미완료 등)

베리언츠 활용_crtl c, v 사용

'내일배움캠프 UXUI 1기' 카테고리의 다른 글

[231220]피그마 개인 과제_클론 디자인  (2) 2023.12.20
[231220]4주차 피그마 HW_피그마로 포트폴리오 만들기  (3) 2023.12.20
[231219]4주차 피그마 강의 정리_시각자료 템플릿 만들기, 피그마 기능, 단축키  (3) 2023.12.19
[231219]3주차 피그마 HW_프로토타입, 스마트 애니메이션  (1) 2023.12.19
[231218]1주차 피그마 HW_플러그인 활용, 플로우 차트 그리기  (1) 2023.12.18
'내일배움캠프 UXUI 1기' 카테고리의 다른 글
  • [231220]4주차 피그마 HW_피그마로 포트폴리오 만들기
  • [231219]4주차 피그마 강의 정리_시각자료 템플릿 만들기, 피그마 기능, 단축키
  • [231219]3주차 피그마 HW_프로토타입, 스마트 애니메이션
  • [231218]1주차 피그마 HW_플러그인 활용, 플로우 차트 그리기
은애옹이
은애옹이
  • 은애옹이
    愛옹's 디자인 일지
    은애옹이
  • 전체
    오늘
    어제
    • UXUI (88)
      • 신한 커리어업 7기 (11)
      • React 프로젝트 (4)
      • 내일배움캠프 UXUI 1기 (65)
      • 개인 (1)
        • Study (5)
        • Figma (0)
  • 인기 글

  • 태그

    uxui디자이너
    성장일지
    쏠컴퍼니
    신한커리어업
    커리어업7기
    UXUI
    커리어업
    신한커리어업7기
    프로덕트디자이너
    피그마
  • hELLO· Designed By정상우.v4.10.3
은애옹이
[231218]2주차 피그마 강의 정리_오토레이아웃
상단으로

티스토리툴바