[240103]Figma 활용법 1_2주차(프레임/그룹의 차이, 오토레이아웃/컨스트레이트)

2024. 1. 3. 14:38·내일배움캠프 UXUI 1기

1/3

*강의를 통해 가져갈 것*

[프레임vs그룹의 차이]

  • 프레임은 코드 블록을 만드는 기능과 동시에 코드 블록 그 자체이다.
  • 그룹은 여러 개체를 하나로 묶을뿐

 

[레이어와 정렬]

  • 레이어의 앞 뒤: z축, 모니터랑 어느 게 더 가까운지

  • 여러 객체를 누르고 정렬을 하면 기준과 가장 가까이 있는 객체를 기준으로 삼는다.

 

[오토레이아웃]

오토레이아웃 내에 있는 순서는 단순 레이어랑 반대의 위계를 가짐

 

[컨스트레인트 Constraints]

부모 컨테이너의 왼쪽, 상단을 기준으로 자식 컨테이너가 움직인다.

오토레이아웃보다 이게 더 헷갈리는 것 같다.

 

*2주차 HW*

주어진 영상과 동일하게 만들어 보기

1~6번 숙제인데 헷갈렸던 건 3번 문제이다.

오토레이아웃 적용이 아닌 부모 컨테이너를 기준으로 어떻게 움직일 건지 컨스트레이트 패널에서 설정을 했어야 한다.

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

[240104]Figma 활용1_4주차(강의정리/HW)  (1) 2024.01.04
[240103]Figma 활용법1_3주차 그리드, 디자인 시스템  (2) 2024.01.03
[240103]Figma 활용법1_1주차  (2) 2024.01.03
[240102]UXUI 웹 디자인 개인학습  (5) 2024.01.02
[240102]개인과제 회고 및 선택과제  (6) 2024.01.02
'내일배움캠프 UXUI 1기' 카테고리의 다른 글
  • [240104]Figma 활용1_4주차(강의정리/HW)
  • [240103]Figma 활용법1_3주차 그리드, 디자인 시스템
  • [240103]Figma 활용법1_1주차
  • [240102]UXUI 웹 디자인 개인학습
은애옹이
은애옹이
  • 은애옹이
    愛옹's 디자인 일지
    은애옹이
  • 전체
    오늘
    어제
    • UXUI (88)
      • 신한 커리어업 7기 (11)
      • React 프로젝트 (4)
      • 내일배움캠프 UXUI 1기 (65)
      • 개인 (1)
        • Study (5)
        • Figma (0)
  • 인기 글

  • 태그

    성장일지
    피그마
    커리어업
    uxui디자이너
    UXUI
    신한커리어업
    신한커리어업7기
    커리어업7기
    쏠컴퍼니
    프로덕트디자이너
  • hELLO· Designed By정상우.v4.10.3
은애옹이
[240103]Figma 활용법 1_2주차(프레임/그룹의 차이, 오토레이아웃/컨스트레이트)
상단으로

티스토리툴바