[피그마] Auto Layout 기본 개념 총정리!

Поділитися
Вставка
  • Опубліковано 23 лис 2024

КОМЕНТАРІ • 22

  • @nabnn
    @nabnn 20 днів тому

    오브젝트를 화면 UI와 동일하게 맞춰 제작하여 설명해주시다니 정말 친절한 선생님이십니다!! 캬아~

  • @Hazel_yuu
    @Hazel_yuu 8 місяців тому +2

    진짜 너무 쉽게 차근차근 설명해 주셔서 좋아요. 개념부터 풀어 알려주시니 내가 지금 뭘 배우고 있는지 확실히 인지가 되네요. 좋은 영상 너무 감사합니다! 피그마 공부하며 계속 참고할게요:)

    • @designer_dk
      @designer_dk  8 місяців тому +1

      감사합니다. 앞으로도 열심히 잘 만들어볼게요😊😊

  • @user-sk3qv2ju4e
    @user-sk3qv2ju4e Місяць тому +1

    피그마 배우던 중에 이런 귀한 영상을 알게 되서 정말 다행이예요
    다른 유료강의보다 개념설명을 훨씬 더 잘 하세요 강사 하셔도 되겠어요

    • @designer_dk
      @designer_dk  Місяць тому

      좋게 봐주셔서 너무나 감사합니다 😊😊

  • @silverchoi834
    @silverchoi834 9 місяців тому +2

    피그마를 시작한지 얼마되지않아서 허그 픽스 오토레이아웃 등 제대로 이해가 어려웠는데 감사해요! ☺️ 다음 응용버전 영상까지 보고 확실히 이해하고 익히고 싶어요! 영상 감사합니다👍

    • @designer_dk
      @designer_dk  9 місяців тому +1

      감사합니다🙂 기회될 때 응용편도 한번 제작해보겠습니다 ㅎㅎ

  • @Kalebee48
    @Kalebee48 9 місяців тому +1

    오늘도 처음부터 끝까지 넘기지 않고
    풀시청했습니다. 마지막에 말씀해주신것처럼 실무에 계속 적용하고 오토레이아웃 기능을 많이 써보면서 점차 감을 잡고 있습니다ㅎ 기본 개념을 한번 더 숙지할 수 있었던 좋은 영상이었습니다🎉 감사합니다! 나중에는 오토레이아웃 심화버전 영상도 올라오면 좋을거같네요ㅎㅎ

    • @designer_dk
      @designer_dk  9 місяців тому

      풀시청 너무나 감사합니다 ㅎㅎ 응용편도 기회되면 준비해볼게요👍👍

    • @Kalebee48
      @Kalebee48 9 місяців тому

      Uiux 신입 3주차인데ㅠㅠ 혹시 데스크탑 테블릿 모바일 브레이크포인트 설정할때 너비 값 설정을 어떻게 하시나요? 물론 프로젝트마다 다르겠지만 초반 작업때 기기별 기준값을 몇으로 잡고 작업을 진행해야하는지 모르겠어서요ㅠ

    • @designer_dk
      @designer_dk  9 місяців тому +2

      안녕하세요 :) 이야기 주신대로 브레이크포인트 관련 규정은 각 회사마다 매우 다르답니다. 브레이크포인트를 3개로 나눌 것이냐 4개로 나눌 것이냐 5개로 나눌 것이냐에 따라서도 그 기준이 바뀌거든요~ 따라서 좋은 디자인시스템 레퍼런스를 가지고 내부 개발팀과 가장 적합한 기준을 찾아나가면 될 것 같습니다. 제 디자인시스템 추천 영상에서도 있었던 아틀라시안 디자인시스템의 브레이트포인트 기준을 캡쳐드렸습니다. 여기는 5포인트로 나눠서 좀 더 복잡하긴한 것 같구요~
      피그마 프레임을 생성할 때 프로토타입을 보면 다양한 기기 사이즈를 체크할 수 있는데 기기 사이즈들을 보면서 적정 범위를 정하시면 될 것 같아요. 참고로 저는 3개로 나눈다면 모바일~599, 타블렛600~1134, 데탑1135~ 정도의 기준으로 나누는 편입니다 :)

    • @designer_dk
      @designer_dk  9 місяців тому

      이미지 첨부를 드릴려고했는데 댓글은 첨부가 안되네요 ㅜㅜ 아틀라시안 디자인시스템에서 브레이크포인트 메뉴를 잘 찾으시면 됩니다 :)

    • @Kalebee48
      @Kalebee48 9 місяців тому +1

      @@designer_dk 양질의 답변 감사합니다!

  • @KayJay0102
    @KayJay0102 5 місяців тому

    좋은 강의 감사합니다!

    • @designer_dk
      @designer_dk  5 місяців тому

      감사합니다 🙂🙂

  • @JamesJames-qo2cn
    @JamesJames-qo2cn 8 місяців тому

    안녕하세요, 영상 잘보았습니다 🙂 보통 반응형 디자인으로 디자인 할 때는 wrap 속성으로 두고 작업을 하나요?

    • @designer_dk
      @designer_dk  8 місяців тому +2

      이부분은 제가 최근 올리고있는 반응형 시리즈 중에서 다음주에 올릴 영상에 담길 예정입니다😄

  • @dki4395
    @dki4395 9 місяців тому +1

    플렉스 재현 사이트 궁금합니다!

    • @designer_dk
      @designer_dk  9 місяців тому +1

      codepen.io/enxaneta/full/adLPwv/
      여기입니다🙂