실전 피그마

실전 피그마 - UI/UX 디자이너, 서비스 기획자를 위한 실무 입문서
김범용(스무, SMU) 지음 / 길벗 / 2023년 11월

디자인을 개발할때  종이에다 그리거나 파워포인트를 사용하는 경우도 있습니다. 아무리 시안이라고 해도  실제와 매칭율이 높은것이 매우 유리하겠죠  그걸 가능하게 해주는 것이 '피그마'프로그램이고  웹상태에서 바로 이용가능하다는 것이 매우 큰 잇점이죠. 물론  사용법은 배워야 합니다. <실전 피그마>는 초보부터 실무(현장예제)에서 이용하는 중급까지도 활용가능합니다.  사용대상은 UI/UX디자이너, 서비스기획자, 웹앱개발자,프로젝트매니저 등입니다.  

저자는 김범용(스무) 올마이티캠퍼스 프로덕트 디자이너십니다. 네이버 피그마, 클래스101, BlueTiger 등에서 강의를 하시고 국가정보원 웹페이지리뉴얼, 한동대 해커톤 멘토링 등의 경력이 있으신 분입니다. 

피그마는 최고의 디지털디자인도구라고 합니다. 피그마가 많은 개발자에게 사용할 수있게 된 이유에는 '오토 레이아웃, 컴포넌트, 배리언츠 등의 뛰어난 기능때문이라고 합니다. 특히나 오토레이아웃은 피그마의 꽃이라고 자부하네요.  이것이 매우 중요한 이유는 수정을 하면 다른 요소들이  배열방향, 간견, 패딩, 정렬 등을 일일히 연속으로 바꿔주지 않아도 자동으로 맞춰주기때문에 매우 편리합니다. 더우기 요즘 앱과 웹인 반응형으로 동작을 하기에 그 부분에서 만족스럽다는 겁니다.  그리고 '컴포넌트'는 버튼,아이콘 등을 만들어놓은 것을 동일하게 재사용할 수있는 기능입니다. 개발자가  프로세스나 아이콘요소를 특별배열해서 다시 사용할수있어서 시간을 많이 절약할 수있습니다. 이 컴포넌트들을 모은것을 "배리언츠"라고 합니다.  이 기능은 컴포넌트에 프로퍼티(속성)을 지정해서 컴포넌트 관리를 쉽게 만듭니다. 워드프레스나 아리한글을 보면  표나 그림을 그리면 항상 속성값을 줄수있는 것과 유사합니다. 

완성이 되었으면 그것이 바로 프로토타입이 되는 겁니다. 이를 사용해 사용자 경험과 유저플로우를 테스트할 수가 있다는 것이 피그마의 장점이죠. 과거에는 종이를 오려서 만들어서 버튼을 클릭하면 변경되는 화면을 겹쳐두고 했었는데 그러한 번거러운 작업을 하지 않고 디지털로 모두 처리가 가능한겁니다.  이 피그마는 장점이 많은데 콘텐츠의 길이가 길어지면 자동으로 스크롤을 지원합니다.  마지막은 실전예제로 쇼핑몰메인화면을 만들어보고 음악앱을 만들어봅니다. 

기존의 디자인툴하면 포토샵과 일러스트레이트가 대표적이죠. 이들은 웹화면을 구성하는데  시간이 많이 걸립니다. 이에 피해 피그마는 기획과 실전의 포트폴리오를 만들어보는데 최적화되어 있습니다.  물론 저도 해보니까. 아주 쉽다고는 못하겠네요. 하지만 하나씩 붙이고 그것을 묶어 배치하는작업이 매우 흥미롭습니다. 꼭 앱화면이 아니더라도 프로세스를 꾸미는 용도로도 사용하기 좋으며 협업(유료)도구로는 최상의 도구라고 합니다.  이론과 실습 그리고 팁으로 공부의 흥미를 끌어올려서 개발자의 경력에 청신호가 들어갈 프로그램이었습니다 

본 도서는 출판사로부터 무상으로 제공받아 주관적인 리뷰를 했습니다.