묻고 답해요
131만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨디자인 시스템 with 피그마
태블릿과 모바일 넓이 질문입니다!
선생님은 태블릿과 모바일 넓이를 각각 900과 500으로 바꾸었을때 이렇게 되는데저는 이렇게 돼요ㅠㅠ다시 돌아가서 3번째나 다시해보고있는데 잘 안됩니다ㅠㅠ 문제가 무엇일까요..?ㅠㅠ
-
해결됨디자인 시스템 with 피그마
타입 세팅값!!
저 텍스트를 잡고 선생님 화면에서는 타입세팅을 누르면 이렇게 나오는데제 화면에서는 이렇게밖에 안나와요ㅠㅠ버전이 달라서 그런걸까요..!?
-
해결됨디자인 시스템 with 피그마
피그마 토큰에서 색상이 전환이 안되는데 오류일까요?
피그마 토큰 플러그인창에서다크모드를 선택했을 때라이트 모드에서 보이는 그레이 색상(color > G, GH)들이다크모드에 설정한 그레이컬러들로 전환이 안됩니다!질문을 드리고 싶은건이 현상이 오류인가요? 나중에 작업을 하다가 영향을 끼칠 우려가 있을까요?작업한 사각형UI에는 적용이 잘 되지만! 피그마 토큰 플러그인 창에서만 전환이 안됩니다(피그마 토큰에서 다시 지우고 새로 등록해봤고,,색상도 네이티브에 다시 등록하고 했답니당,,,)근데 라이트 모드를 선택할 때 다크 모드에서는 색상이 전환됩니다동일하게 사각형 UI에서도 색상을 잘 적용됩니다뭐가 문제일까요!?,,,
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
레퍼런스 참고
dribble에서 캡쳐해서 따라서 제작하려 하는데요제작하려는 프레임 치수로 이미지의 사이즈를 변경해서 디자인 하면 되는건가요?? 이미지 픽셀도 많이깨지고, 레퍼런스 이미지마다 제품 테두리 디자인이 포함되있기도 해서 레퍼런스 참고 사이트들에서 캡처해서 따라하는 방법이 이방법이 맞는지 궁금합니다! 추가로 따라하려는 이미지상에 그리드를 표현하지는 못하는건가요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
뷰포인트 프레임
뷰포인트가핸드폰 캡처본만 필요시 되는거고 그 원리들은 PC모니터, 태블릿에는 적용이 안되는건가요?PC캡쳐본은 직접 해보니 동일한것같은데태블릿 도 뷰포인트 프레임에 디자인하는게 맞나요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
핸드오프 관련해서 궁금한 점이 있습니다.
안녕하세요. 강의를 보던 와중에 헷갈리는 부분이 있어서 질문드립니다.개발자에게 핸드오프 공 유시 특정 스크린만 공유하고 싶을 때는 스크린을 선택하여 링크를 보내면 된다고 하셨는데요.강의로 볼 때는 전체가 다 공유된 것 같은데 특정 스크린만 선택하여 공유하여도 다른 화면도 같이 보이게 되는 걸까요?그럼 특정 스크린과 전체 스크린을 공유할 때 개발자가 보는 화면에서 어떤 차이점이 있는지 궁금합니다.감사합니다.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
하단바 프레임
안녕하세요 질문드립니다.올려주신 ios키트 에서 강의에서 사용하신 하단바는 아니지만다른 하단바를 가져와서 연습중입니다. 하단바를 제작할때 그룹을 짓거나 하지않고하단바의 아이콘과 텍스트를 각각 묶어서 프레임을 지어놓으시더라고요.이유가 무엇인가요?그룹지어서 놓는게 더 편할꺼같은데디자이너분들이 프레임으로 묶어놓는 이유가 있나요? 그리고저 분홍색 부분이 배경 컬러를 넣으신게 아니라하단바 자체를 그리드위에 만들어 놓았던데굳이 그렇게 할 이유가 있는건가요? 어떤상황에는 프레임으로 묶고, 어떤상황에는 그룹으로 묶어서 정리하는지 정확히 잘모르겠습니다.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
디자인 씽킹이라는 과정이 제품출시를 위한 과정인가요?
공감하기 정의하기 부분의 설명을 보고 조금 혼동되어서 질문을 올립니다.공감하기 정의하기 부분은 Product가 나오고 나서 사용자들의 피드백을 받고 진행하는 부분인가요?아니면 시장조사를 하고 제작자들이 이미 시중에 나와있는 페이지를 봤을때 문제점을 집어서 해당 문제를 보안하는 페이지를 만드는 것을 목표하는 부분인가요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
프레임 질문 입니다.
프레임상에 그리드를 두고 디자인을하면반응형 웹디자인으로서핀터레스트 웹사이트 예시 처럼 웹사이트의 크기를 줄여나가면 컨텐츠들이그 웹사이트 조정한 크기에 맞게 변하는것 처럼.그리드 상에 디자인을 하면 화면 픽셀 단위 에 맞게 컨텐츠들이 조정된다고 이해를 하였습니다.모바일 반응형 디자인을 한다고 가정했을때모바일용 프레임 비율 한가지에다가 그리드 위에 디자인을 하면모바일 모든 디바이스에 디자인이 각 디바이스 해상도에 맞게 조정 되는것으로 이해를 했습니다.그렇다면피그마 상에서 위 사진처럼 모바일 디바이스별 프레임을 분류를 해놓는데제가 사진 위에 설명처럼 이해를 한다면,아이폰8 디바이스 프레임을 선택해서 그리드위에 디자인을 한다고 가정했을때그 디자인한 앱을아이폰11, 또는 아이폰12 등등 을 사용해도똑같은 디자인으로 결과값이 도출되는지가 궁금합니다.또한 아이폰 8 디바이스 프레임을 선택해서 그리드 위에 디자인한 앱과아이폰 11 디바이스 프레임을 선택해서 그리드 위에 디자인한 앱과똑같은 결과값이 나오는건가요?즉 그리드 를 사용해서 디자인을 한다면모바일 프레임이라면 어떤 프레임을 사용해도 상관이 없는건가요?또한그리드상 위에 디자인을하면 반응형으로서 각 디바이스 해상도에 맞게 조정이 되는것이라면왜 모바일용 해상도 프레임 or PC용 해상도 프레임 이런식으로 통일하지않고위 사진처럼 각 디바이스별로 프레임 해상도를 분류해놓는것인가요?모바일 프레임이라면 어떤 프레임을 선택해도 모든 모바일 디바이스상에 결과값이 동일한가요?질문이 많아서 불편드려 죄송합니다!위의 모든 질문은 디자인을 할시에어떤 프레임 상에 디자인을 해야되는지 궁금증에서 나왔으며어떤 프레임상에 디자인을 해도 결과값이 모두 동일한지 궁금증이 해결되지않습니다!저 많은 디바이스별 프레임중에 어떤 프레임에다가 디자인을 해야되는건가요?PC용 디자인을 하더라도 디자이너 분마다 디자인을 하게되는 프레임의 해상도 비율값이전부 다르시고 추천하시는 프레임 해상도 비율값도 전부 다르신데이 프레임의 해상도 비율값이 달라도 그리드 상에 디자인을 하면모두 동일한 디자인값이 나오는지가 궁금합니다!
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
웹 또는 앱 디자인 따라할때 질문.
실제 웹 따라할때 실제 픽셀 과 오브젝트 사이의 픽셀크기들 , 글꼴의 크기 어떻게 아는건가요??따라하려는 사이트 화면 확대축소 비율 100%로 캡처한후에피그마로 사진 가져온후 피그마 상의 확대비율 100%로 맞추면동일한 픽셀인것인가요? 추가로 만약 따라해서 제작한후에 피그마상에서 실제 사이트처럼 구현되는것을 확인할수있는 방법이 있을까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
디자인 시스템 버튼 상태 질문입니다.
디자인 시스템 contenent 설명해주시는도중에버튼의 상태인normal / hover / press / focus / disabled 상태로 나타내셨고 text Field 상태를blank / filled / activated / error 로 표현하셨는데요 normal , press, disabled 등 몇가지는 어느정도 알겠는데hover focus activated 등등 무슨 상태를 표현하는 단어인건지 사전을 찾아봐도 정확히 감이오질않습니다. normal / hover / press / focus / disabled blank / filled / activated / error이상태들이 정확히 무슨상태인지 여쭈어 봐도될까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
아이콘 제작 질문드립니다.
오브젝트의 라운딩값을 전체에 주는게 아닌일부만 라운딩 안줄수 있는 방법이 있을까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
제품마다 맞는 그리드 디자인
안녕하세요. 그리드 개념에 대해 배우다 궁금한 점 이 있어 여쭈어 봅니다. 각 제품마다 화면 크기가 다르니까, 그에 맞는 픽셀의 프레임으로 디자인을 해야 한다고 이해를 했습니다. 그렇다면 한 회사의 앱 또는 웹을 출시한다고 했을 때실무에서 디자이너는 현재 존재하는 모든 제품들의 화면의 픽셀에 맞는 프레임들을 따로 전부 각각 디자인을 해야하는건가요?아니면 그리드 상에 디자인을 하면 자동으로 맞추어 주는건가요? 그리고핀터레스트 웹사이트 예시 보여주시면서웹사이트의 크기를 줄여나가면 컨텐츠들이알아서 맞게 변하는것을 보고 이게 반응형 디자인이고 이를 하려면 그리드로 디자인을해야한다고 이해를 했습니다.이또한 그 화면마다 디자이너가 그화면 프레임에 맞게 각각 디자인을 한건가요?아니면 그리드상에 디자인을 하면 자동으로 맞추어 주는건가요? 그리드상에 디자인을 하면 자동으로 맞추어 주는것이 정답이라 한다면,모바일 디자인이라 가정했을때아이폰8 프레임 / 아이폰 11 프레임 등등어떤 프레임으로 디자인하는 모든제품에 대응이 되는것인지 궁금하며또 이것이 대응이된다면각 제품마다 프레임이 나누어놓는 이유가 무엇인가요? 아이폰8 사용자를 대상으로아이폰11 프레임으로 디자인 했을때대응이 되는지 / 또 대응이 된다면 차이는 없으며 왜 프레임을 제품마다 나누는지 궁금합니다.
-
해결됨디자인 시스템 with 피그마
프레임 도형 복사
선생님께서 이런 모양으로 복사해서 만드셨는데 어떻게 하셨나요..?ㅠㅠ서
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
안녕하세요 질문 드립니다!
화면과 같은 아이콘 제작을연습하고 있습니다.화살표를 만들려 하는데아이콘 아래 방법들 처럼 진행해서 화살표를 만들 생각을 했습니다.이 화살표의 크기가 무족건 소수점이 되어서아이콘상으로 옮겼을때 keyline 프레임상에 딱 중심으로 가게할수가 없더라고요, 위치랑 크기가 소수점으로 떨어집니다.소수점 이동해서 최대한 중앙으로 맞춰도 끝부분은 약간 빗나가게 되버립니다.이방법으로 화살표 만드는게 맞는지 여쭈어 봅니다.또한 딱 중앙으로 맞추는 방법이 있을까요??
-
미해결UX/UI 시작하기 : Figma 입문 (Inflearn Original)
피그마 미러링 관련 질문
Figma mirror 어플 설치 관련안녕하세요, 강좌를 듣고 어플 설치를 한 후 로그인을 하려고 하는데 계속 'Unable to get profile information from Google' 이라고 뜨네요 ㅠㅠ 어플 최근 후기를 보니까 이런 문제가 있다고는 뜨는데, 혹시 오류를 없앨 수 있는 방법을 알 수 있을까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
안녕하세요 피그마 조작법 질문드립니다.
다른분이 질문올리신거 보고 궁금증이 생겨서요.화살표 이전단계까지 원형의 일부처럼 보이는 형상을 만드는 방법은원형을 subtract selection으로 잘라내는것 밖에 방법이 없나요? 이렇게 선분으로는 만들지 않는건가요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
피그마 질문입니다.
안녕하세요.선생님 강의처럼 동그라미들과 틀을 동시선택후에 가운데 정렬 Align horizental cental를 눌렀는데선생님처럼 3개의 동그라미가 하나로 취급되어 중앙으로 맞추어 지지않고그냥 3개의 동그라미가 하나로 모여버립니다.어떻게 하는건가요?
-
해결됨모바일 웹 퍼블리싱 포트폴리오 with Figma
피그마 작업파일이 커뮤니티에 공개되는데, 무료회원이라서 그런건가요?
피그마 작업파일이 커뮤니티에 공개되는데, 무료회원이라서 그런건가요?깜짝 놀라서, 커뮤니티에 작업 파일 삭제 했는데, 제 원본도 같이 삭제됬더라고요..ㅠㅠㅠㅠㅠㅠ무료회원이어서 그런건지, 제가 설정을 공개로 해놓은건지, 비공개 방법이 있는지 알고싶습니다.
-
미해결UX/UI 시작하기 : Figma 입문 (Inflearn Original)
자꾸 팀을 만들라는 창이 떠요
팀을 만들었는데도 메인화면으로 돌아올때마다 Tell us about your team 이라는 화면이 계속해서 뜨네요프로젝트 만들려고 해도 자꾸 Welcome to Figma 라면서 팀 만들라고 하고... Do this later 해도 계속 뜹니다