Do it! 실무 순서로 배우는 프로덕트 디자인 with 피그마
저자

이상효

저자:이상효
IT회사에서프로덕트디자이너로일하고있습니다.즐겁게일하면서잘노는삶을지향하고,배워서남주는것을좋아합니다.
[강의]
2021~현재노트폴리오,디자인시스템워크숍
2023노트폴리오,프로덕트디자이너완성반
2022원티드랩,프리온보딩프로덕트디자인코스
2020패스트캠퍼스,피그마를활용한모바일UI디자인
[경력]
2023~현재FigmaCommunityAdvocateinSeoul
2021~현재Product&PlatformDesigneratWantedlab
2019~2021ProductDesigneratBuzzvil
2017~2019Designer&Co-founderatDICO
[프로젝트]
2021~현재원티드디자인시스템구축,개선,웹,앱서비스개선
2022~현재피그마코리아밋업개최
2020~2021버즈빌디자인시스템구축,개선
2017~2019DICO앱,웹서비스기획,디자인
[글쓰는공간]
웹사이트:sanghyo.xyz
브런치:brunch.co.kr/@artpen

목차


01장UI디자인시작하기
__01-1UI디자이너의일
__01-2프로덕트디자이너의확장된역할
__01-3모바일기기디자인환경이해하기

02장피그마와가까워지기
__02-1디자인툴피그마이해하기
__02-2피그마시작하기

03장피그마핵심인터페이스익히기
__03-1툴을자유자재로다루기위한9가지기본인터페이스
__03-2컴포넌트로한차원높게복사,붙여넣기
__03-3UI디자이너의책장,왼쪽사이드바
__03-4필요한기능을즉시보여주는콘텍스추얼툴

04장피그마로다채롭게그려보기
__04-1오른쪽패널살펴보기
__04-2오브젝트의간격과위치에규칙설정하기
__04-3다채로운그래픽옵션알아보기
__04-4디자인내보내기
__04-5실시간저장,버전관리기능써보기
__04-6링크만들어공유하기

05장새로운서비스디자인하기
__05-1서비스로고,전략적으로디자인하기
__05-2앱디자인의길잡이가되는콘셉트UI잡기
__05-3레시피콘텐츠UI만들기
__05-4콘셉트UI완성하기

06장서비스구체화하기
__06-1고객을위한서비스기획하기
__06-2정보구조에맞게화면재구성하기
__06-3기획을화면에담아내는와이어프레임만들기
__06-4서비스UI디자인하기
__06-5사용자경험을구현하는프로토타입만들기

07장디자인시스템만들기
__07-1업무효율성을극대화하는디자인시스템
__07-2디자인시스템기초공사하기
__07-3빠르게컴포넌트만들기
__07-4기획자,디자이너,개발자를위한디자인시스템전파하기

08장디자인툴밖에서협업하기
__08-1형상관리로협업하기
__08-2디자이너를위한검색방법
__08-3개발자에게효과적으로디자인전달하기

찾아보기

출판사 서평

“10년차디자인선배가바로옆에서생생하게알려주는경험을맛볼수있는책”
선배가프로덕트디자인을명쾌하게설명합니다!

이제는디자이너뿐만아니라기획자,개발자까지제품을만드는메이커라면모두사용자경험을돕고문제를해결하기위해노력합니다.이때UI/UX가가장중요한역할을하는데,이책은프로덕트디자인과UI디자인이무엇인지,실무에서는이를어떻게풀어내야하는지쉽고명쾌하게설명합니다.
저자인이상효쌤은지금하는일과전혀상관없는‘섬유디자인’전공으로시작해현재프로덕트디자이너로활약하며피그마를활용한강의까지하고있습니다.그과정에서겪었던수많은시행착오를이책에모두담았습니다.
프로덕트디자이너로실무를처음시작하거나UI/UX의기초부터확실하게알고싶은분이라면이책을통해저자의오랜실무경험과노하우로프로덕트디자인의해답을찾아보세요.

“피그마는이제디자인직군에서확고하게자리잡은툴이죠!”
이책과함께제대로써보세요!

협업에최적화된피그마를제대로활용해보세요.피그마는디자인업무에필요한에셋을효율적으로관리하고활용할수있습니다.또한협업을위한실시간마우스커서공유,의견공유,자료공유등도매우쉽게할수있죠.그런데이런좋은기능을제대로쓰려면인터넷검색으로는한계가있습니다.그래서이상효쌤이피그마를제대로쓸수있도록학습가이드를준비했죠.
이책은디자인실무를잘해내려면알아야할지식과피그마를활용한‘단단한UI제작방법’을실습예제와함께설명합니다.또한이번개정판을준비하며피그마업데이트로변경된기능을꼼꼼히확인해반영했습니다.이상효쌤은원고집필할때도,담당편집자와일할때도피그마를이용했으며,그과정에서피그마는실제로협업에최적화된툴이라는놀라운경험을했습니다.

새로운서비스를디자인하고구체화하고,만드는방법,협업하는방법까지
실제일터에서하는순서대로배워보세요!

이책을그냥‘피그마를알려주는책’으로오해하면섭섭합니다!UX/UI필수도구인피그마를자유자재로다룰수있는9가지핵심인터페이스익히기뿐만아니라프로덕트디자인실무전체과정을4단계에거쳐상세하게다루기때문입니다.새로운서비스를디자인하고,경쟁사로고를살펴보고,내서비스의로고를디자인하고,UI콘셉트를구상하고만들어봅니다.그뿐이아닙니다.기획자,디자이너,개발자와더잘일하기위해디자인시스템을전파하는방법과개발자에게디자인을효과적으로전달하는방법도다룹니다.

독학은물론교재로도인기!
실습자료와학습진도표제공!

이책에서다루는모든실습에필요한자료도피그마로제공합니다.피그마에서책제목을검색하면실습자료를찾을수있어서바로실습을시작할수있습니다.또15차시로학습계획표를제공합니다.독학하는독자라면자기만의학습계획을세울때,교재로활용할교강사라면강의계획을세울때적극활용해보세요.
-실습자료:피그마에서‘Doit!실무순서로배우는프로덕트디자인with피그마’검색
-저자운영커뮤니티:figma.com/@hyo_yee
-질의응답용저자이메일:artpen90@gmail.com

함께배우고,나누고,성장하는‘Doit!스터디룸’으로오세요!

혼자계획을세우고공부하다보면금방지치기마련이다.나와비슷한고민을하는독자를만나어려운내용을공유해보자.서로도움을주고받으며공부하다보면더보람차다.멀리가려면친구와함께해보자.
-Doit!스터디룸:cafe.naver.com/doitstudyroom