월 16,500원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
혹시 강의 정리 한 문서를 받을 수 있나요?
안녕하세요. 강의 잘 듣고 있는 학생입니다. 강의 들으면서 제가 따로 필기를 하고 있긴 한데, 혹시 강의 정리 자료가 있는데 제가 못 찾는건지 아님 원래 없는건지 궁금해서 문의드립니다. 없는 거면 지금 처럼 필기 하겠습니다! 부담 갖지말고 답변부탁드립니다. 감사합니다.
- 해결됨피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
드레프트에는 보이고 플레이 화면에는 안보이는 경우
옆의 레이어 순서의 문제 같은데요.. 분명 드래프트에서 보이는데 실전에서는 안보이는 경우 왜 그런걸까요?
- 해결됨피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
플레이 버튼 질문 (웹)
안녕하세요~ 플레이버튼을 누를 때 웹페이지의 경우는 디바이스를 통해 볼 수 없는걸까요? 프로토타입에 가장 큰 사이즈가 surface pro 1368 * 912 인데.. 웹페이지 화면은 가로사이즈가 1440 * 입니다.. 따라서 디바이스로는 볼 수 없는걸까요? 웹페이지 미리보기 기능을 어떤식으로 볼 수 있는지 궁금합니다. 감사합니다.
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
프로토타이핑 초기화
피그마에서 기존에 적용한 프로토타입을 초기화 하고 다시 프로토타입을 설정할려면 어떻게 하면 될까요?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
오픈 소스 템플릿 관련 질문
종합 실전예제3. 이커머스 앱 UI 디자인- 오픈소스 템플릿을 활용한 UI 디자인 기초작업 강의에서 질문드립니다. 강의에서 제공해주신 링크로 들어가서 IOS UI kit에서 탭바와 상태바를 복사해왔습니다. 탭바의 경우 강의에서 본 것과 달리 배경색이 분홍색으로 보였습니다. 그런데 프로토타입을 실행시켜보니 탭바의 분홍색이 보이지 않았습니다. 이 분홍색이 무엇을 의미하는지가 궁금합니다.
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
Meterial Design icons 플러그인 저작권
안녕하세요. 에릭 선생님 시간을 몇배, 몇십배 아껴주는 플러그인 편을 보고 문의 드립니다. Unsplash 플러그인은 사진별로 상업적 이용시 저작권이 확인이 필요하다는 건 알았는데, Meterial Design icons 플러그인을 상업적 작업물에 사용해도 될까요? 혹시 아실까 싶어 문의글 남깁니다. 감사합니다.
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
거리측정
조금 늦은 감이 있는데요 .. 그 직사각형을 이동하면서 그때그때 간격을 보려면 어떻게 해야하나요? 알트? 키가 맥북이라 없어서 뭔지 여쭤봅니다..!
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
마켓컬리 그리드 사이즈 알수 있는법
강의 중 타 사이트 ex) 에어비앤비 혹은 마켓컬리 그리드 사이즈는 어떻게 알 수 있었나요?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
텍스트에 rem을 적용하는 방법
안녕하세요. 피그마로 이미지 디자인을 작업하다가 개발자와 소통하는 과정에서 텍스트 부분의 사이즈가 깨지는 현상을 발견했습니다. 원인을 살펴보니 텍스트를 디자인 하는 경우, 픽셀처럼 절대적 사이즈가 아닌 상대적 사이즈를 나타내는 rem을 적용해야 한다고 하더라고요. 이럴 경우 피그마에서 텍스트 디자인 작업시, rem을 기준 단위로 설정하는 방법이 있는지요? 니다.
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
아이콘을 왜 만들어야하는지 헷갈립니다..
비슷한 질문이 하단에 있는데요. 애초에 기존 홈페이지에서 잘 된 디자인을 복사해와서 붙이면 되는 게 아닌건가요? 똑같이 그리는 이유는 뭘까요..? 진짜 궁금해서 여쭤봅니다..
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
마스크 속에서 원 이미지 빼기
마스크에 넣은 이미지를 다시 빼오고 싶을 때 방법을 알려주세요~~ 감사합니다
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
폰트 자간, 행간 수정
폰트의 자간, 행간은 어떻게 수정하나요?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
아이콘 배경 프레임의 Fill 여부
강의를 보면 선생님은 아이콘 배경 프레임에 흰색 fill을 사용하신 것 같은데 이 상태로 png를 만들면 투명한 아이콘이 아니라 흰색 배경에 그려진 아이콘이 되는 것 아닌지요?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
머티리얼 아이콘을 그려보는 이유에 대해
안녕하세요, 에릭쌤. 수업에서 만들어보는 아이콘들은 아이콘 만들기 연습 목적으로만 만들어보는 것이 맞는지요? 머티리얼 디자인 아이콘은 일단 플러그인으로도 제공되는 무료 아이콘으로 알고 있는데, 이미 있는 이러한 아이콘을 사용할 때 직접 그려서 사용해야 하는 이유나 그러한 경우가 있을까요?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
휴지통 아이콘 그릴 때 안쪽 곡선 처리
안녕하세요, 에릭 쌤. 강의에서 위쪽 참조 아이콘을 보면 휴지통 뚜껑에서 안쪽 앵글도 곡선으로 되어 있는데, join이나 corner radius 값으로는 바깥쪽 앵글만 곡선 처리가 되는 것 같아요. 선 안쪽 앵글도 곡선 처리할 수 있는 방법이 있을까요?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
그리드 질문있습니다.
그리드 잡을때 따로 크기에따라 그리드 값이 정해져있는게 있나요 ? 아님 디자이너가 그리드는 생각하고 기준을 잡는건가요?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
구분선의 필요성
안녕하세요, 에릭쌤~ 대부분 최상단 네비게이션 바와 메인 배너 사이에, 그리고 메인 배너 하단에 구분선을 넣어주던데요. 사실 주위 오브젝트 색상에 따라 시각적으로 애써 보지 않으면 거의 잘 안 보이는 경우도 많던데 왜들 꼭 구분선을 넣어주나 궁금증이 들었습니다. 단순히 디자인 측면이 아니라 기능적인 용도나 특별한 이유가 있을까요?
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
스플래시 예제파일
따라하고 싶어서 스플래시 예제파일 눌러서 할려하는데 아이콘 등등 다 움직이지 않아요
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
유저테스트 시점에 대한 질문
실무에서는 각 프로토타입마다 어떻게 테스트를 진행하는지 궁금합니다. 와이어프레임 단계에서 기능적인 부분에 집중한다고 하셨는데, 그렇다면 이 단계에서 유저 테스트를 진행하고 기능적인 수정을 한 다음 UI디자인에 들어가는 건가요? UI단계까지 완성시켜놓고 테스트를 하면 수정이 너무 번거롭진 않을까요? 스케치 단계의 로우 피델리티 프로토타입(페이퍼 프로토타입)으로 유저 테스트를 하기도 한다고도 들었는데, 실무에서는 그렇게까지는 하는 것 같진 않더라고요.
- 미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
그림자가 있는 아이콘을 개발자에게 전달하는 방법은 무엇인가요?
안녕하세요 Export 부분에 궁금한 점이 생겨 질문을 드립니다. Figma에서 Effect를 이용하면 각각의 구성요소에 쉽게 그림자를 넣을 수 있는 것은 이해했습니다. 다만 export시 그림자가 포함되어 사이즈가 커진(실제 아이콘의 사이즈가 아닌) 이미지가 출력됩니다. Q1. 만약 개발자에게 그림자 효과가 들어간 디자인을 제공하고 싶은 경우, Export하는 이미지에 effect는 제거하고 해당 효과는 개발자가 직접 구현하라고 하는 것이 일반적인가요? 아니면, 이펙트가 없는 원본 이미지와 이펙트만 보이는 이미지를 제공해서, 개발자가 두개를 겹치도록 하여 이펙트를 표현하도록 해야되나요? (요약) 그림자와 같은 이펙트가 있는 경우 개발자에게 전달하는 방법이 궁금합니다.