저희는 프로덕트 디자이너의 성장을 돕는 볼드유엑스랩 메인 튜터인 볼드, 제 경력은 리서처로 시작하여 프로덕트 디자이너로 커리어 전환 후 핀테크, 클라우드 테크, 마케팅 등 다양한 분야에서 경험을 쌓고 있습니다. 국내 석사 출신으로 해외교육 없이 해외에서 취업하여 다양한 실무 경험을 하고 있으며, 실무에서 아래의 내용을 진행해왔습니다.
사용자 리서치 시스템 구축, 관리
디자인 시스템 구축, 관리,
피그마 UI/프로토타이핑
디자인 역량 코칭, 멘토링
인프런을 통해 제가 알고 있는 실무 노하우를 공유하고 이를 통해 저도 많이 배우고 싶습니다.
감사합니다.
경험 및 경력
(현) 데이터 솔루션 회사 · 시니어 프로덕트 디자이너
(전) 글로벌 리서치, 핀테크, 클라우드 컴퓨팅 등 다양한 분야에서 프로덕트 디자이너로 활동
연세대 인지공학랩 리서처
Khóa học
Đánh giá khóa học
- [Phía trước
- [Cập nhật UI3] Xây dựng hệ thống thiết kế bằng biến Figma
- Lớp học thiết kế UI Figma từ cơ bản đến thực tế - Học đúng cách từ nền tảng
- Lớp học thiết kế UI Figma từ cơ bản đến thực tế - Học đúng cách từ nền tảng
Bài viết
Hỏi & Đáp
variables 관련 질문입니다.
안녕하세요, Mira Kim님 아마 해당 UI Kit은 오래전에 제작되었거나, 배리어블을 충분히 활용하지 못한 상태에서 만들어진 것으로 보입니다. 최근에는 그런 방식으로 구현하지 않습니다. 다른 UI Kit을 살펴보셔도, 특별한 이유가 없는 한 모드를 저런 식으로 처리하지는 않죠. 지금은 변수를 활용해 모드를 적용할 수 있기 때문에, Mode라는 프로퍼티를 두고 Light Mode와 Dark Mode 값을 지정하는 방식을 사용합니다. 따라서 예전처럼 모드별로 값을 따로 만들어 두는 접근은 거의 쓰이지 않습니다. 다만, 제가 해당 UI Kit 전체를 직접 확인한 것은 아니고, 제작자의 의도 또한 알 수 없기 때문에 단정적으로 말씀드리기는 어렵습니다. 감사합니다. 볼드 드림.
- 0
- 2
- 23
Hỏi & Đáp
[실습]아이콘 등록하는 방법, 그리고 팁(with 앤트맨 전략) 수업에서
개발자aws님, 우선 질문 주셔서 감사합니다. 아이콘을 작게 만들어야 하는 이유를 강의에서 기초 이론까지 다루지 못하다 보니, 그 부분이 다소 납득되지 않으셨던 것 같습니다. 아이콘 디자인은 보통 아래와 같이 키 라인(Key Line) 을 기본 템플릿으로 삼아 그 안에서 작업을 진행합니다. 이때 좌우 패딩 여백을 2px 정도 두는 경우가 많습니다.(사진) (사진) 즉, 전체 크기가 24px이라 해도 실제 디자인은 내부 20px 영역에서 이루어지게 되죠. 이렇게 하면 기본적으로 텍스트와 비율이 잘 맞습니다.다만 제 강의에서는 직접 아이콘을 제작하기보다는 기존에 만들어진 아이콘(FeatherIcon)을 활용합니다. 그런데 이런 아이콘들은 대체로 패딩을 고려하지 않고 꽉 채워져 있습니다. 그래서 이를 가져온 후 양쪽에 2px 여백을 추가하는 튜닝 작업이 필요합니다. 그리고 그 작업을 강의에서 진행을 합니다. 그렇다면, 이렇게 수정한 아이콘을 개발 단계로 넘길 때는 어떻게 해야 할까요? 아이콘 패키지 활용 시:일부 개발자분들은 아이콘 NPM 패키지를 가지고 와서 그대로 사용하시기도 합니다. 이 경우 아이콘은 꽉 채워진 형태로 들어가게 됩니다. 따라서 아이콘 컴포넌트를 따로 제작하여 2px 여백을 반영하기도 하고, 반대로 그냥 꽉 채워진 상태로 두기도 합니다.튜닝한 아이콘 직접 내보내기:새롭게 조정한 아이콘을 내보내는 방법도 있습니다. 다만 이 경우 SVG를 바로 내보내면 currentColor 속성이 적용되지 않아 색상 변경이 어려울 수 있습니다. 이런 상황에서는 별도의 플러그인(svg Export)을 사용하여 문제를 해결할 수 있습니다. 이경우 monochrome으로 설정하시고 내보냈을 때, currentcolor로 색상을 쉽게 조절할 수 있습니다.https://www.figma.com/community/plugin/814345141907543603 닉네임에 “개발자”라는 단어가 포함되어 있어 조금 더 깊이 설명을 드렸습니다.도움이 되셨길 바랍니다.감사합니다.볼드 드림.
- 0
- 2
- 13
Hỏi & Đáp
이미지 가져오기 단축키
안녕하세요, AirDream님. 말씀 주신 두 기능의 단축키가 동일하네요. 만약 노션을 꼭 켜두셔야 한다면, 노션 쪽 단축키를 변경해보시는 건 어떨까요? 아래 이미지에 보시면 해당 부분에서 단축키를 조정하실 수 있습니다. 또는, place image 기능을 사용할 때 강의에서 안내된 단축키 방식 외에도 다양한 방법이 있듯이, 이 경우에도 다른 방식으로 활용해 보시는 것도 좋을 것 같습니다.하단 툴바도형 그리고 FIll에서 이미지 첨부더 궁금하신 부분 있으시면 질문 주세요!감사합니다. 볼드 드림. (사진)
- 0
- 1
- 18
Hỏi & Đáp
인프런 피그마 교육계정 연장
안녕하세요, sykimweb 님.앞서 새소식을 통해 안내드린 것처럼, 앞으로 에듀 라이선스는 온라인 강의에 사용이 불가능합니다. 이는 초기 신청 기간과 관계없이, 9월 말 이후부터는 모든 에듀 계정 사용자에게 동일하게 적용됩니다. 이 부분은 이미 모든 수강생분들께 공지드린 사항이며, 저 또한 예외가 아닙니다. 저도 기존에 사용하던 에듀 계정을 더 이상 사용할 수 없어, 현재는 직접 프로페셔널 요금제로 결제하여 사용 중입니다. 또한 현재 에듀 라이선스는 부트캠프 강의 전용으로만 제공되며, 부트캠프 수강생만 사용 가능합니다. 이 과정에서도 별도의 증명(시스템 내 명부)과 검증 절차가 필요하고, 만약 이를 위반할 경우 라이선스 박탈 및 추가 비용 청구 등 법적 리스크가 발생합니다. 추천드리는 방법은 남은 기간 동안은 에듀 계정을 활용하시고, 강의는 주로 섹션 9부터 모드 관련 내용이 나오니 그 부분부터 확인하시면서 수강해 보시길 추천드립니다.감사합니다.
- 0
- 2
- 110
Hỏi & Đáp
[37강] label 관련 질문드립니다.
해결되신 것 같아서 이렇게 답변 드립니다! 감사합니다.
- 1
- 3
- 27
Hỏi & Đáp
베리어블을 등록했는데 토큰으로 잡히지않아요
안녕하세요, DongHawn Hwang님. 우선 제 강의에서는 개발 영역을 직접적으로 다루고 있지는 않습니다. 다만, 개발자 분들과 협업하고 작업해본 경험을 바탕으로 말씀드리면, 적절한 플러그인을 활용하시면 도움이 되실 것 같습니다. 사실 피그마 내 플러그인 중에는 제대로 작동하지 않거나, 참조가 되지 않는 등 문제가 있는 경우가 많습니다.다만, 질문해주신 부분에서 구체적으로 어떤 어려움이 있으신지 조금 더 설명해주시면 상황을 더 잘 이해할 수 있을 것 같습니다.예를 들어,JSON 파일에 시맨틱 변수가 나오지 않는 문제인지,원시 변수가 시맨틱 변수에 연결되지 않는 문제인지,아니면 아예 export 자체가 되지 않는 문제인지 등등 말씀해주시면 더 정확히 도와드릴 수 있을 것 같습니다. 참고로, 제가 현업에서 활용하는 플러그인 중 하나는 아래 링크의 플러그인입니다. 사용해보니 결과물도 안정적이고 변환 및 유지보수도 잘 되며, 문서화도 잘 되어 있어 도움이 되실 거라 생각합니다.👉https://www.figma.com/community/plugin/888356646278934516 감사합니다.볼드 드림.
- 0
- 2
- 29
Hỏi & Đáp
라이브 녹화본 어디서 볼 수 있나요??
쥐뇨닝님 안녕하세요,라이브 영상을 보실 수 있도록 방금 설정을 완료했습니다.이 기능은 지난주에 출시된 최신 기능인데, 지식공유자가 추가 설정을 해야 하는 부분이 있어 바로 업로드 영상을 볼 수 없도록 되어 있었습니다. 게다가 오리엔테이션, 어제 일정, 그리고 주말 동안 가족·육아로 시간이 지연된 점 양해 부탁드립니다.지금은 업데이트가 완료되었으니 확인해보시면 바로 이용하실 수 있을 겁니다.감사합니다.
- 0
- 1
- 26
Hỏi & Đáp
라이브 시간
초코님, 우선 라이브 시간과 관련해 질문 주셔서 감사합니다! 최근에 인프런에서 새롭게 라이브 기능을 추가했는데, 제가 설정하는 과정에서 오류가 있었던 것 같습니다.예를 들어 저는 한국 시간 기준으로 오후 8시로 설정했지만, 시스템이 제가 있는 해외 시간대를 기준으로 잡으면서 새벽 4시로 표시된 것 같습니다.방금 수정을 했는데, 혹시 아직도 같은 문제가 있다면 말씀해 주시면 정말 감사하겠습니다.다시 한번 알려주셔서 고맙습니다! 🙏
- 0
- 2
- 33
Hỏi & Đáp
라이브세션 시간
잘문 주셔서 감사합니다. 오후 8시 입니다!
- 0
- 2
- 35
Hỏi & Đáp
영상 13분 10초 예제 따라하다 커서에 플러스 사인이 뜨지 않아요
제 생각에는 플러스 아이콘이 나타나지 않은 이유는 두가지일 것 같습니다. 첫번째는 벡터네트워크 모두에서 나와 있는 경우입니다. 이 경우는 클릭하셔서 벡터 네트워크 모드로 접속 후 라인 위에 커서를 두시면 플러스 버튼이 나타날 것입니다. 두번쨰는 다른 버튼을 누르고 있는 경우입니다. 이 경우 가끔 인식을 하지 못하는 경우가 있는데, 그냥 커서만 위에 두시고 다른 키보드 버튼을 누르시지 마시기 바랍니다. 질문을 지우신 걸로 봐서는 해결하신 걸로 보이지만, 그래도 이렇게 코멘트 남겨드립니다. 감사합니다.
- 0
- 2
- 24