소개
현재 뉴욕의 글로벌 테크 회사 The Knot Worldwide에서 시니어 프로덕트 디자이너로 일하고 있습니다.
뉴욕에 오기 전에는 서울에서 UI기획자로 일을 했습니다.
브런치 매거진 "디자인, 그리고 프러덕트"와 UX, UI 지식과 정보를 공유하는 "뉴욕 UX디자이너" 인스타그램과 페이스북을 운영하며 디자이너 및 예비 디자이너들과 소통하고 있습니다.
개인적으로는 세 아이👶의 아빠이며 요리🍲, 교육🏫에 관심이 많습니다.
집필 및 강의
• "뉴욕 프로덕트 디자이너가 알려주는 UX디자인 입문 A to Z" 책 출간 (링크: Yes24, 알라딘, 교보문고)
• 퍼블리 아티클 "서비스의 첫 인상을 결정하는 3초: 랜딩 페이지 UX 4가지 원칙" 발행
• Samsung SW Academy for Youth (SSAFY) UX/UI다자인 및 피그마 강사
• 1:1 멘토링 및 기업 강의 진행 (토픽: UX, UI디자인, UX퍼실리테이션, UX/UI 포트폴리오 제작 및 발행)
경험 및 경력
• (현) 뉴욕 The Knot Worldwide 시니어 프로덕트 디자이너
• (전) 서울 Pantech 모바일 앱 UI기획자
• 뉴욕 기반의 다수 스타트업과 UX/UI 컨설팅 프로젝트 진행
• 뉴욕 School of Visual Arts 디자인 대학원 졸업 / 전공: Interaction Design
• 한동대학교 학부 졸업 / 전공: 산업디자인
강의
로드맵
전체 1수강평
- UX/UI 입문자를 위한 유저 리서치 실전
- 피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
- 피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
- 뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
- 피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
게시글
질문&답변
Copy Link로 프로토타입 공유 시, 휴대폰 프레임 안보이게 하는 기능
안녕하세요. 질문 감사합니다.말씀하신 "Advanced settings > Show device frame" 저도 써본 적이 없는 생소한 메뉴라 정확히 확인을 하기가 어려운데 혹시 관련해서 해당 메뉴를 어디에서 찾으셨는지 screenshot 등을 찍어서 공유해주실 수 있을까요? 확인해보고 추가적으로 답변을 드리도록 하겠습니다.감사합니다.
- 0
- 2
- 26
질문&답변
프레임 크기를 조정하다가 모르는 박스를 발견했어요.
안녕하세요. 질문 감사합니다. 이 부분은 저도 확인을 해봐야 알수 있을 것 같습니다. 오픈 카톡방으로 해당 파일 링크를 보내주시면 확인을 해보고 답변을 드릴게요.https://open.kakao.com/o/s1IxXWSb감사합니다.
- 0
- 2
- 21
질문&답변
Text 박스 조정하는 법
안녕하세요 질문 감사드립니다.작게 보일 수 있습니다. 가급적이면 해당 사이는 0이 아닌 auto 또는 auto 값보다 높은 값을 설정하는 것을 추천드립니다.2 & 3. 이 부분은 폰트 패밀리에 따라서 영향을 받기도 하고 완벽하게 가운데 정렬로 원하는데로 만들어주는데 한계가 있는 것 같습니다. 디자인을 결과적으로 개발자에게 전달하는 것을 목표로 잡았을 경우, 이것은 크게 문제는 되지 않는 것 같습니다. 적어도 상하좌우 여백이 동일함을 개발자가 확인할 수 있기 때문입니다. 미적으로 가운데 정렬이 되도록 해주고 싶다면 임의적으로 line height를 조정하거나 하는 방식을 취할 수 있지만 그다지 추천을 드리지는 않습니다. 아쉽게도 아직까지 완벽하게 만드는 것에 대해서는 저도 해법을 찾지는 못했습니다. 다시 한번 질문 감사드리며 또 궁금한 점이 있다면 말씀주세요.
- 0
- 2
- 21
질문&답변
하단바 설정하는 방법
안녕하세요. 질문 감사합니다.저는 말씀하신 1번 방법을 추천드리며, 저도 그렇게 작업을 하고 있습니다. Prototype에서 휴대폰 모양 프레임이 나오는 부분은 휴대폰이 나오지 않도록 설정할 수 있고, 저도 보통은 휴대폰이 나오지 않도록 설정하고 확인을 하는 편입니다. (휴대폰 없애는 방법: https://www.youtube.com/watch?v=XqiMiriJMw4)혹시 제가 질문을 잘못 이해한 부분이 있다면 말씀 주시고, 추가로 질문이 있다면 편히 말씀주세요.감사합니다.
- 0
- 2
- 26
질문&답변
확장성
질문 감사합니다. 네 아이콘의 사이즈가 변경이 되더라도 비율 유지를 위해 스트로크 아웃라인을 사용하는 것이 맞습니다.^^ 그래서 아이콘 디자인이 확정이 되었다면 스트로크 아웃라인을 해주고 그 다음에 사용하는 것을 추천드립니다.
- 0
- 2
- 12
질문&답변
컴포넌트들 에셋상에서 폴더값으로 분류하는 법
문의 감사합니다. 아마 현재 사용중이신 피그마 인터페이스가 new UI (in beta)인 것 같습니다.최근에 확인해보니 해당 beta 버전에서는 /를 사용한 폴더링 기능이 안 보이는 것 같습니다.관련해서는 2가지가 previous UI로 바꿀 경우, /를 사용한 폴더링이 강의영상처럼 동일하게 가능합니다. 우측 하단의 물음표 아이콘을 누르신후 "Go back to previous UI"를 누르시면 됩니다.(사진) Beta UI에서 폴더링을 하고 싶다면 해당 폴더링 기능은 Component로 생성한후, 함께 묶고 싶은 Component들을 선택하신 후 "Combine as variants"라는 옵션을 선택하시면 그렇게 하실 수 있습니다. 관련해서 영상을 찍은 게 있어 참고하시기 바랍니다.
- 0
- 3
- 32
질문&답변
섹션 12 예제 파일이 안보입니다!
안녕하세요. 게시글에서 섹션 넘버가 밀렸던 부분이 있었습니다. 혼란을 드려 죄송하고 해당 게시글 업데이트를 해두었으니 확인해주시면 될 것 같습니다. https://www.inflearn.com/course/%ED%94%BC%EA%B7%B8%EB%A7%88-ui%EB%94%94%EC%9E%90%EC%9D%B8/news/90808 섹션 12. 효율적인 디자인을 도와주는 피그마의 기능들스타일 및 콤포넌트 예제 링크라이브러리 관련 예제 링크또 궁금한 점이 있다면 말씀 부탁드립니다.
- 0
- 2
- 42
질문&답변
제플린 핸드오프에 관련 질문입니다.
안녕하세요. 문의주셔서 감사합니다.현 시점에서 핸드오프는 많은 회사들이 피그마를 통해 전달하지만, 여전히 제플린을 활용하는 회사들도 있습니다. 그래서 그런 분들은 적어도 어떻게 사용하는지는 알려드려야겠다고 생각이 들어서 강의를 넣게 되었습니다. 피그마에서 제플린의 기능은 대부분 제공하고 있기 때문에 제플린만의 강점이 따로 강하다고 생각이 들지는 않고, 앞서 말씀드렸듯이 사용법을 알려드리기 위해 강의를 넣은 것이에요.감사합니다.
- 0
- 2
- 39
질문&답변
오토레이아웃
안녕하세요. 문의 감사해요. 관련해서 1:1 오픈 채팅방으로 연락주시겠어요? 제가 어떤 상황인지 조금 더 파악을 해보고 정확한 답변을 드릴 수 있도록 하겠습니다. https://open.kakao.com/o/sSCcLHqc 감사합니다.
- 0
- 2
- 54
질문&답변
Auto layout 글자가 늘어나도 버튼이 같이 안 늘어나요
질문 감사드립니다. 관련해서, 카톡 1:1 오픈 챗으로 해당 피그마 링크를 공유해주실 수 있을까요?어떤 상황에서 설정이 안 된 것인지 한번 확인을 한 후 더 정확히 답변 드릴 수 있을 것 같아요.오픈 챗 링크:https://open.kakao.com/o/sSCcLHqc
- 0
- 1
- 52