소개
저는 런던에서 Sr.프로덕트 디자이너로 일하는 볼드입니다.
제 경력은 리서처로 시작하여 프로덕트 디자이너로 커리어 전환 후 핀테크, 클라우드 테크, 마케팅 등 다양한 분야에서 경험을 쌓고 있습니다. 국내 석사 출신으로 해외교육 없이 런던에서 바로 취업하여 다양한 실무 경험을 하고 있으며, 실무에서 아래의 내용을 진행해왔습니다.
사용자 리서치 시스템 구축, 관리
디자인 시스템 구축, 관리,
피그마 UI/프로토타이핑
디자인 역량 코칭, 멘토링
인프런을 통해 제가 알고 있는 실무 노하우를 공유하고 이를 통해 저도 많이 배우고 싶습니다.
감사합니다.
경험 및 경력
(현) 런던 데이터 솔루션, K*회사, Sr. 프로덕트 디자이너
(전) 런던 글로벌 리서치 G* 회사, Sr. 프로덕트 디자이너
(전) 런던 핀테크 S* 회사, Sr. 프로덕트 디자이너
(전) 런던 클라우드 컴퓨팅 회사, UX/UI 디자이너
연세대 인지공학랩 리서처 출신
강의
전체2수강평
- 좋은 강의 감사합니다 !
상진
2024.07.16
0
게시글
질문&답변
2024.07.19
textfield에 맞는 font size 정의
우선 기기마다 다른데, 모바일, 데스크탑의 경우는 바디 텍스트의 경우에는 이렇게까지 안 나누어도 될 것 같습니다. 하지만 TV화면인 경우는 기본 폰트가 24px이기 때문에 바꾸는게 좋을 것 같습니다. 하지만 이것도 나중에 타이포그래피 베리어블을 배우면 쉽게 할 수 있습니다. 만약 회사에서 일하시는 것이 모바일, 데스크탑인 경우는 우선 하나의 라벨로만 하시는 걸 권장드립니다. 버튼 사이즈의 경우는 Large, Medium, Small로 구분 될 수 있습니다. Large의 경우는 16px, Medium, Small의 경우는 14px이렇게 들어갈 수도 있습니다. 제 강의 처럼 하나로 통일해도 무방합니다. 우선 하나로 통일해서 만들어보시고 나중에 필요에 따라 추가로 만들어 보시는 것을 추천드립니다. 또 궁금하신 부분 있으시면 언제든지 질문 주세요. 감사합니다.
- 1
- 2
- 61
질문&답변
2024.07.19
질문이 있습니다!(공유해 주신 자료)
안녕하세요. 베리어블 시트는 말 그대로 베리어블(피그마 토큰)을 카테고리별로 구분해놓은 것을 말하며 로컬 베리어블에 들어가는 정보입니다. 우선 제 강의에서 사용하는 것을 사용하시는 것을 추천드리고 나중에 응용하실 때 다른 회사의 베리어블 구조, 용어를 살펴보시는 것을 추천드립니다. 전체적인 맥락은 비슷해서 이해하기 쉬우실 것입니다. 컴포넌트 프로퍼티 시트는 컴포넌트를 만들 때 자주 사용되는 프로퍼티를 담아둔 파일입니다. 크게 제가 실무에서 일을 하면서 컴포넌트를 만드는 과정은 만들기 (Working Status) 디자인/개발 두단계로 나뉨 접근성(Accessibilty Check): 접근성을 통과했는지 도큐먼트(Documentation): 디자인 시스템을 사용하는 사람들(주로 디자이너, 개발자)를 위한 문서 작성 그래서 이 프로세스를 따라해보시라고 만들어놓은 것이고 예를 들어, 버튼을 작업하시면 Working status를 In Progress로 바꾸시고 작업하시고 Done으로 체크해보시고 접근성을 체크하면 동일하게 체크하시고 도큐먼트를 체크하고 이렇게 하시면 됩니다. 디자인 시스템을 구축하는 것 자체가 정말 큰 작업이다 보니 이렇게 트랙킹(추적)하는 시트가 있으면 좋을 것 같아서 만들어 놓았고 보통 다수의 디자이너가 일할 경우 각각 디자인 컴포넌트를 맡아서 각자 과정을 순서대로 해 나가도록 할 수 있습니다. 파일에 대해서 좀 더 이해가 되셨으면 좋겠습니다. 궁금하신 부분 있으시면 언제든지 질문 주세요. 감사합니다.
- 0
- 1
- 43
질문&답변
2024.07.16
Local Variable 등록
영호님, 안녕하세요. 제가 아래와 같이 질문을 이해한 게 맞는지요? “플러그인을 사용하여 다수의 색상을 로컬 변수로 업로드한 후, 다시 한 번 더 다른 다수의 색상을 올리고 싶다.” 결론부터 말씀드리면, 아직까지 저도 그런 방법을 찾지는 못했습니다. 사실 원칙은 색상을 하나하나씩 다 넣어야 합니다. 하지만 이 플러그인의 역할이자 장점은 기존의 스타일을 변수로 한 번에 옮길 수 있는 것입니다. 따라서 개별적으로 넣거나 새로 넣는 것을 추천드립니다. 만약에 새로운 플러그인이나 방법을 찾게 되면 여기에 알려드리도록 하겠습니다. 감사합니다.
- 0
- 1
- 47
질문&답변
2024.07.10
프리젠테이션에서 사용된 애니메이션 영상은 어떤 프로그램으로 만드셨나요
무엇이든지 물어보셔도 됩니다! 제 강의는 모두 피그마로 만들었습니다. 스마트 애니메이션을 잘 활용하시고 특히 시간 타이밍, 애니메이션 방법을 제대로 사용하시면 됩니다! 도움 되셨기를 바랍니다.
- 0
- 1
- 57
질문&답변
2024.07.10
디자인 시스템을 만드는 중 버튼 관련 질문이 있습니다.
혹시 에듀케이션으로 사용하시고 계신다면 파일을 공유해 주시면 더 도움을 드릴 수 있을 것 같습니다? boldplus.ux@gmail.com 하지만 제가 보기에는 오토레이아웃에서는 Fixed된 경우에는 컨텐츠의 상관없이 고정 되는 반면, Hug로 하셔야지 컨텐츠의 변화에 따라 크기가 변합니다. 그래서 Button-icons와 Row, button 레이어 모두를 Hug로 하셔야합니다. 해보시고 안되시면 파일 공유 부탁드립니다. 감사합니다.
- 0
- 2
- 60