피그마를 사용하다보면 수없이 많은 레이어나 컴포넌트 중에서 원하는 것을 찾아 이동하기 쉽지 않을 때가 있습니다. 피그마로 처리할 수 있는 것이 많아질수록 파일이 크고 복잡해지는데, 이 때 어디에 내가 찾는 그래픽 요소가 있는지 찾기 어려워집니다. 파인드 인 페이지 Find in page는 이런 상황에 유용한 피그마 플러그인입니다. 기능 프레임 이름 검색 텍스트 검색 찾은 프레임, 텍스트로 이동 […]
존 버거 지음 | 최민 옮김 | 열화당 | 2019년 06월 01일 출간 (1쇄 2012년 08월 01일) 말 이전에 보는 행위가 있다. “다른 방식으로 보기 (Ways of Seeing)”는 1972년 텔레비전 연속 강의를 엮은 책입니다. 존 버거는 미술 작품을 감상하는 법에 대해 비판적으로 접근했습니다. 당시 전통 미술계에서 작품을 감상하는 법이 있다는 태도가 있었는데 이는 맥락을 이해하지 못한 편협한 방식일 수 있다 생각했습니다. 이 책은 […]
Joey가 만든 iOS 16 UI Kit입니다. 애플의 HIG (Human Interface Guideline)에서 가져온 색, 서체 스타일와 직접 피그마로 만든 컴포넌트, 템플릿으로 구성됩니다. 이번 업데이트에서 가장 변화가 큰 상태창, 홈 인디케이터, 노티피케이션을 상태별로 자세하게 나눠 표현했습니다. 홈, 잠금화면, 애플페이 등 플로우도 간단하게 확인할 수 있습니다. 피그마 커뮤니티에 공개되어 있습니다. 4만 5천회 카피가 될 정도로 인기가 대단합니다. 49달러를 […]
TinyImage는 이미지 압축 프로그램입니다. Tinypng.com이라는 유명한 이미지 압축 웹사이트로 피그마 플러그인도 지원합니다. TinyImage는 PNG, JPG, PDF, WebP 등 디지털 환경에서 자주 쓰이는 이미지 파일을 퀄리티 손상 없이 드라마틱하게 압축합니다. 포토샵이나 일러스트레이터로 이미지를 작업할 때는 TinyImage의 웹사이트에 직접 방문해 이미지를 압축합니다. 브라우저를 켜는 것 자체가 귀찮을 때는 피그마를 사용하면 더 빠르게 작업할 수 있습니다. 피그마 안에서 […]
요즘 여러 회사가 웹 기반 서비스를 이용해 흥미로운 설문 조사나 미니 게임을 만들어 배포합니다. 이전보다 기술이 발달하고 웹 환경이 좋아지면서 여러 웹 제품을 만들어 소통하는 것이 자연스러워졌는데요, 웹과 앱으로 제공하는 본 서비스와 독립적으로 작동하는 웹사이트를 만드는 경우도 늘었습니다. 프레이머 Framer 는 이런 상황에 요긴한 툴입니다. 크리에이터를 위한 웹 빌더로 디자인한 그대로 웹사이트를 손 쉽게 만들 […]
살아있는 인상을 전하는 모션은 이제 디지털 프로덕트에서 필수 요소가 되었습니다. 하지만 모션을 시작해보려 해도 쉽사리 도전하기 어려울 때가 많습니다. 생각보다 준비할 것이 많고 제작이 쉽지 않기 때문입니다. 어도비의 애프터 이펙트를 구독해야 하고 움직임을 피그마나 다른 개발 환경에서 사용하기 좋게 변환해주는 Lottie라는 플러그인도따로 배워야 합니다. 피그모션 Figmotion은 다음 단계의 어려운 모션을 배우기 전에 피그마로 간단한 모션을 […]
BrandFetch는 각종 전세계 브랜드의 로고, 심볼을 사용할 수 있는 플러그인입니다. 내가 원하는 브랜드명을 입력하면 로고, 심볼, 아이콘, 사용한 아이콘, 서체 등을 알 수 있습니다. 공식 홈페이지에서 사용하는 파일과 코드를 해석해 제공하는 것 같습니다. 다양한 로고를 매번 어딘가에 저장해두지만 잊어버리고 다시 웹에서 찾는 경우가 많습니다. 어딘가에 저장된 파일을 다운로드하는 것이 아니라 공식 홈페이지에서 긁어오니 항상 최신 […]
브랜드는 정의하기에 따라 광범위한 영역에 영향을 미칩니다. 그 중 브랜드 디자인은 브랜드의 정체성을 정립하는 것부터 고객과 만나는 순간의 경험까지 섬세하게 설계합니다. 그래픽, 제품, 캠페인, 메시지, 영상 등 수없이 많은 방법으로 고객과 소통하는 매개체를 만듭니다. 이제는 조직 뿐만 아니라 개인조차도 자신의 정체성을 정의해 브랜드를 만듭니다. 무엇을 하던 BX(Brand Expereince)를 생각해야하는 시대가 된 것이죠. 지금까지 BX를 공부하면서 […]
가끔 로고나 단순한 이미지의 벡터가 필요할 때가 있는데요. 피그마로 작업하다 다른 툴을 켜서 패스를 따기 귀찮을 때가 있습니다. 손으로 만들기 어려운 이미지도 있고요. Image tracer는 비트맵 이미지를 벡터로 바꿔주는 간단한 피그마 플러그인입니다. 어도비 일러스트레이터에 있는 트레이싱 기술과 비슷합니다. 비트맵 이미지 품질을 조절할 수 있고 부드러움과 곡선 정도를 조절할 수 있습니다. 일러스트레이터만큼 정교하게 패스와 포인트를 정의할 […]
UX, UX을 공부할 때 영향을 많이 받은 책을 정리했습니다. 사람에 대해 이해하고 원하는 목표를 달성할 수 있는 좋은 경험을 설계하는 것에 대해 배울 수 있었던 책들입니다. 도널드 노먼의 디자인과 인간 심리도널드 노먼 저 | 박창호 역 | 학지사 | 2016전설적인 UX의 아버지 도널드 노먼의 책입니다. 88년에 처음 나온 책이지만 UX의 본질이 진하게 담겨있습니다. UX와 조금이라도 […]
과거부터 지금까지 제가 디자인을 공부할 때 영향을 많이 받은 책을 정리했습니다. 세상을 이해하고 표현하는 방식과 디자인이라는 도구의 가능성에 대한 생각의 토대를 다지는 데 큰 도움을 받았던 책들입니다. 영감을 주는 디자인과 사람을 발견할 수 있는 Find, 실제로 결과물을 만드는데 필요한 필수적인 기술이 담긴 Do, 디자인을 둘러싼 다양한 생각과 담론에 대해 더 깊게 생각해볼 수 있는 Think로 […]
맥에서만 돼요!
