도서 소개
피그마는 실시간 협업 기능과 직관적인 UI로 순식간에 UXUI 업계의 표준으로 자리 잡은 디자인 툴이다. 디자이너이자 기획자인 저자들이 지난 다년간의 사용 경험을 압축하여 집필한 이 책은, 새로운 시대에 맞는 디자인 툴을 사용하려는 독자들에게 저자들의 가장 친한 친구인 피그마를 쉽고 재미있게 소개한다.
‘오늘부터 피그마’는 초보자도 직접 서비스를 만들어볼 수 있도록 다양한 종류의 실습을 쉬운 설명으로 담았다. 피그마 설치와 요금제 설명부터 시작하여 독자의 목적에 맞춰 부담 없이 피그마를 시작할 수 있게 했다. 파트 1과 파트 2에서 기본 인터페이스뿐만 아니라 피그마의 핵심 기능인 오토 레이아웃과 배리언츠, 프로토타입 등을 다양한 실습과 함께 배운다.
파트 3에서 피그마를 활용한 기획과 디자인 실습을 구성해, 디자인 개발의 전 과정에서 피그마를 어떻게 사용할 수 있는지 직접 느낄 수 있게 했다. 또한 피그마의 새롭거나 다양한 기능을 소개하기 위한 ‘딥 다이브’ 코너를 마련하여, 피그잼과 AI 등의 피그마 기능도 소개한다. 여러분의 상상력을 실현하고 성장을 돕는 든든한 동료가 될 피그마를, 이 책과 함께 지금 바로 시작해 보는 건 어떨까?
출판사 리뷰
상상력을 실현하고 성장을 돕는 든든한 동료피그마는 실시간 협업 기능과 직관적인 UI로 순식간에 UXUI 업계의 표준으로 자리 잡은 디자인 툴이다. 디자이너이자 기획자인 저자들이 지난 다년간의 사용 경험을 압축하여 집필한 이 책은, 새로운 시대에 맞는 디자인 툴을 사용하려는 독자들에게 저자들의 가장 친한 친구인 피그마를 쉽고 재미있게 소개한다.
‘오늘부터 피그마’는 초보자도 직접 서비스를 만들어볼 수 있도록 다양한 종류의 실습을 쉬운 설명으로 담았다. 피그마 설치와 요금제 설명부터 시작하여 독자의 목적에 맞춰 부담 없이 피그마를 시작할 수 있게 했다. 파트 1과 파트 2에서 기본 인터페이스뿐만 아니라 피그마의 핵심 기능인 오토 레이아웃과 배리언츠, 프로토타입 등을 다양한 실습과 함께 배운다. 파트 3에서 피그마를 활용한 기획과 디자인 실습을 구성해, 디자인 개발의 전 과정에서 피그마를 어떻게 사용할 수 있는지 직접 느낄 수 있게 했다. 또한 피그마의 새롭거나 다양한 기능을 소개하기 위한 ‘딥 다이브’ 코너를 마련하여, 피그잼과 AI 등의 피그마 기능도 소개한다. 여러분의 상상력을 실현하고 성장을 돕는 든든한 동료가 될 피그마를, 이 책과 함께 지금 바로 시작해 보는 건 어떨까?
더 열심히가 아니라 더 스마트하게이 책은 피그마가 궁금하지만 시작하기 어려웠던 입문자들을 위해 기획되었다. 피그마는 팀을 위한 강력한 디자인 협업 도구로, 이미 업계 표준이 된 UXUI 디자인 툴이다. 디자인뿐만 아니라 문서와 이력서 작성, 프레젠테이션 제작, 개인 프로젝트 등 다양하게 활용할 수 있어 그 중요성이 더욱 커지고 있다.
피그마를 무작정 시작하면 많은 기능에 압도될 수 있다. 그래서 이 책은 피그마를 더욱 스마트하게 사용할 수 있도록 했다. 바로 ‘오늘부터’ 피그마를 협업에 사용할 수 있게, 핵심 기능으로 책을 시작하는 것이다. 기본 레이아웃과 피그마의 주요 기능을 실행하는 도구를 기반으로, 수많은 피그마 버튼 중에서 필요한 것들이 눈에 익을 수 있도록 세심하게 안내한다. 또한 배운 내용을 바로 활용할 수 있도록 레슨마다 실습이 진행된다. 그리고 피그마의 핵심 기능인 오토 레이아웃, 컴포넌트, 프토로타입에 대해 꼼꼼하게 배운다. 주요 기능인만큼 레슨과 실습을 번갈아 진행해 독자가 사용 방법을 정확하게 익히면서 흥미를 잃지 않도록 세심하게 구성했다. 또한 피그마는 기획자와 개발자에게도 유용한 툴이니만큼, UX 디자인 기획부터 개발까지 피그마를 디자인 프로세스 전반에 활용할 수 있는 ‘피그마 기획’ 파트를 준비했다. 피그마 로고 만들기, 썸네일 리스트 정렬하기, 내이게이션 바 만들기, 프로필, 채팅, 대시보드 등의 다양한 UI 만들기 실습을 통해 ‘지금부터’ 바로 피그마를 스마트하게 활용할 수 있게 하는 책이다. 피그마 시작이 어려웠던 사용자, 피그마의 핵심 기능을 쉽게 배우고 싶은 사용자 또는 디자인을 처음 접하는 비전공자라면 특히 이 책이 도움이 될 것이다.
작가 소개
지은이 : 김시완
국내 IT 대기업 UX 기획자연세대학교 정보대학원 UX 전공이화여자대학교 융합콘텐츠 전공
지은이 : 정현민
팬덤 커뮤니티 스핀스핀 공동창업자/CPO이화여자대학교 융합콘텐츠 전공
목차
PART 01 피그마 시작하기
Chapter 01 기본 설정
Lesson 01 피그마 계정 만들기
Lesson 02 데스크톱 앱 설치 및 실행하기
Lesson 03 프로젝트 및 파일 관리하기
Deep Dive 협업 도구 피그잼
Chapter 02 기본 인터페이스
Lesson 01 레이아웃
Lesson 02 도구
Lesson 03 협업
[실습] 피그마 로고 만들기
Deep Dive 피그마 커뮤니티
PART 02 만들면서 배우는 피그마
Chapter 01 오토 레이아웃
Lesson 01 오토 레이아웃 이해하기
[실습] 썸네일 리스트 정렬하기
Lesson 02 반응형 UI 만들기
[실습] 내비게이션 바 만들기
Chapter 02 컴포넌트와 배리언츠
Lesson 01 컴포넌트 이해하기
[실습] 카드 UI 만들기
Lesson 02 컴포넌트 배리언츠와 속성
[실습] 스위치 만들기
Chapter 03 프로토타입
Lesson 01 프로토타입 이해하기
[실습] 화면 간 인터랙션 만들기
[실습] 스크롤 위치 고정하기
Deep Dive 피그마와 AI의 만남
PART 03 피그마로 완성하는 UXUI
Chapter 01 기획
Lesson 01 UX 디자인 프로세스
Lesson 02 피그잼으로 기획하기
Lesson 03 핵심 기능과 와이어프레임
Deep Dive 다양한 디자인 프로세스
Chapter 02 핵심화면 UI 디자인
Lesson 01 디자인시스템과 UI 키트
Lesson 02 실습 준비
[실습] 프로필 UI
[실습] 채팅 UI
[실습] 대시보드 UI
Deep Dive 피그마 슬라이드
