월 16,500원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
auto layout 질문 드립니다!
선생님 안녕하세요 !오토레이아웃에 대하여 공부하고 있는데 저는 cmd+d 복사를 하면 자꾸 밑으로 복사가 됩니다 ㅠㅠ우측 기능을 가로로 해놔도 왜자꾸 세로로 복사가 되는지 .... 이것저것 만지다보면 또 가로로 바뀌는데어떻게해서 가로로 바뀌게 되는지 모르겠어요.도와주세요 ㅠㅠ
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
피그마 툴 질문드립니당
선생님 피그마 텍스트 한번에 바꾸는 방법있을까요?보드가 엄청많아서요 한보드에서 텍스트 수정할때다른보드도 다같이 텍스트 수정하는 방법 있나궁급합니다.
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
텍스트 붙여넣기 할 때
저는 글자의 속성값(볼드, 폰트 종류)까지 붙여 넣기 되던데 글자값만 복사하는 방법이 따로 있나요? 강사님은 텍스트 내용만 붙여 넣기 되는 듯 한데 저도 텍스트 상자 안으로 들어가서 붙여넣기 해도 속성 값까지 복사가 되네요...
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
그리드 관련해서 질문이 있습니다.
에릭님 안녕하세요. '그리드 만들기' 강의에서 Mobile 예시를 설명해 주실 때 가로 375의 크기로 설명해 주셨습니다.거기에 그리드 칼럼에서 4개, center, width=64, gutter=30이라고 하셨는데 그렇게 하면 좌/우의 offset이 15/15가 아니고 15/14가 됩니다.영상에서 Container 345px이라고 적혀 있는데 실제로 해보면 346px이 나옵니다. (사진 첨부)이렇게 홀수의 프레임에서는 그리드 칼럼을 center가 아닌 stretch에 마진을 15로 줘야 할까요?(Left 또는 Right으로 하면 좌 또는 우에 14px offset이 나오게 됩니다.) 추가로 궁금한 점이 있습니다.저희가 OS에 관계없이 모바일 UI를 설계한다고 하면 피그마는 벡터 기반이기에 한 프레임 사이즈에서 ui를 설계하고 이를 개발자에게 전달하면 되지 않을까 싶습니다.물론 OS에 따라 기본 ui구조가 다를 것 같지만 이를 배제하고 동일한 디자인을 가져간다고 생각할 때 어떤 프레임 크기를 설정하고 작업을 하는게 좋을까요?감사합니다.
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
글자 자동 줄바꿈
폰트가 깨져서 다른 폰트로 작업해서 그런 걸까요?'스니커즈'가 강사님 작업하실 때는 단어가 잘리지 않고 줄바꿈 되서 나오는데, 저는 줄바꿈이 안 되고 단어가 스니/커즈로 잘려서 나오네요. 앞에서 그런 내용을 배웠나...? 싶은데 기억이 안 나서 ㅜㅜ 죄송하지만 어떻게 설정해야 하는지 알려주시면 대단히 감사하겠습니다!
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
짝수/홀수 프레임 width와 object 크기 결정 문의
에릭님 안녕하세요~강의를 듣던 중에 궁금한 점이 있습니다.저희가 프로젝트에 따라 다르겠지만 보통 프레임을 선택할 때 안드로이드는 360*XXX iPhone은 375*812 사이즈로 선택하고 작업을 진행한다고 알고 있습니다.관련해서 제가 프레임 중앙에 어떤 객체 (예. 정사각형 카드)를 배치한다고 했을 때 안드로이드에서는 짝수 (240*240)의 경우 가운데 정렬을 했을 때 좌/우 60씩 남지만 아이폰에서는 67/68로 배치가 됩니다. (피그마에서 억지로 가운데 정렬을 할 수 있을 것 같긴 한데 그러면 그게 0.5단위여서 개발에 전달할 때 문제가 있지 않을까 싶기도 하고 다른 객체들을 디자인 할 때 방해가 되지 않을까 싶습니다.)위와 같은 예시로 한 앱을 두 OS에서 동일하게 보여주고 싶다면 객체 크기를 어떻게 설정하는게 좋을까요?아이폰에서도 프레임의 짝수 홀수의 width가 섞여 있는데 정사각형/원형이 개체를 정 가운데 배치할 때 어떻게 기준을 잡아야 할까요?더불어 안드에서는 8의 배수로 디자인 하는 것을 많이 권장하시는데 아이폰에서도 그런 기준이 있을까요? 미리 감사합니다~
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
검색바 편집과정에서 질문드립니다.
안녕하세요! 질문이 하나 있는데, 13:35초정도쯤에서 component/ Search Bar부분이 갑자기 사라지는데 이건 delete를 하신건가요?저는 이 상태에서 delete를 하면 검색바가 전체 다 사라져서요..!detach instance는 해두었는데, 검색바를 줄여도 다른 선이 박스로 잡히는데, 영상에서는 갑자기 그 부분이 사라져서 여쭈어봅니당..!
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
플러그인 아이콘관련
안녕하세요!plug-in icon을 따라하다가 질문이 생겨 남깁니다.feather icon을 강사님이 주신 링크로 1개, 따로 제가 검색해서 다른 오픈소스 1개 총 2개를 추가했었는데요! 주신 링크로 search를 검색해서 아이콘을 넣으니, 상단에 작게 search라고 키워드가 들어가는데.. 이렇게 더블클릭해서 지우고 엔터를 눌러도다시 search가 보이네요 ㅠㅠ 다른 feather icon을 검색한것은 처음부터 아이콘을 누르면 search가 화면에 안나오긴하는데.. 강사님은 search가 보이다가, 도형을 옮길때 해당 키워드가 안보이더라구요..!이건 어떻게 해결할수 있는걸까요?그리구 아이콘을 늘렸다가 줄이면 스트로크가 두꺼워지는 현상이 있는데, 아이콘마다 outline stoke를 지정하고 크기조절하면 괜찮더라고요. 아이콘마다 이렇게 지정해서 하는게 맞는 방식인가요~?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
컴포넌트 관련해서
안녕하세요 강사님!강의를 듣다 질문이 생겨 글 남깁니다^^ui kit에서 템플릿을 복사해 가져왔을 때 component가 걸려있어 이걸 풀어주셔야 한다고 말씀주셨는데, component인 상태가 어떤 상태인건가요? 그 상태로 진행하면 어떤점이 문제가 될 수 있나 해서요! 그리구 component삭제한뒤에 detach instance를 눌렀을 때는 어떤 상태로 바뀌는건가요? 요소 하나하나 언그룹처럼 편집할 수 있는 상태로 바뀌는것을 의미하는게 맞을까요?그리고 상단바를 카피해왔을때 Local Components에 상단바가 아니라 frame이 전체 다 나오는데 이건 삭제하면 frame이 사라지더라구요! 그리고 다 삭제한뒤에 다시 새롭게 frame을 만들어서 해봤는데, 이번엔 좌측에 컴포넌트 모양 아이콘이 안나오고, Assets을 눌러도 빈칸으로 되어있는데.. 혹시 어떤 차이인지 아실까요? 하나 더 질문이 있는데요!이렇게 텍스트를 누르고 아이콘이랑 정렬하려했는데, 텍스트를 누르니 정렬부분이 비활성화 되어있어요. 추가 작업을 해줘야하는게 있을까요..??
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
컴포넌트 생성시 질문
안녕하세요~~!컴포넌트생성이 생산성 향상하기위해 정말 좋은 기능인것 같습니다. 항상 좋은강의 감사드려요^^한가지 질문이 있는데요, 컴포넌트를 생성할때 Normal, Disabled 등 다양한 값에 따라 색상, 불투명도, 테두리 등 값이 달라지는데요. 색상대비나 disabled될 때 불투명도값, 일반적으로 사용하는 아이콘 사이즈, 타이틀 사이즈 등에 대한 표준 가이드가 있어 보통 그걸 따르는지, 아니면 디자이너마다 사용하는 값이 제각각 다른지 궁금합니다 :) Material Design에도 타이포에 대한 사이즈 가이드는 있는데, 앱에서 보통 메인타이틀로 H3을 사용하는지, H4를 사용하는지에 관한것들은 디자이너나 회사마다 자체적으로 결정하는거지 어떤 표준 규격이 있는건 아닌건가요?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
사진 사이즈
안녕하세요 Eric강사님~질문이 있습니다!혹시 Unsplash에서 이미지를 넣었는데, 이미지가 너무 큰 경우 어떻게 사이즈 조정할 수 있나요? Crop을 누른경우 이미지 사이즈 자체가 작아지지는 않고 Fill을 누른 경우에는 사각도형 사이즈 자체가 작아져서요!Fit은 전체 이미지 사이즈가 작아져버리는데혹시 이미지를 도형에 맞게 줄일 수 있는 방법이 있나요..?? 아니면 도형사이즈에 맞는 이미지를 선택하려했지만 기능이없는것 같은데.. Unsplash plugin사용시 사이즈별로 이미지를 찾아야 하는건가용?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
아이콘 대지위에 옮기기
안녕하세요 Eric강사님!아이콘을 다 만들고 마지막에 흰색 프레임으로 옮기는 작업을 하고있는데, 아이콘이 대지 위에 보이는것도 있고, 대지 뒤로 보이는부분도 있어서요. 대지를 누르고 [ 뒤로가기 누르거나, 아이콘으로 ] 앞으로 오기 눌러도 계속 이렇게 보이는데 혹시 어떤부분을 수정해야 할까요~?참고로 두번째줄이 새로 만들어본 아이콘이고, 아이콘만 드래그 후 copy, paste해서 아래로 드래그했습니다!근데 아래 대지를 치워보면(?) 아이콘이 안보이네용..다시 copy paste를 해봐도 일부 아이콘은 복사가 되어 보이고, 일부 아이콘은 안보이는데 왜 붙여넣기가 안될까요? ㅜㅜ(1. 휴지통의 경우 그룹화해서 카피하니까 붙여넣기가 되었습니다! 그룹을 항상 해줘야되능걸까요..??Menu와 Close는 Vector가 잠겨있더라고요! 잠금을 풀어줬는데, 이렇게 두개가 같이 묶여보여요. 펜툴로 이어서 그려서 그런것인지.. 이건 언그룹해서 풀수있을까요? shift+command+g를 해도 안풀려서 ㅜㅜ)바쁘실텐데 매번 질문에 대해 친절히 잘 설명해주셔서 넘 감사해요~!!^^
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
따라할때 아이콘이미지
안녕하세요 Eric님! 강의 잘 보고있습니다 :) 한가지 질문이 있는데요!혹시 화면캡쳐후 따라해볼때 각 앱서비스마다 고유의 아이콘이나 이미지를 쓰는경우가 많은데요! google material icon과 같이 오픈소스로 받는경우가 아닌 고유의 아이콘같은경우에는 따로 검색해서 png다운을 받아 사용하는걸까요?크기가 비슷한 아이콘이미지로 대체해 따라하기도 하는지 문의드립니다 :)
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
상세페이지로 이어지는 링크를 만들 때
신상품 화면에서 슈즈모델 A 요소를 선택해서 상세 페이지로 넘어가게 하려면 반드시 그 요소들을 그룹으로 셋팅해 줘야 하나요? 그룹으로 설정을 안 한 상태로 하니 에러가 뜨네요.
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
아이콘을 만들어서 사용할 때 궁금한게 있어요
아이콘 사이즈가 24x24라면, rectangle 툴을 24x24로 만들어서 아이콘을 안에다 넣어주는게 맞는건가요? 아이콘만 넣지 말고 아이콘 영역을 rectangle 툴을 이용해서 만들어주는게 맞는건지요
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
미리보기 할 때 보여지는 프레임의 순서를 정할 수는 없나요?
미리보기 할 때 보여지는 프레임의 순서를 정할 수는 없나요? 인터렉션을 하나도 연결하지 않았을 때요. 예를 들어 1,2,3,4,5 프레임을 만들었다고 가정하면 1부터 시작이 아닌 2부터 2,3,4,5,1 이런식으로요. 또한 2,4,5,1,3 이런식으로도 가능한지 궁금하내요.
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
콘스트레인트 사용할 때
스케일은 거의 사용하지 않나요? 여백 비율보다는 여백을 유지하는게 더 중요하지 않을까 싶어서요.. 그리고 이건 다른 질문인데, XD인 경우 도형을 만들고 이미지를 드래그하여 도형에 넣으면 도형 사이즈대로 이미지가 들어가지는데 피그마는 그런 기능이 없을까여?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
텍스트를 작성하고 ESC를 눌러서 완료하면
저절로 손바닥 모양이되서 이동하게끔 되요. 그래서 스페이스바를 눌러야 마우스 커버로 바뀌는데.. 이게 원래 이런건지 아니면 어떤 키가 눌려서 그런건지 궁금해요.
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
피그마 기능이 많이 바뀌었는데 강의 업데이트는 안하시는건가요~?
요즘 피그마에 여러기능이 나와있는데 그것과 관련하여 강의 업데이트는 없는건지 궁금하여 여쭙습니다~
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
우클릭 시 창이 뜨는 이유는 무엇인가요?
안녕하세요 우클릭시 자꾸 피그마 창 위에 윈도우창이 뜨는데 이유가 무엇인가요? ESC 를 클릭 한후 작업을 이어나갈 수 있는데 크게 불편함은 없지만, 혹시 해결방법이 있나해서 질문 남겨봅니다!