【20min Tutorial】 Just follow it Figma UIUX Design
ฝัง
- เผยแพร่เมื่อ 30 ก.ย. 2024
- Membership subscription
If you sign up for membership, you can download design files from the Madhya community at the end of the month.
han.gl/OBONg
1. Photoshop Tip
url.kr/qo19er
2. Graphic design
tinyurl.com/2a...
3. UXUI Design
tinyurl.com/2a...
4. UXUI tutorial
tinyurl.com/2a...
5. 20min UIUX Design
tinyurl.com/2a...
6. Design Information
tinyurl.com/29...
Hello, I'm the designer, Madia.
I am currently working as a designer for UIUX at the mall. I will approach you with a lecture that will be of some help to students.
--------------------------------------------------------------------------
► youtube channel: bit.ly/2GJYUF1
►mail : madia_designer@naver.com
--------------------------------------------------------------------------
#Figma #UXUI #UIDesign
![Try various ui designs [Figma]](http://i.ytimg.com/vi/_Ffgd-Aj1q8/mqdefault.jpg)
여러분들 잘 따라하셨나요? 댓글로 본인의 성과를 알려주세용!
➤연습 파일 소스
drive.google.com/file/d/16L6iV9niEaBQ2H1cnlI3CpMoF4PYdo-p/view?usp=sharing
➤다양한 무작정 따라하기 영상으로 학습하세요
th-cam.com/video/ziytfuGvhhg/w-d-xo.html
➤ 디자인 실력을 5년을 앞당길 수 있는 방법
th-cam.com/video/fFNeuHAL3-E/w-d-xo.html
th-cam.com/video/_7wO8CZEwBw/w-d-xo.html
**파일 안 열리시는 분들을 위해서 해결방법 찾았어요!!**
제가 시도해보고 안 됐던 방법은
1. 드래그해서 열기
2. 연결프로그램으로 해서 열기
이렇게 두개였는데 둘다 안 돼서
홈화면에 우측 상단에 Design file, FigJam board, Import 버튼중에 Import 버튼을 눌러서 다운받은 파일 클릭하시면 잘 열립니다!!
개인적으로 조사해볼 부분
08:45
감사합니다❤
감사합니다!!!
선생님! 덕분에 UX 디자인을 많이 배우고 있어 감사드립니다! 더불어 평소 궁금한 점이 있어 댓글 남깁니다!
무신사앱을 자주 쓰는데 UI가 좀 복잡한거 같은데 매출은 잘나오는거 같아 신기하더라구요!
한번 리뷰해주시고 개선할 부분이 있다면 리뉴얼하는 컨텐츠 만들어 주시면 어떨까 생각해봅니다.! 오늘도 건강하시고 힘내세요!
3:52 간격 잡아주실떄 어떤 단축키 쓰신건지 궁금합니다. 바로 간격값 넣는 단축키요!
궁금한데 알려주실분
쉬프트누르고 방향키 누르면 10픽셀씩 이동하나바여 ?? 제일 처음 두개 간격 없이 붙인다음 쉬프트 + 방향키 두번 , 방향키 네번. 그래서 총 24 이동하신듯
국비수업 듣다가 속터져서 들어왔습니다ㅋㅋㅋㅋㅋㅋ 마디아가 최고에요....
들어주셔서 감사합니다!
1:41 쯤에 좌우 마진은 어떻게 설정하신건가요 !? 마진을 저렇게 도형을 사용하는 과정을 처음봐서 어떻게 처리하신건지 궁금해요!
좌우 너비 24네모를 그리고 거기에 룰러로 표시하신거 아닐까요? 저도 대충 맨날 네모상자 그리면서 사이즈체크 하거든여
영상 정말 잘 봤습니다! 혹시 텍스트의 라인 헤이트는 무슨 기준으로 설정하시는지 궁금합니다! 알려주실 수 있으신가요? ㅠㅠ 같은 크기의 폰트라도 계속 라인 헤이트가 달라지는 것 같아서욥! 좋은 영상 감사합니다.
선생님 안녕하세요! 사진은 그냥 제 마음대로 넣어서 연습 해봤는데요!
궁금한 점이 있어서 질문 남겨요.
간단한 작업이라 따라가는데 많이 어려움은 없었는데
글을 한 줄만 쓰더라도 행간을 설정해야 하는 이유가 혹시 있을까여..?!
툴만 알고 사용을 어떻게 해야하는지 고민이었는데 영상 보면서 도움 받고 있습니다!! 처음이라 그런지 오래 걸리더라구요. 아직 완성은 다 못했지만 완성 하고 다른 것도 도전 해보고 싶네요. 감사합니다!
드디어 피그마!!!! 감사합니다!
감사합니당 ㅎ!
와..👍역시 디자인 퀄리티가 다르네요
유익한 영상들 항상 감사히 잘 보고 있어요-!
나중엔 레이어명을 어떤식으로 핸드오프 하시는지도 배우고 싶어요 😊
넵!! 추후 시간나면 한번 설명 드릴게요~
영상에는 빨간색 라인으로 간격 수치가 보이는데.. .왜 저는 안보일까요? 따로 설정해야하는건가요??
알트누르면 보여여
마디아님💕감사합니다 육휴 후에 마디아님 강의 보고 xd마스터후 회사에서 업무 메인툴로 넘 잘 쓰고있어요 피그마강의도 해주시니 존경하고 감사드릴뿐 ❤️
연습예제 이미지는 다운받을 수 없는건가요??
오늘 첫번째 강의 클리어했습니다. 나머지도 차근차근 도전해보겠습니다. 감사합니다. :)
와!!! 수고하셨어요!!!
마디아님 좋은 영상 감사합니다. 그런데 혹시 피그마와 스케치 각각에서 -2.5% 자간이 다른 걸까요? 적용해보니 같은 수치임에도 스케치가 더 자간 사이가 붙어보여서요!
이보다 쉽게 알려줄 수 있을까 ㅜㅜ 감사합니다
마디아님 자간 -2.5퍼센트로 잡아주셨는데 프리텐다드는 무조건인가요? 포트폴리오 만드는 중인데 프리텐다드 말고도 기본 자간 설정으로 하지말구 건들여줘야되나요😮😮
피그마로 된 디자인스타일 가이드 제작은 안하시나요? 잘보고있습니다 감사해요
주황색 글씨로 수치값이 나오지 않는 건 왜 그럴까요?
컨텐츠 다 너무 좋아서 구독하고 갑니다. 실직적으로 도움되는 영상 많이 업로드 해주셔서 감사해요.
오토레이어를 스크롤했는데 양옆으로 여백이 생기는데 간단한 이미지는 안생기는데 좀 복잡하게 하니까 여백이 생기는데 왜 그런건가요 ??
나중엔 오토레이아웃도 활용하신걸 보여주시면 좋을것 같습니다!!
항상 좋은 영상 감사합니다 :)
넵! ㅎㅎ 알겠습니당!
오늘부터 이거 보고 따라할래요..!
와 진짜 마디아님 강의 중독 있네요. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 아예 모든 강의 보게 되네요. 학원 강의 보다 훨씬 재밌음.
저 사진 파일을 다운받을 수 있는 정확한 링크는 없는걸까용?
언스플래쉬라는
시이트에서 3d검색하시면 많이 나와용
@@UXUIDesign 정말 감사합니다🥰
선생님 영상보다 궁금한게 있는데 라인하이트 값 잡을때 ex. 그래픽 아트 리스트 24px 라인하이트 34/ 다양한 그래픽 아트를.. 14px 라인하이트 22로 잡으셨는데 한줄일때 라인하이트잡는 기준이 있을까요? 한줄일때 라인하이트가 위아래로 먹으면 텍스트 위에도 공간을 잡아 먹어 영상과 같은 (ex.그래픽 .. , 다양한 ) 이 두문장의 텍스트 사이가 12px 인데 실재개발에서 라인하이트를 안먹이고 작업하면 12px만 인식해서 두문장 사이가 엄청 붙어 보이더라구여.. 그래서 한줄일땐 라인하이트를 안 먹이고 바짝 붙여서 개발에 내보낼때가 있는데 뭐가 맞는 건가요? 한줄일때도 라인하이트를 꼭 입력하여 내보내야 되는지 라인하이트를 넣어야 한다면 입력치의 기준이 뭔지도 궁금합니다. 보통 2줄이상일때 잡는 기준인지.궁급합니다. 감사합니다. :)
마디아님, 맴버십 가입하면 가입한 날 이후로 올라오는 영상의 파일만 받아볼 수 있나요?
넵 가입일 기준으로 그 이후 파일만 받으실 수 있습니다.
기존 가입자분들과의 형평성 문제 때문에 그렇습니다.
감사합니다.
유용한 영상 진심으로 감사합니다. 🙏🏻
안녕하세욤! 마디아님~~~~! 21:04 에서 Frame으로 영역을 만들어준 이유가 따로 있을까요???
공부가되었습니다 감사합니다!
도움이 되셨다니 다행입니다.
오우 30분이네 자고 일어나서 봐야지
네넵! 꼭 따라해 보세용!
마디아님~ 피그마 강의 감사합니다~
폰트 목록에 프리텐다드가 없어졌는데 왜 이럴까요?
저두요 ㅠㅠ 혹시 이거 아시는 분 있을까요?
잘생겼다 !!!
허걱.. 저 완전 늙었어요 캠이... 모든 것을 가려주네요 ㅎㅎ
감사합니다 ㅎ
대단하시다 정말 우워어어어어~~~
마디아님 좋은 컨텐츠 너무 감사합니다!! 진짜 최고 그잡채..😍
마디아님 강의를 보며 따라하고 있는데 아이콘은 일러스트레이터에서 png파일로 불러와 작업하는데 이미지로 되어있어서 색을 맘대로 바꿀수가 없네요...ㅜㅜ 마디아님 아이콘 영상보면서 많이 만들어놨는데 이걸 피그마에서 쓸수는 없고 피그마용으로 아이콘들을 새로 만들어야 하는걸까요?
일러스트에서 복사하고 피그마에 붙여넣기 하면 바로 호환됩니다ㅎㅎ
3:46 간격 24 잡을 때에 단축키 같은게 있나요??
혹시 단축키 찾으셨나요?!
방향키로만 움직일 경우(1px), shift+방향키(10px)
많은 도움이 되었습니다 감사합니다!
마디아님 피그마에서 모바일 작업 때 사이즈는 몇으로 해놓고 해야할까요? 아직 포토샵 밖에 한 줄 몰라서 사이즈 개념이 어렵습니다
320/360/375 정도 잡아두고 합니당~
z폴드320 / 안드로이드360 / ios 375
@@UXUIDesign 감사합니당♡
꼭 따라해보고 싶은데 연습소스가 다운받아도 열리지 않아요..😭
다운받은 소스를 피그마로 드래그하셔서 넣어보세용!!
@@UXUIDesign 앗 네넵! 그 방법도 해봤는데 팝업창이 뜨면서 안되더라구요..ㅠㅠ 다운 받고나서 연결프로그램을 선택해서 열어야하는데 일러나 포토샵으로 열어도 파일이 열리지 않아 고민이에요..ㅠㅠ
저도 동일한 문제가 발생하네요 ㅠㅠ!
마디아님의 최근 디자인 영상들도 유익하고 재밌게 잘 보고 있지만, 이렇게 지난 영상들 중 '피그마' 같은 툴들에 대해 쉽게 따라해볼 수 있는 영상들 감사히 잘 보고 있습니다🙏
늦은 시간까지 영상 촬영하시는 가운데 건강 잘 챙기시길. 감사히 잘 봤습니다.
멤버심 가입 안하면 저거 초반에 아이폰 바 나오고 그런가 못받나요?
영상 게시글에 링크 있습니당
@@UXUIDesign 디자인툴 처음 쓰는데 간격 어떻게 맞추는겁니까..... 빨간색 간격 표시가 전 안뜨는데요
12:42
7:53
감사합니다.
헉? 뭐지 이거 ㅠ 지금 봤다 감사합니당.ㅠㅠ 댓글에 이런 기능도 있었어요? ㅠ
@@UXUIDesign ㅎㅎㅎㅎ 이런기능이 있더라구요..저도 생전처음사용을 해봐요.
1150
피그마 툴을 아이폰으로 했는데 안드로이드 툴로 바꿔야하나요?상관없나요?
375를 360으로 해도 되냐는 질문인가요?~
가능합니다 ㅎㅎ
@@UXUIDesign 안드로이드 스튜디오에 적용할건데 적용할때 툴이 아이폰, 안드로이드 상관이 없는지 궁금해서요
아니면 적용전에 안드로이드 툴로 바꿔야하나요..?ㅜㅜ
안녕하세요~ 영상 너무 잘보고있습니다. 궁금한게 있어서 문의드립니다. 3:30초에 텍스트 박스를 기준으로 간격을 잡는이유는 왜인가요?(비기너의 질문입니다.)
영상 감사히 보겠습니다! 혹시 글자크기에 따라 행간을 설정할 때 기준이 있을까요? 두줄말고 한줄이나 단어일 때 행간설정 기준을 아직 모르겠어요ㅠㅠ
저도 한줄일 때 행간 알고 싶어요..