【20min Tutorial】 Just follow it Figma UIUX Design

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

КОМЕНТАРІ • 88

  • @UXUIDesign
    @UXUIDesign  Рік тому +16

    여러분들 잘 따라하셨나요? 댓글로 본인의 성과를 알려주세용!
    ➤연습 파일 소스
    drive.google.com/file/d/16L6iV9niEaBQ2H1cnlI3CpMoF4PYdo-p/view?usp=sharing
    ➤다양한 무작정 따라하기 영상으로 학습하세요
    ua-cam.com/video/ziytfuGvhhg/v-deo.html
    ➤ 디자인 실력을 5년을 앞당길 수 있는 방법
    ua-cam.com/video/fFNeuHAL3-E/v-deo.html
    ua-cam.com/video/_7wO8CZEwBw/v-deo.html

    • @minkim9529
      @minkim9529 7 днів тому

      백그라운드 블러 안 먹히는 경우는 왜그러는걸까요? 피그마 free 버전 문제인지 궁금합니다ㅠㅠ

  • @허우회-t9n
    @허우회-t9n Рік тому +16

    **파일 안 열리시는 분들을 위해서 해결방법 찾았어요!!**
    제가 시도해보고 안 됐던 방법은
    1. 드래그해서 열기
    2. 연결프로그램으로 해서 열기
    이렇게 두개였는데 둘다 안 돼서
    홈화면에 우측 상단에 Design file, FigJam board, Import 버튼중에 Import 버튼을 눌러서 다운받은 파일 클릭하시면 잘 열립니다!!

    • @허우회-t9n
      @허우회-t9n Рік тому

      개인적으로 조사해볼 부분
      08:45

    • @chich-r5h
      @chich-r5h 10 місяців тому

      감사합니다❤

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

      감사합니다!!!

  • @bbaiik
    @bbaiik Рік тому +11

    국비수업 듣다가 속터져서 들어왔습니다ㅋㅋㅋㅋㅋㅋ 마디아가 최고에요....

    • @UXUIDesign
      @UXUIDesign  Рік тому +2

      들어주셔서 감사합니다!

  • @워보이-o4q
    @워보이-o4q 7 місяців тому

    와 진짜 마디아님 강의 중독 있네요. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 아예 모든 강의 보게 되네요. 학원 강의 보다 훨씬 재밌음.

  • @minimin__
    @minimin__ Рік тому +22

    드디어 피그마!!!! 감사합니다!

  • @oz1h3
    @oz1h3 Рік тому +17

    선생님! 덕분에 UX 디자인을 많이 배우고 있어 감사드립니다! 더불어 평소 궁금한 점이 있어 댓글 남깁니다!
    무신사앱을 자주 쓰는데 UI가 좀 복잡한거 같은데 매출은 잘나오는거 같아 신기하더라구요!
    한번 리뷰해주시고 개선할 부분이 있다면 리뉴얼하는 컨텐츠 만들어 주시면 어떨까 생각해봅니다.! 오늘도 건강하시고 힘내세요!

  • @moms1004
    @moms1004 Рік тому +3

    마디아님💕감사합니다 육휴 후에 마디아님 강의 보고 xd마스터후 회사에서 업무 메인툴로 넘 잘 쓰고있어요 피그마강의도 해주시니 존경하고 감사드릴뿐 ❤️

  • @홍미선-u8k
    @홍미선-u8k Місяць тому

    디자인 공부에 많은 도움이 돼요. 정말 감사합니다~

  • @jellybean3000
    @jellybean3000 6 місяців тому +1

    오늘 첫번째 강의 클리어했습니다. 나머지도 차근차근 도전해보겠습니다. 감사합니다. :)

    • @UXUIDesign
      @UXUIDesign  6 місяців тому

      와!!! 수고하셨어요!!!

  • @wooooo6396
    @wooooo6396 Рік тому +12

    3:52 간격 잡아주실떄 어떤 단축키 쓰신건지 궁금합니다. 바로 간격값 넣는 단축키요!

    • @니-l9t
      @니-l9t 5 місяців тому +2

      궁금한데 알려주실분

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

      쉬프트누르고 방향키 누르면 10픽셀씩 이동하나바여 ?? 제일 처음 두개 간격 없이 붙인다음 쉬프트 + 방향키 두번 , 방향키 네번. 그래서 총 24 이동하신듯

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

    오늘부터 이거 보고 따라할래요..!

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

    피그마 새로 배우는데 잘 보고 있씁니다 감사합니다앙

  • @user-jg2nc6kl9hbv
    @user-jg2nc6kl9hbv Рік тому +5

    와..👍역시 디자인 퀄리티가 다르네요
    유익한 영상들 항상 감사히 잘 보고 있어요-!
    나중엔 레이어명을 어떤식으로 핸드오프 하시는지도 배우고 싶어요 😊

    • @UXUIDesign
      @UXUIDesign  Рік тому +1

      넵!! 추후 시간나면 한번 설명 드릴게요~

  • @ABCD-ki2di
    @ABCD-ki2di Рік тому +7

    1:41 쯤에 좌우 마진은 어떻게 설정하신건가요 !? 마진을 저렇게 도형을 사용하는 과정을 처음봐서 어떻게 처리하신건지 궁금해요!

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

      좌우 너비 24네모를 그리고 거기에 룰러로 표시하신거 아닐까요? 저도 대충 맨날 네모상자 그리면서 사이즈체크 하거든여

  • @akmu_mintchan
    @akmu_mintchan Рік тому +1

    컨텐츠 다 너무 좋아서 구독하고 갑니다. 실직적으로 도움되는 영상 많이 업로드 해주셔서 감사해요.

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

    선생님 안녕하세요! 사진은 그냥 제 마음대로 넣어서 연습 해봤는데요!
    궁금한 점이 있어서 질문 남겨요.
    간단한 작업이라 따라가는데 많이 어려움은 없었는데
    글을 한 줄만 쓰더라도 행간을 설정해야 하는 이유가 혹시 있을까여..?!

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

    툴만 알고 사용을 어떻게 해야하는지 고민이었는데 영상 보면서 도움 받고 있습니다!! 처음이라 그런지 오래 걸리더라구요. 아직 완성은 다 못했지만 완성 하고 다른 것도 도전 해보고 싶네요. 감사합니다!

  • @sjh1312
    @sjh1312 Рік тому

    마디아님 좋은 컨텐츠 너무 감사합니다!! 진짜 최고 그잡채..😍

  • @chick_bean
    @chick_bean Рік тому

    마디아님의 최근 디자인 영상들도 유익하고 재밌게 잘 보고 있지만, 이렇게 지난 영상들 중 '피그마' 같은 툴들에 대해 쉽게 따라해볼 수 있는 영상들 감사히 잘 보고 있습니다🙏
    늦은 시간까지 영상 촬영하시는 가운데 건강 잘 챙기시길. 감사히 잘 봤습니다.

  • @XPADO-pm3st
    @XPADO-pm3st 6 місяців тому +1

    공부가되었습니다 감사합니다!

    • @UXUIDesign
      @UXUIDesign  6 місяців тому

      도움이 되셨다니 다행입니다.

  • @seeu003
    @seeu003 6 місяців тому

    마디아님~ 피그마 강의 감사합니다~

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

    마디아님 자간 -2.5퍼센트로 잡아주셨는데 프리텐다드는 무조건인가요? 포트폴리오 만드는 중인데 프리텐다드 말고도 기본 자간 설정으로 하지말구 건들여줘야되나요😮😮

  • @이현우-q3w
    @이현우-q3w Місяць тому

    영상 정말 잘 봤습니다! 혹시 텍스트의 라인 헤이트는 무슨 기준으로 설정하시는지 궁금합니다! 알려주실 수 있으신가요? ㅠㅠ 같은 크기의 폰트라도 계속 라인 헤이트가 달라지는 것 같아서욥! 좋은 영상 감사합니다.

  • @awesome9029
    @awesome9029 Рік тому

    많은 도움이 되었습니다 감사합니다!

  • @woo9255
    @woo9255 Рік тому +1

    연습예제 이미지는 다운받을 수 없는건가요??

  • @jinl4388
    @jinl4388 Рік тому +1

    피그마로 된 디자인스타일 가이드 제작은 안하시나요? 잘보고있습니다 감사해요

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

    대단하시다 정말 우워어어어어~~~

  • @땅콩희
    @땅콩희 Рік тому

    안녕하세욤! 마디아님~~~~! 21:04 에서 Frame으로 영역을 만들어준 이유가 따로 있을까요???

  • @hiel-fh5pv
    @hiel-fh5pv Рік тому +1

    마디아님 좋은 영상 감사합니다. 그런데 혹시 피그마와 스케치 각각에서 -2.5% 자간이 다른 걸까요? 적용해보니 같은 수치임에도 스케치가 더 자간 사이가 붙어보여서요!

  • @pringlesspicy2154
    @pringlesspicy2154 Рік тому +2

    잘생겼다 !!!

    • @UXUIDesign
      @UXUIDesign  Рік тому

      허걱.. 저 완전 늙었어요 캠이... 모든 것을 가려주네요 ㅎㅎ
      감사합니다 ㅎ

  • @Geamaksick
    @Geamaksick 3 місяці тому

    마디아님, 맴버십 가입하면 가입한 날 이후로 올라오는 영상의 파일만 받아볼 수 있나요?

    • @UXUIDesign
      @UXUIDesign  3 місяці тому

      넵 가입일 기준으로 그 이후 파일만 받으실 수 있습니다.
      기존 가입자분들과의 형평성 문제 때문에 그렇습니다.
      감사합니다.

  • @nana-dp8ro
    @nana-dp8ro Рік тому

    선생님 영상보다 궁금한게 있는데 라인하이트 값 잡을때 ex. 그래픽 아트 리스트 24px 라인하이트 34/ 다양한 그래픽 아트를.. 14px 라인하이트 22로 잡으셨는데 한줄일때 라인하이트잡는 기준이 있을까요? 한줄일때 라인하이트가 위아래로 먹으면 텍스트 위에도 공간을 잡아 먹어 영상과 같은 (ex.그래픽 .. , 다양한 ) 이 두문장의 텍스트 사이가 12px 인데 실재개발에서 라인하이트를 안먹이고 작업하면 12px만 인식해서 두문장 사이가 엄청 붙어 보이더라구여.. 그래서 한줄일땐 라인하이트를 안 먹이고 바짝 붙여서 개발에 내보낼때가 있는데 뭐가 맞는 건가요? 한줄일때도 라인하이트를 꼭 입력하여 내보내야 되는지 라인하이트를 넣어야 한다면 입력치의 기준이 뭔지도 궁금합니다. 보통 2줄이상일때 잡는 기준인지.궁급합니다. 감사합니다. :)

    • @user-sjkim
      @user-sjkim 12 днів тому

      이미 답을 찾으셨을 것 같지만, 여러줄일 때와 한 줄일 때 라인하이트값이 달라지면 오히려 개발자와의 소통에 문제가 생길 수 있어서 통일한 것으로 보입니다.

  • @시고르자브종-i1h
    @시고르자브종-i1h Рік тому +4

    3:46 간격 24 잡을 때에 단축키 같은게 있나요??

    • @o_x3941
      @o_x3941 10 місяців тому

      혹시 단축키 찾으셨나요?!

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

      방향키로만 움직일 경우(1px), shift+방향키(10px)

  • @minkim9529
    @minkim9529 7 днів тому

    백그라운드 블러 안 먹히는 경우는 왜그러는 건지 아시는 분 있을까요? ㅠㅠ 독학으로 하려니 답답하네요.

  • @now_here_
    @now_here_ Рік тому

    마디아님 피그마에서 모바일 작업 때 사이즈는 몇으로 해놓고 해야할까요? 아직 포토샵 밖에 한 줄 몰라서 사이즈 개념이 어렵습니다

    • @UXUIDesign
      @UXUIDesign  Рік тому +1

      320/360/375 정도 잡아두고 합니당~
      z폴드320 / 안드로이드360 / ios 375

    • @now_here_
      @now_here_ Рік тому

      @@UXUIDesign 감사합니당♡

  • @moms1004
    @moms1004 Рік тому +1

    감사합니다.

    • @UXUIDesign
      @UXUIDesign  Рік тому

      헉? 뭐지 이거 ㅠ 지금 봤다 감사합니당.ㅠㅠ 댓글에 이런 기능도 있었어요? ㅠ

    • @moms1004
      @moms1004 Рік тому

      @@UXUIDesign ㅎㅎㅎㅎ 이런기능이 있더라구요..저도 생전처음사용을 해봐요.

  • @chamdomkyo
    @chamdomkyo Рік тому +5

    나중엔 오토레이아웃도 활용하신걸 보여주시면 좋을것 같습니다!!
    항상 좋은 영상 감사합니다 :)

  • @잔월-h4p
    @잔월-h4p Рік тому

    마디아님 강의를 보며 따라하고 있는데 아이콘은 일러스트레이터에서 png파일로 불러와 작업하는데 이미지로 되어있어서 색을 맘대로 바꿀수가 없네요...ㅜㅜ 마디아님 아이콘 영상보면서 많이 만들어놨는데 이걸 피그마에서 쓸수는 없고 피그마용으로 아이콘들을 새로 만들어야 하는걸까요?

    • @jhhjhjhjhjhjh
      @jhhjhjhjhjhjh Рік тому +2

      일러스트에서 복사하고 피그마에 붙여넣기 하면 바로 호환됩니다ㅎㅎ

  • @cgyoung9
    @cgyoung9 Рік тому

    오토레이어를 스크롤했는데 양옆으로 여백이 생기는데 간단한 이미지는 안생기는데 좀 복잡하게 하니까 여백이 생기는데 왜 그런건가요 ??

  • @임정엽-u9z
    @임정엽-u9z Рік тому

    안녕하세요~ 영상 너무 잘보고있습니다. 궁금한게 있어서 문의드립니다. 3:30초에 텍스트 박스를 기준으로 간격을 잡는이유는 왜인가요?(비기너의 질문입니다.)

  • @와플이눈나
    @와플이눈나 Рік тому +1

    저 사진 파일을 다운받을 수 있는 정확한 링크는 없는걸까용?

    • @UXUIDesign
      @UXUIDesign  Рік тому +1

      언스플래쉬라는
      시이트에서 3d검색하시면 많이 나와용

    • @와플이눈나
      @와플이눈나 Рік тому

      @@UXUIDesign 정말 감사합니다🥰

  • @이건아니지-d1g
    @이건아니지-d1g Рік тому +1

    이보다 쉽게 알려줄 수 있을까 ㅜㅜ 감사합니다

  • @하체밀기당기기하체팔

    멤버심 가입 안하면 저거 초반에 아이폰 바 나오고 그런가 못받나요?

    • @UXUIDesign
      @UXUIDesign  Рік тому

      영상 게시글에 링크 있습니당

    • @하체밀기당기기하체팔
      @하체밀기당기기하체팔 Рік тому

      @@UXUIDesign 디자인툴 처음 쓰는데 간격 어떻게 맞추는겁니까..... 빨간색 간격 표시가 전 안뜨는데요

  • @MrZgpgpz
    @MrZgpgpz Рік тому

    영상 감사히 보겠습니다! 혹시 글자크기에 따라 행간을 설정할 때 기준이 있을까요? 두줄말고 한줄이나 단어일 때 행간설정 기준을 아직 모르겠어요ㅠㅠ

    • @쏨앤
      @쏨앤 Рік тому

      저도 한줄일 때 행간 알고 싶어요..

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

    주황색 글씨로 수치값이 나오지 않는 건 왜 그럴까요?

  • @그라데이션soh
    @그라데이션soh 7 місяців тому +1

    영상에는 빨간색 라인으로 간격 수치가 보이는데.. .왜 저는 안보일까요? 따로 설정해야하는건가요??

  • @아아-g6s3i
    @아아-g6s3i Рік тому +1

    피그마 툴을 아이폰으로 했는데 안드로이드 툴로 바꿔야하나요?상관없나요?

    • @UXUIDesign
      @UXUIDesign  Рік тому

      375를 360으로 해도 되냐는 질문인가요?~
      가능합니다 ㅎㅎ

    • @아아-g6s3i
      @아아-g6s3i Рік тому

      @@UXUIDesign 안드로이드 스튜디오에 적용할건데 적용할때 툴이 아이폰, 안드로이드 상관이 없는지 궁금해서요
      아니면 적용전에 안드로이드 툴로 바꿔야하나요..?ㅜㅜ

  • @design_marketing_Yang_Huiman
    @design_marketing_Yang_Huiman 8 місяців тому

    폰트 목록에 프리텐다드가 없어졌는데 왜 이럴까요?

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

      저두요 ㅠㅠ 혹시 이거 아시는 분 있을까요?

  • @miniapple677
    @miniapple677 Рік тому

    꼭 따라해보고 싶은데 연습소스가 다운받아도 열리지 않아요..😭

    • @UXUIDesign
      @UXUIDesign  Рік тому +1

      다운받은 소스를 피그마로 드래그하셔서 넣어보세용!!

    • @miniapple677
      @miniapple677 Рік тому

      @@UXUIDesign 앗 네넵! 그 방법도 해봤는데 팝업창이 뜨면서 안되더라구요..ㅠㅠ 다운 받고나서 연결프로그램을 선택해서 열어야하는데 일러나 포토샵으로 열어도 파일이 열리지 않아 고민이에요..ㅠㅠ

    • @yoooo506
      @yoooo506 Рік тому

      저도 동일한 문제가 발생하네요 ㅠㅠ!

  • @seinx3
    @seinx3 Рік тому

    12:42

  • @gomdol_gomdol
    @gomdol_gomdol Рік тому

    7:53

  • @May-kr
    @May-kr Рік тому

    1150

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

    유용한 영상 진심으로 감사합니다. 🙏🏻