-
-
UX/UI 디자이너를 위한 실무 피그마 - 디자인 시스템에서 개발 전달까지
클레어 정 지음 / 한빛미디어 / 2021년 11월
평점 :
구판절판
어렸을 때 디자인 툴 가지고 노는 걸 좋아했다. 포토샵, 일러스트레이터부터 마이너한 툴까지 혼자 축전 만들고 사진 편집하고 일러스트 그리며 조몰락조몰락 말 그대로 장난감처럼 가지고 놀았다. 머리 크고 나서는 먹고사는 것에 치여 사진 보정할 때 종종 포토샵을 사용하는 것 말고는 툴을 다룰 기회가 없었는데 개발자로 전직하고 나서 다시 가까이하기 시작했다.
일할 때야 디자이너 스앵님들 영역이라 디자인 확인하고 리소스 다운 받는 것 정도로 사용하지만 원체 툴 다루는 것 자체를 좋아해서 토이 프로젝트할 때 부러 시간을 들여 간단하게라도 뷰 작업해놓고 개발 들어갈 정도. 하지만 다달이 결제하며 사용해야 할 정도로 포토샵을 빈번하게 사용하지는 않아서 다른 툴 뭐 없을까 하다가 스케치를 알게 되었다. 여느 때처럼 조몰락거리다 스케치로 간단한 작업 정도는 할 수 있게 됐는데 라이선스 결제하려고 하니 내 활용 정도나 빈도에 비해 비싼 가격이라는 생각이 들었다. 사야 할 개발 툴도 한 바가지라 대안이 없을까 하다가 요즘 핫하다는 피그마를 알게 됐다. 여력이 없어 시도를 못하다가 새로운 회사에서 피그마를 잠깐 경험해 보고 생각보다 나쁘지 않아 '한 번 해보자' 싶었다.
항상 독학으로 무난하게 모든 툴을 다뤄왔었는데 뇌가 나이를 먹은 탓인지 피그마는 유독 손에 안 붙었다. 인내심이 바닥나서 던져놓고 다시 '스케치 결제할까' 하고 있는데 마침 책을 리뷰할 기회가 생겼다. 그래, 책 보고 한 번 해보자, 하고 골라왔다.
책은 크게 두 파트로 나누어져 있다.
Part 1 피그마 활용하기
Chapter 1. 피그마 시작하기
2. 그래픽 스타일과 라이브러리
3. 정렬과 레이아웃
4. 컴포넌트와 오토레이아웃
5. 디자인 시스템과 협업
Part 2 피그마로 디자인하기
6. iOS 뉴스 앱
7. 안드로이드 스포츠 클래스 앱
8. 반응형 패션 라이브 커머스
9. 디자인 시스템
+) 부록으로 단축키와 플러그인.
파트 1에서는 피그마의 장점, 사용 환경 선택하기, 인터페이스 구성, 기본 기능 등에 대해 설명하고 있다.
혼자 피그마를 다루면서 '이건 뭐야?' 하고 지나갔던 것들에 대해 알 수 있었는데, 책의 앞부분에서도 이야기하듯이 어느 정도 피그마의 기능을 알고 있다면 파트 2로 바로 넘어가 실습을 시작하는 게 좋겠다.
오기로 책의 처음부터 독파하려고 하다가 흥미를 잃을 뻔했다.
파트 2에서는 직접 실습할 수 있도록 다양한 예제를 제공하고 있다.
처음부터 읽는 것보다 파트 2의 예제를 진행하다가 궁금한 기능이 있을 때 앞부분에서 찾아보는 게 훨씬 유용했다.
책 중간중간에 '디자인 노하우'라고 본문 사이 짧게 들어가 있는 내용이 있다.
'팀원들에게 피그마 도입을 설득하고 싶어요!', '디자인하기 전 알아야 하는 UI 기술 지식', '다크모드의 디자인 요소', '반응형 디자인의 이해', '디자인과 개발 화면이 다를 때' 등 흥미로운 내용을 담고 있다.
제목은 'UX/UI 디자이너를 위한'이지만 단순히 피그마 사용법에 대한 내용만을 담고 있는 게 아니라 웹/앱 디자인 시 알아야 하는 배경지식, 용어 등에 대해서도 짚어주기 때문에 디자인을 생업으로 삼고 있지 않은 사람이나 웹/앱 디자인을 처음 해보는 사람도 더 수월하게 접근할 수 있겠다는 생각이 든다.
나는 디알못인데 크게 거부감 없이 끝까지 책을 볼 수 있었다.
이 책의 장점이라고 느꼈던 점은 본문 설명이나 스크린샷이 모자람 없이 들어가 있다는 점이다.
아주 기본적인 사항이지만 이런 류의 책들을 보면 의외로 '으음?' 싶은 부분이 꽤 나오는 경우가 많다.
이 책은 그런 것 없이 꽤나 꼼꼼하고 친절하게 독자를 끌고 간다는 생각이 들었다.
또 '잠깐', 'tip' 등을 통해 유용한 팁 등을 풍부하게 전수해 주고 있고 단축키나 참고 사이트 링크 안내도 충분하다.
책이 전체적으로 친절하다. 얇지만 알차게 담은 책이라고 생각된다.
**
한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성한 서평입니다.
**