소개
저는 런던에서 Sr.프로덕트 디자이너로 일하는 볼드입니다.
제 경력은 리서처로 시작하여 프로덕트 디자이너로 커리어 전환 후 핀테크, 클라우드 테크, 마케팅 등 다양한 분야에서 경험을 쌓고 있습니다. 국내 석사 출신으로 해외교육 없이 런던에서 바로 취업하여 다양한 실무 경험을 하고 있으며, 실무에서 아래의 내용을 진행해왔습니다.
사용자 리서치 시스템 구축, 관리
디자인 시스템 구축, 관리,
피그마 UI/프로토타이핑
디자인 역량 코칭, 멘토링
인프런을 통해 제가 알고 있는 실무 노하우를 공유하고 이를 통해 저도 많이 배우고 싶습니다.
감사합니다.
경험 및 경력
(현) 런던 데이터 솔루션, K*회사, Sr. 프로덕트 디자이너
(전) 런던 글로벌 리서치 G* 회사, Sr. 프로덕트 디자이너
(전) 런던 핀테크 S* 회사, Sr. 프로덕트 디자이너
(전) 런던 클라우드 컴퓨팅 회사, UX/UI 디자이너
연세대 인지공학랩 리서처 출신
강의
전체2수강평
- 시간이 아깝지 않은 강의였습니다!
hamsoto
2024.05.23
0
게시글
질문&답변
2024.05.24
보조색을 다른 hue로 사용할 경우엔 베리어블 구조를 어떻게 짜야할까요?
머티리얼 가이드 처럼 짜시려면 아예 구조를 머티리얼 용어로 가지고 가시는 것을 추천드립니다. 왜냐하면 개발 쪽에서 바꿀 때도 복잡하기 때문입니다. 하지만 만약 강의 예제를 연결해서 사용하시려면, 두가지 방법 모두 가능할 것 같습니다. 하지만 아래와 같이 하는 것을 추천 드립니다. Primitive에 Teal 계열 추가 >> Theme에 Brand 세컨더리(Secondary) 또는 터셔리(Tertiary)가 1 번 참조 3. Semantic 에서 세컨더리 인터랙션 또는 터셔리(Tertiary) 만들어서 2번 참조. 또 궁금하신 점 있으시면 알려주세요!
- 0
- 1
- 46
질문&답변
2024.05.22
인스턴스 섹션이 보이지 않습니다.
안녕하세요. Kim mihyun님, 질문 주셔서 정말 감사합니다. 우선 컴포넌트를 반드시 레이어에서 선택해줍니다. 그리고 컴포넌트 안에 있는 인스턴스를 레이어에서 선택해줍니다. 그러면 오른쪽 창이 바뀌는데요, 첨부한 사진에서 인스턴스 스왑을 찾아보실 수 있습니다. 질문 내용은 아니지만, 인스턴스 스왑 창에서 select preferred value(+ 버튼)를 선택하시면 자주 사용하고 선호하는 다른 인스턴스를 바로 꺼내 볼 수 있습니다. (사진) 또 궁금하시거나 헷갈리는 내용 있으시면 알려주세요. 감사합니다.
- 0
- 1
- 38
질문&답변
2024.05.20
Color scoping 적용이 안되어 문의드립니다!
안녕하세요. 제 생각에는 왼쪽 버튼을 누르시면서 inverse 부분만 Text가 선택된 것 같습니다. 저도 자주하는 실수입니다. 오른쪽 버튼을 누르셔서 Edit variable 누르시면 선택한 모든 베리어블의 스코프를 일괄 수정하실 수 있습니다. 한번 color/bg/primary 선택해보시면 전체 스코프가 켜져 있는 것을 확인하실 수 있으실거에요. 감사합니다.
- 0
- 2
- 70
질문&답변
2024.05.16
Function Component 가 뭔가요?
안녕하세요. dev_traveler님, 질문 주셔서 감사합니다. 제가 언급한 "Function Component"는 주로 기능을 수행하는 컴포넌트를 의미합니다. 페이지에서는 Utilities라고도 지칭하였는데요. 개발 쪽에서는 사용하지 않고 피그마 쪽에서 디자인 에셋을 잘 관리하기위해 용이한 목적으로 사용됩니다. 예를 들어, 이 용어는 나중에 나오겠지만 여러개로 구분할 수있는 Slot, 이미지 Ratio 구분하는 Image Placeholder 등을 지칭할 때 사용됩니다. 제가 전에 사용했던 디자인 시스템에서 사용했던 용어라 언급했는데, 저도 찾아보니 보편적인 용어는 아닌 것 같습니다. 이점 참고해주시기 바랍니다. 혹시 궁금하신 점이나 이해가 안되시는 부분 있으면 알려주세요. 감사합니다.
- 0
- 1
- 94
질문&답변
2024.05.13
아이콘 관련 질문
보준님, 안녕하세요. 우선 질문 주셔서 정말 감사합니다. 질문 주셔서 감사합니다. 혹시 저에게 파일을 공유해주실 수 있을까요? 제가 한번 자세히 한번 봐드리도록 하겠습니다. (boldplus.ux@gmail.com) 아이콘을 하나로 그룹화 하는 방법은 정말 다양합니다. 일반적인 방법은 지금 두개로 나뉜 Vector가 모두 Fill로 구성되어 있다고 한다면 바로 Flatten Selection을 하시면 됩니다. 만약 말씀하신대로 Border로 되어 있는 경우는 Outline Stroke를 하신다음에 면으로 처리한 후 Union 하시고 Flatten Selection 하시면 됩니다.
- 0
- 1
- 47