월 16,500원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결피그마(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 프레임으로 디자인 했을때대응이 되는지 / 또 대응이 된다면 차이는 없으며 왜 프레임을 제품마다 나누는지 궁금합니다.
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
안녕하세요 질문 드립니다!
화면과 같은 아이콘 제작을연습하고 있습니다.화살표를 만들려 하는데아이콘 아래 방법들 처럼 진행해서 화살표를 만들 생각을 했습니다.이 화살표의 크기가 무족건 소수점이 되어서아이콘상으로 옮겼을때 keyline 프레임상에 딱 중심으로 가게할수가 없더라고요, 위치랑 크기가 소수점으로 떨어집니다.소수점 이동해서 최대한 중앙으로 맞춰도 끝부분은 약간 빗나가게 되버립니다.이방법으로 화살표 만드는게 맞는지 여쭈어 봅니다.또한 딱 중앙으로 맞추는 방법이 있을까요??
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
안녕하세요 피그마 조작법 질문드립니다.
다른분이 질문올리신거 보고 궁금증이 생겨서요.화살표 이전단계까지 원형의 일부처럼 보이는 형상을 만드는 방법은원형을 subtract selection으로 잘라내는것 밖에 방법이 없나요? 이렇게 선분으로는 만들지 않는건가요?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
피그마 질문입니다.
안녕하세요.선생님 강의처럼 동그라미들과 틀을 동시선택후에 가운데 정렬 Align horizental cental를 눌렀는데선생님처럼 3개의 동그라미가 하나로 취급되어 중앙으로 맞추어 지지않고그냥 3개의 동그라미가 하나로 모여버립니다.어떻게 하는건가요?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
피그마 작업 후 WPF로 불러와질수있나요?
별개의 질문인데, 전혀 몰라서 여기에 질문남겨봐요,,ㅠ회사에서 피그마 쓸지 말지를 WPF환경에서 호환되냐 안되냐고 결정하신다는데,, 전혀 문외한이라 여기에 여쭤봅니다,,,
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
프러그인 - 아이콘에서 가져 온 아이콘 수정하는 방법
프러그인 - 아이콘에서 가져온 아이콘을 수정할 수 있는지 궁금합니다.
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
강의 후기 작성하는 곳
강의 후기 작성은 어디에 하면 될까요??
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
프로토타입 질문
항상 친절하게 답변해주셔서 감사합니다.프레임을 만들고 프로토타입을 실행해서 보는데 특정 아이콘이 안 보이거나 특정아이콘이 화면에 고정되어서 보이는(아래 캡처사진, 돋보기 아이콘) 등의 문제가 생겼습니다.이럴경우, 어떻게 해결해야 하는지 모르겠습니다.
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
아이콘 사이즈 줄임
하단 Tab 바에 들어가는 아이콘 사이즈를 줄였을 때 아이콘 굵기가 굵어지면서 아이콘 모양이 달라지는데요아이콘 모양을 변형시키지 않으면서 사이즈를 줄일 수 있는 방법이 있나요?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
컴포넌트 설정(styles, local variables 차이)
제품 상세 페이지 디자인 관련색상 컴포넌트 설정 시 local styles- color style 과 local variables 차이점이 궁금합니다.색상 컴포넌트를 반영했는데 local styles 과 local variables로 구분해서 저장되었습니다.
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
오픈소스 템플릿을 활용한 UI 디자인 기초작업 수업 질문
종합 실전예제3. 이커머스 앱 UI 디자인- 오픈소스 템플릿을 활용한 UI 디자인 기초작업 강의에서 질문드립니다.하단 탭바를 복사해서 왔을 때 Star 아이콘 프레임 수치들이 고정값으로 수정할 수 없게 되어있습니다.Component 가 제대로 삭제되지 않는 것 같습니다.강의에서 알려주신대로 복사하고 해당 Component를 삭제해도 Go to main component 누르면 오픈소스 파일로 넘어갑니다.
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
예제파일 다운 받는 방법
섹션11에서 사용하시는 피그마 예제파일은 어디서 다운받을 수 있나요?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
안녕하세요, 수강생의 포트폴리오에 피드백도 제공해 주시나요?
강사님의 강의를 보면서 타 스타트업 과제와 협업한 영어 포트폴리오가 있습니다. 혹시 이메일을 보내면 귀한 피드백을 제공해 주실지요? :)