처음 만나는 피그마 (설계부터 협업까지 올인원 UX/UI 제작 툴)

처음 만나는 피그마 (설계부터 협업까지 올인원 UX/UI 제작 툴)

$24.00
Description
디자인 유튜버 Ami Design TV가 선택한
무료 올인원 디자인 툴, 피그마!
디자인 업계의 업무 프로세스는 애자일(최소한의 기능을 짧은 주기로 반복하는 개발로, 서로 긴밀하게 협업하는 방식) 형태로 진화했다. 그러면서 올인원 툴 피그마가 주목을 받게 된다. 피그마는 설계부터 디자인, 버전 관리까지 하나의 툴에서 모든 게 가능하다. 협업이 쉽고, 웹 기반이라 디자이너가 아닌 직군에서도 쉽게 접근할 수 있다.
이 책은 기존의 디자인 툴을 사용해 본 적이 없는 사람도 볼 수 있도록 기초부터 시작한다. 책의 예제를 직접 따라 하며 작은 프로젝트를 완성하는 방식으로 진행되기 때문에 지루하지 않게 피그마의 다양한 기능을 익힐 수 있다. 쿠킹 클래스, 쇼핑몰, 뉴스 앱 등 실무에서 활용할 수 있는 감각적인 예제를 사용했으며, 실습에 필요한 리소스는 모두 피그마 파일로 제공한다.
유용한 플러그인, 효율적인 커뮤니티 활용법도 함께 다뤄 실무에서 당장 필요한 내용을 한번에 익힐 수 있다. 또한 실제 글쓰기 앱을 설계하고 프로토타입 화면을 디자인할 때의 고민과 결정 과정을 담아 초보 디자이너에게도 큰 도움이 될 것이다.

북 트레일러

  • 출판사의 사정에 따라 서비스가 변경 또는 중지될 수 있습니다.
  • Window7의 경우 사운드 연결이 없을 시, 동영상 재생에 오류가 발생할 수 있습니다. 이어폰, 스피커 등이 연결되어 있는지 확인 하시고 재생하시기 바랍니다.
저자

송아미

스타트업에서웹디자인,코딩,모바일앱디자인,브랜딩,그래픽디자인등다양한분야를경험하고팀을이끌었으며,현재는IT커리어콘텐츠서비스인서핏(Surfit)에서제품총괄을맡고있다.새로운것을배우는데흥미를느끼고,배운것을다른사람과공유하길좋아한다.운영중인유튜브채널AmiDesignTV에서는디자인지식,스타트업,피그마튜토리얼등다양한소재를다룬다.

목차

1부피그마기초
1장피그마는어떤툴인가
1.1디자인,프로토타이핑,협업까지모든프로세스를한곳에서
1.2피그마무료로사용하기
1.3피그마기능업그레이드하기
1.4지금피그마를써야하는이유

2장피그마시작하기
2.1웹으로시작하기
2.2데스크톱앱으로시작하기
2.3미러앱시작하기

3장파일브라우저살펴보기
3.1파일브라우저
3.2팀만들기
3.3팀프로젝트시작하기
3.4커뮤니티이용하기

4장에디터살펴보기
4.1에디터구성
4.2툴바알아보기
4.3레이어패널
4.4속성패널

5장에디터사용하기
5.1카드UI만들기
5.2효과추가하기

2부작업속도를두배높이는피그마활용
6장컴포넌트사용하기
6.1컴포넌트알아보기
6.2마스터컴포넌트와인스턴스
6.3컴포넌트로리스트디자인하기

7장오토레이아웃사용하기
7.1오토레이아웃알아보기
7.2오토레이아웃으로뉴스피드헤더디자인하기

8장컨스트레인트사용하기
8.1컨스트레인트알아보기
8.2컨스트레인트로그인화면에적용하기

9장레이아웃그리드사용하기
9.1레이아웃그리드알아보기
9.2그리드시스템용어이해하기
9.3레이아웃그리드로스케줄러디자인하기

10장플러그인사용하기
10.1플러그인알아보기
10.2플러그인으로연락처디자인하기
10.3추천하는플러그인

11장스타일사용하기
11.1스타일알아보기
11.2스타일로디자인시스템만들기

3부피그마에서디자인하기
12장반응형랜딩페이지디자인하기
12.1반응형웹알아보기
12.2랜딩페이지디자인준비하기
12.3그리드설정하기
12.4글로벌내비게이션바디자인하기
12.5인트로배너영역디자인하기
12.6소개영역디자인하기
12.7클로징배너영역디자인하기
12.8태블릿,모바일화면크기대응하기

13장뉴스앱디자인하기
13.1모바일운영체제이해하기
13.2뉴스앱디자인준비하기
13.3상태바,홈인디케이터넣기
13.4하단탭바디자인하기
13.5타이틀영역디자인하기
13.6가로스와이프뉴스디자인하기
13.7세로스크롤뉴스디자인하기
13.8안드로이드대응하기

4부피그마에서협업하기
14장와이어프레임과프로토타입으로화면설계하기
14.1와이어프레임과프로토타입이필요한이유
14.2스케치하며화면기획하기
14.3화면와이어프레임그리기
14.4프로토타입으로동적인화면만들기
14.5프레젠테이션뷰활용하기

15장팀라이브러리로디자인리소스관리하기
15.1팀라이브러리에파일퍼블리싱하기
15.2팀라이브러리파일다루기
15.3디자인시스템과아토믹디자인

16장실시간협업하기
16.1파일공유로실시간협업시작하기
16.2코멘트남기기
16.3옵저베이션모드

17장개발자가피그마활용하기
17.1피그마한곳에서해결하기
17.2디자인에셋추출하기
17.3코드탭활용하기

부록A피그마커뮤니티활용하기
부록B피그마템플릿사용하기
부록C어떤디자이너로성장하고싶은가