[피그마] Auto Layout 오토 레이아웃을 적용한 카드 만들기

Поделиться
HTML-код
  • Опубликовано: 11 ноя 2024

Комментарии • 43

  • @문어그리고초고추장
    @문어그리고초고추장 2 года назад

    감사합니다 선생님

    • @UXUI
      @UXUI  2 года назад

      저도 감사드립니다! 피그마가 은근히 어려워요. 저도 엄청나게 공부를 하고 있습니다.^^;;
      시청해주셔서 감사드립니다!!

  • @조수지-h8y
    @조수지-h8y 2 года назад

    좋은 강의 감사합니다👍

    • @UXUI
      @UXUI  2 года назад

      와우~~ 칭찬 감사합니다^^

  • @hannahmoore4970
    @hannahmoore4970 3 года назад +1

    너무 잘 보고 따라하고 있습니다! 계속 업데이트 부탁드려용!!👍👍

    • @UXUI
      @UXUI  3 года назад +1

      감사합니다!!!
      궁금한 점이나 영상 요청 있으면 댓글로 올려주세요.

  • @bbasha8313
    @bbasha8313 3 года назад +1

    Unsplash에서 가져오는 이미지는 상업용으로 사용할수 있는건가요? 아니면 그냥 시안용 더미 이미지로만 사용가능한건가요? 배너 이미지에 적용되는 경우에는 이미지를 구매해야 될거 같은데요. Unsplash에서도 유료 구매가 가능한건가요?

    • @UXUI
      @UXUI  3 года назад +1

      unsplash의 사진은 모두 무료 이미지입니다. 물론 상업적으로 사용도 가능하구요.
      unsplash.com/license
      영상 봐주셔서 감사합니다^^

    • @bbasha8313
      @bbasha8313 3 года назад

      @@UXUI 답변 감사합니다~

    • @kennygo5053
      @kennygo5053 Год назад

      @@UXUI 회사 제품 카탈로그에도 저작권자에게 통보없이 바로 무료로 사용해도 된다는 말씀이신가요?

    • @UXUI
      @UXUI  Год назад +1

      @@kennygo5053 언스플래쉬의 무료이미지는 상업적 사용 가능해요. 저작권자에게 통보하지 않아도 된다고 라이센스에 있습니다. help.unsplash.com/en/articles/2612337-do-i-have-to-give-credit-to-a-photographer-when-i-use-their-photo 이 링크에서 확인해주세요.
      단 unsplash plus는 유료입니다.

    • @kennygo5053
      @kennygo5053 Год назад

      @@UXUI 감사합니다^^

  • @Lily_of_the_valley93
    @Lily_of_the_valley93 Год назад

    1:42 Fill container가 안 보이는데 어디에 있을까요?ㅠ

    • @UXUI
      @UXUI  Год назад

      이 영상은 2년전에 찍어서 지금 피그마 UI와 다릅니다.
      w 밑에 Horizontal resizing - fill container 이 있습니다. 영상 시청해주셔서 감사합니다^^

  • @임정찬-c2i
    @임정찬-c2i 3 года назад

    정말 궁금했던 부분을 가르쳐주셔 감사합니다! 목소리도 차분하시고 정말 듣기 좋아요 ㅎㅎ

    • @UXUI
      @UXUI  3 года назад

      부족한 영상 들어 주셔서 감사합니다^^;;

  • @Lily_of_the_valley93
    @Lily_of_the_valley93 Год назад

    w아래에 Fixed width랑 Hug contents밖에 없어요ㅠㅠ

    • @UXUI
      @UXUI  Год назад

      fill container는 부모의 가로폭에 꽉차게 하는 것이라서 부모가 아예 보이질 않아요^^

  • @문영진-g2j
    @문영진-g2j 2 года назад

    안녕하세요! 혹시 이미지 리사이징 옵션칸..? 이 안나오는데 업데이트하면서 없어진걸까요..?

    • @UXUI
      @UXUI  2 года назад +1

      W,H 밑으로 이동했습니다. Fixed 또는 Hug 라고 보이나요?

    • @문영진-g2j
      @문영진-g2j 2 года назад

      @@UXUI 감사합니다!!!

    • @숨덕탈출
      @숨덕탈출 Год назад

      ​@@UXUIw와 h가 대체무슨말인가요

    • @UXUI
      @UXUI  Год назад

      @@숨덕탈출 w(width)가로 , h(height) 세로 입니다.^^ 영상 시청해 주셔서 감사합니다!

  • @azkjhg364
    @azkjhg364 2 года назад

    오토 레이아웃 누르면 네모 칸 안에 글자가 들어가는 게 아니라 글자랑 도형이랑 분리 되는데 이건 어떻게 하면 될까요?ㅠ
    오토 레이아웃이나 컴포넌트 만든 걸 취소하려면 어떻게 해야하는지 알 수 있을까요?

    • @UXUI
      @UXUI  2 года назад

      오토레이아웃 해제는 shift+alt+A 입니다.

    • @UXUI
      @UXUI  2 года назад

      컴포넌트 취소는 없고.. 대신 복사해서 인스턴스를 만든 다음에 메인 컴포넌트를 삭제하세요^^
      영상 시청해주셔서 감사합니다!!

  • @sangeunjo1305
    @sangeunjo1305 2 года назад

    unsplash 플러그인을 다운받았는데요~ 이미지가 검색어를 넣으니 웹사이트로 각각 연결이 되는데요
    영상에서 처럼 바로 이미지를 보고 선택하고 싶은데...플러그인다운받는거 말고 멀 더 해야하나요?

    • @UXUI
      @UXUI  2 года назад

      사각형 선택 후 unsplash 플러그인에서 원하는 사진을 클릭하면 사각형 안에 사진이 바로 들어갑니다. 안되나요?

    • @UXUI
      @UXUI  2 года назад

      영상 시청해주셔서 감사합니다^^

    • @sangeunjo1305
      @sangeunjo1305 2 года назад

      @@UXUI 영상만들어주셔서 제가 감사해요~ ^^

  • @archiveverythink
    @archiveverythink 3 года назад

    바로 구독했습니다 영상 많이많이 올려주세요 너무 양질이에요 ㅠㅠ

    • @UXUI
      @UXUI  3 года назад

      피그마 영상 기다려주세요^^
      궁금한 점 있으면 언제든지 댓글 달아주세요! 감사합니다!!

  • @8JeongHoon5
    @8JeongHoon5 3 года назад +1

    안녕하세요! 영상 소리가 좀 더 컸으면 좋겠습니다~ 영상 감사드려요 👍

    • @UXUI
      @UXUI  3 года назад +1

      불편드려 죄송해요ㅠ.ㅠ 볼륨이 문제네요..좀더 신경써서 제작하겠습니다!
      영상 봐주셔서 감사합니다!!

  • @sangeunjo1305
    @sangeunjo1305 2 года назад

    마스터 콤포넌트로 만든것은 데스크 프레임 밖에 두기만 했는데 안보이게 할 수는 없나요? 지웠더니 다 지워지더라구요

    • @UXUI
      @UXUI  2 года назад

      메인컴포넌트는 지우면 안되요^^ 페이지를 다르게 해서 따로 정리해도 좋아요!!!

    • @sangeunjo1305
      @sangeunjo1305 2 года назад

      @@UXUI 감사합니다 ^^

  • @광림-d5w
    @광림-d5w 3 года назад +1

    안녕하세요! 3:04 에서 이미지를 추가하니까 바로 알맞은 (둥근 모서리에 프레임 안 이미지) 형태가 나오는데, 저는 상위 프레임을 누르든 바탕 프레임을 누르든 선택한 프레임의 full로 이미지가 채워집니다. 어떻게 마술을 부리신 걸까요? 🥲

    • @UXUI
      @UXUI  3 года назад

      영상 봐주셔서 감사합니다!! 사진 가져오기 한 후에 radius에 8px 넣었어요.

  • @sowonbaek7943
    @sowonbaek7943 2 года назад

    안녕하세요 이미지 트리밍 하는 방법이 궁금해요~

    • @UXUI
      @UXUI  2 года назад

      이미지 선택하고 상단에 Crop 선택하고 자르기 해주세요. 시청해주셔서 감사합니다^^

  • @lucypark08
    @lucypark08 2 года назад +1

    요즘 피그마 사용법을 보고 있는데 오토레이아웃 컨스트레인스등 개념이 헷갈리는 부분이 많아서 찾아 보고있어요.. 영상 감사합니다.
    질문이 있는데요
    UX card이라는 레이어 부분만 반응형으로 만들어 볼려고 하는데요.
    세로는 타이틀이나 본문 길이에 따라 늘어나고
    카드 폭을 늘리면 이미지 높이는 픽스이고 좌우는 스케일로 늘어나고, 그리고 텍스트 폭도 같이 늘어나게 해보고 싶은데
    타이틀과 본문을 오토레이아웃으로 설정하면 카드를 옆으로 늘려도 텍스트 폭은 안 늘어나요..
    어떤 부분을 더 설정 해줘야 할까요? 설명이 이상해서 이해가 안 되실지도 모르겠네요...죄송~ ^^;;
    영상을 찍어서 올려 봤어요~
    ruclips.net/video/4z0yasxuUFE/видео.html

    • @UXUI
      @UXUI  2 года назад +1

      설명과 파일을 제 메일로 보내주세요. lucymygirl@naver.com
      영상 시청해 주셔서 감사합니다^^