소개
저는 런던에서 Sr.프로덕트 디자이너로 일하는 볼드입니다.
제 경력은 리서처로 시작하여 프로덕트 디자이너로 커리어 전환 후 핀테크, 클라우드 테크, 마케팅 등 다양한 분야에서 경험을 쌓고 있습니다. 국내 석사 출신으로 해외교육 없이 런던에서 바로 취업하여 다양한 실무 경험을 하고 있으며, 실무에서 아래의 내용을 진행해왔습니다.
사용자 리서치 시스템 구축, 관리
디자인 시스템 구축, 관리,
피그마 UI/프로토타이핑
디자인 역량 코칭, 멘토링
인프런을 통해 제가 알고 있는 실무 노하우를 공유하고 이를 통해 저도 많이 배우고 싶습니다.
감사합니다.
경험 및 경력
(현) 런던 데이터 솔루션, K*회사, Sr. 프로덕트 디자이너
(전) 런던 글로벌 리서치 G* 회사, Sr. 프로덕트 디자이너
(전) 런던 핀테크 S* 회사, Sr. 프로덕트 디자이너
(전) 런던 클라우드 컴퓨팅 회사, UX/UI 디자이너
연세대 인지공학랩 리서처 출신
강의
전체2수강평
게시글
질문&답변
2024.05.16
Function Component 가 뭔가요?
안녕하세요. dev_traveler님, 질문 주셔서 감사합니다. 제가 언급한 "Function Component"는 주로 기능을 수행하는 컴포넌트를 의미합니다. 페이지에서는 Utilities라고도 지칭하였는데요. 개발 쪽에서는 사용하지 않고 피그마 쪽에서 디자인 에셋을 잘 관리하기위해 용이한 목적으로 사용됩니다. 예를 들어, 이 용어는 나중에 나오겠지만 여러개로 구분할 수있는 Slot, 이미지 Ratio 구분하는 Image Placeholder 등을 지칭할 때 사용됩니다. 제가 전에 사용했던 디자인 시스템에서 사용했던 용어라 언급했는데, 저도 찾아보니 보편적인 용어는 아닌 것 같습니다. 이점 참고해주시기 바랍니다. 혹시 궁금하신 점이나 이해가 안되시는 부분 있으면 알려주세요. 감사합니다.
- 0
- 1
- 57
질문&답변
2024.05.13
아이콘 관련 질문
보준님, 안녕하세요. 우선 질문 주셔서 정말 감사합니다. 질문 주셔서 감사합니다. 혹시 저에게 파일을 공유해주실 수 있을까요? 제가 한번 자세히 한번 봐드리도록 하겠습니다. (boldplus.ux@gmail.com) 아이콘을 하나로 그룹화 하는 방법은 정말 다양합니다. 일반적인 방법은 지금 두개로 나뉜 Vector가 모두 Fill로 구성되어 있다고 한다면 바로 Flatten Selection을 하시면 됩니다. 만약 말씀하신대로 Border로 되어 있는 경우는 Outline Stroke를 하신다음에 면으로 처리한 후 Union 하시고 Flatten Selection 하시면 됩니다.
- 0
- 1
- 29
질문&답변
2024.05.13
배리어블 컬러 추가한 것만 볼 수 없나요?
강의에서는 두 가지 피그마 파일이 있습니다. 첫번째: 파운데이션 파일(베리어블 콜렉션이 포함됨) 두번째: 컴포넌트 라이브러리 컴포넌트 라이브러리 디자인 파일의 에셋에서 파운데이션 파일을 추가 하면 기존 베리어블 콜렉션이 가지고 오게 되어 있습니다. 제 생각에는 mina님의 피그마가 파운데이션 파일이 자동으로 "add" 더 해져서 그렇게 된 것 같습니다. 이 경우는 문제는 전혀 문제가 없을 것 같습니다. 계속 컴포넌트 라이브러리에서 작업하시면 될 것 같습니다. 혹시 그래도 문제가 생기시면 저에게 두가지 파일 모두 아래 이메일로 공유해주시면 제가 한번 체크해드리도록 하겠습니다. boldplus.ux@gmail.com
- 0
- 3
- 48
질문&답변
2024.05.13
variables 색상이름 설정
안녕하세요. 우선 질문 주셔서 감사합니다! 우선 Library에서 스타일을 선택했는지 한번 체크해보세요. 반드시 베리어블을 선택하셔야 합니다. Primitive 콜렉션 내부에서 선택하신 경우에는 베리어블 이름을 color/blue/50 이렇게 해주셔야 합니다. 이것을 구조적인 측면에서 보면 그룹 color 안에 그룹 blue 안에 50 이렇게 되겠죠. 만약 blue/50 으로 되어 있는 경우 Edit variable 들어가셔서 이름을 blue/50 에서 color/blue/50 으로 바꾸시면 됩니다. 또 어려우신 부분 있으시면 알려주세요!
- 0
- 1
- 30
질문&답변
2024.05.13
local variables vs local styles
안녕하세요! 저의 주 강의 대상이 토큰, 베리어블에 대한 지식이 전무한 분들이기 때문에 언제든지 질문 주셔도 됩니다! 강의가 만들어진게 작년 11월인데, 그때는 색상만 베리어블이 적용되었습니다. 4월에 이제 타이포 베리어블이 적용 가능한 업데이트가 되었는데, 이 부분에 대해서는 아직 강의가 업데이트 안되었습니다! 곧 6월 중으로 할 예정입니다. 하지반 업데이트가 안된 현재 강의로 진행하시는데, 큰 어려움이 없을 것입니다. 왜냐하면 피그마에서 스타일도 여전히 쓰도록 하고 있으며, 이것은 복합 토큰(즉, 여러 베리어블이 합쳐진 토큰)으로 사용될 예정입니다. 스타일 중 그라디언트도 없어지는게 각각 색의 조합익에 기본 베리어블을 가지고 옵니다. 타이포그래피도 여전히 우리가 쓰는 H1, Body는 그대로 스타일에 사용 되어지고 이 안에 세부적인 weight, font family 등을 기본 베리어블로 사용되어 집니다. 이해가 안되시거나 더 궁금하신 부분 있으면 알려주세요!
- 0
- 1
- 32