소개
저는 런던에서 Sr.프로덕트 디자이너로 일하는 볼드입니다.
제 경력은 리서처로 시작하여 프로덕트 디자이너로 커리어 전환 후 핀테크, 클라우드 테크, 마케팅 등 다양한 분야에서 경험을 쌓고 있습니다. 국내 석사 출신으로 해외교육 없이 런던에서 바로 취업하여 다양한 실무 경험을 하고 있으며, 실무에서 아래의 내용을 진행해왔습니다.
사용자 리서치 시스템 구축, 관리
디자인 시스템 구축, 관리,
피그마 UI/프로토타이핑
디자인 역량 코칭, 멘토링
인프런을 통해 제가 알고 있는 실무 노하우를 공유하고 이를 통해 저도 많이 배우고 싶습니다.
감사합니다.
경험 및 경력
(현) 런던 데이터 솔루션, K*회사, Sr. 프로덕트 디자이너
(전) 런던 글로벌 리서치 G* 회사, Sr. 프로덕트 디자이너
(전) 런던 핀테크 S* 회사, Sr. 프로덕트 디자이너
(전) 런던 클라우드 컴퓨팅 회사, UX/UI 디자이너
연세대 인지공학랩 리서처 출신
강의
전체2수강평
게시글
질문&답변
2024.05.07
아이콘 등록 방법-아이콘 색상 변환
안녕하세요, 조한나님 이 경우는 Outline stroke를 하신 다음 Flatten Selection을 이미 하신 것 같은데, 이 경우는 다시 되돌릴 수 없을 것 같습니다. 추천 드리는 방법은 원본을 다시 다운로드 받으셔서 연습해보시는 방법을 추천드리구요. 그리고 기존의 만드신 것도 그대로 사용하셔도 무방할 것 같습니다. 만약 PNG로 뽑는 경우는 크게 차이는 나지 않습니다. 하지만 SVG로 뽑아내는 경우 현재 하신 방법은 Path가 두개로 쪼개져서 나오는 반면 Union을 하면 하나로 나옵니다. 그래서 현재 하신 방법이 용량이 100kb 정도 더 나오는 경우가 있습니다. 하지만 이것을 제외하고는 피그마에서는 거의 비슷한 편입니다.
- 1
- 1
- 56
질문&답변
2024.05.03
[하단 네비게이션]
보준님, 질문 주셔서 정말 감사드리고 강의 파일을 공유해주셔서 감사합니다. 저도 한번 파일에 들어가서 만져보면서 방법을 찾아볼 수 있었습니다. 본 강의에서는 모바일 네비게이션 하단의 경우 dot 부분만 보여주다 보니 보준님의 케이스는 다루지 못했습니다. 만약에 모바일에서 dot와 숫자가 자유롭게 움직이고 둘다 비슷하고 싶다고 하신다면 아래와 같이 하시는 것을 추천드립니다. dot, 숫자, letter모두 동일한 크기로 변경한다. 현재 dot는 4px로 둘러싸져 있는데, 이것을 16px 프레임 안에 있는 4px 원형 도형으로 만듭니다. 숫자는 레터 일의 자리나 십의 자리로 제한하고 높이가 16px이기에 너비의 값을 최소값으로 16으로 정해서 짜그러진 원형이 안되도록 합니다. 그리고 인스턴스를 배치해서 위치를 정해 봅니다. 공유해주신 파일에 예시를 만들어 놓았습니다. (확인되면 공유를 보기로 바꾸셔도 됩니다. 다른 사람이 들어와서 망칠 수도 있으니깐요.) 저도 고민해보면서 함께 배웠습니다. 나중에 강의 업데이트 할 때 참고하도록 하겠습니다. 좋은 질문 주셔서 감사합니다. 볼드 드림.
- 0
- 2
- 41
질문&답변
2024.05.03
디자인 스터디 문의
안녕하세요! 인프런 워밍업을 놓치셨나보네요. 1기는 이미 시작해서 받지 않고 있습니다. 2기는 제가 정하는게 아니라 인프런에서 정하는거라 확답을 드릴 수 없습니다. 별개로 강의 오픈 후 1,2,3기 스터디를 진행했는데, 이번에는 워밍업으로 대체하고 있습니다. 확실히 말씀드릴 수 있는 것은 6월~ 7월에 워밍업이든 제가 진행하는 스터디 중 하나는 진행할 것 같습니다. 아니면 슬랙에서 오프라인 스터디 모임을 개별적으로 진행해보시는 것도 추천 드립니다!
- 0
- 1
- 68
질문&답변
2024.05.03
디자인시스템 시멘틱 컬러 관련
우선 정말 좋은 질문 주셔서 감사합니다. 이 부분에 대해서는 피그마 PM 분과 저의 의견을 드리면 좋을 것 같습니다. 작년에 베리어블이 나오고 이 걸 만든 PM분의 댓글을 본 적이 있는데, 그 분의 말은 primitive를 파운데이션에 내보낼 것을 권장하셨습니다. 일러스트나 특정 컴포넌트의 경우는 시맨틱(즉, 역할, 의미)이 없는 경우가 있기 때문입니다. 이 분의 말을 빌리자면 현재 hycho님의 고민의 답은 쓰셔도 된다입니다. 만약 저라면 최대한 시맨틱 컬러 안에서 쓰려고 할 것 같습니다. 성격적인 것도 있어서 예외는 최대한 안 만들려고 하기 때문입니다. 하지만 이 경우 시맨틱 베리어블이 엄청 커진다는 단점이 있긴합니다. 혹시 아틀라시안 디자인 시스템 보시면 예전에 제가 본 경우 200개가 넘었던걸로 기억합니다. 마지막으로 제가 추천드리는 것은 개발자와 상의하에 만약 모든 베리어블이 코드에 있다고 한다면 괜찮을 것 같습니다. (아마 다 있을 것 입니다. 코드안에서도 참조를 해야하니깐요) 결국 시스템이나? 창의적 의외성? 이냐라는 논쟁아닌 철학까지 갈 수 있을 것 같은데, 결국 일하시는 팀원들과 상의하에 예외를 두느냐 안두느냐로 정하시면 될 것 같습니다. 도움이 되셨으면 좋겠습니다!
- 0
- 1
- 63
질문&답변
2024.04.24
간격 베리어블 등록 자료
섹션 0 - 피그마 파일 - 링크를 타고 가시면 파일을 복사하실 수 있습니다. 거기 보시면 Local variable을 눌러보시면 모든 primitive, theme, semantic을 색, 간격 모든 스타일 가이드라인에 들어가는 파일을 다 보실 수 있습니다. 또 궁금하시거나 필요한 파일이 있으시면 제 메일로 스크린샷 찍어서 보내주시면 배우시는게 유익하다고 생각하는 경우 다 보내드리도록 하겠습니다. 감사합니다.
- 0
- 1
- 110