장바구니 담기 close

장바구니에 상품을 담았습니다.

UX UI 디자이너를 위한 실무 피그마

UX UI 디자이너를 위한 실무 피그마

  • 클레어정
  • |
  • 한빛미디어
  • |
  • 2021-11-01 출간
  • |
  • 352페이지
  • |
  • 170 X 225 mm
  • |
  • ISBN 9791162244760
판매가

24,000원

즉시할인가

21,600

배송비

무료배송

(제주/도서산간 배송 추가비용:3,000원)

수량
+ -
총주문금액
21,600

이 상품은 품절된 상품입니다

※ 스프링제본 상품은 반품/교환/환불이 불가능하므로 신중하게 선택하여 주시기 바랍니다.

출판사서평




협업에 특화된 UX/UI 디자인 도구 - 피그마
기능은 예제로 익히고, 실무 감각은 프로젝트로 스킬업

스케치에서 피그마로, 글로벌 UI 디자인 도구는 피그마가 많은 선택을 받고 있습니다. 이 책은 피그마를 처음 시작하는 디자이너, 개발자를 위해 기본부터 응용까지 모두 담았습니다. 피그마 도구 설명과 디자인 개념을 안내하고 과정마다 예제로 실습합니다. 피그마를 제대로 사용하기 위해 필요한 기능을 익힌 뒤 프로젝트로 실무 역량을 다집니다. 해상도, 아이콘 디자인 규칙, 다크 모드 같은 좋은 디자인을 위해 고려해야 할 팁도 유용합니다. 풍부한 예제로 피그마를 익히고 실무 프로젝트로 디자인 역량을 높이세요.

● 피그마 설치 / 환경 설정
● 벡터 / 스마트 셀렉션 / 오토레이아웃
● 콘스트레인트 / 레이아웃그리드
● 컴포넌트 / 라이브러리
● 개발 전달 / 코드 확인 / 버전 히스토리
● iOS 뉴스 앱 / 안드로이드 스포츠 클래스 앱 / 반응형 패션 라이브 커머스
● 디자인 시스템과 B2B 솔루션


목차


PART 1 피그마 활용하기
CHAPTER 1 피그마 시작하기
Lesson 01 왜 피그마인가
피그마 소개
피그마를 활용한 디자이너의 하루
[디자인 노하우] 팀원들에게 피그마 도입을 설득하고 싶어요!
Lesson 02 피그마 설치와 기본 인터페이스 둘러보기
피그마 설치
메인 대시보드
상단 도구 모음
사이드바
공유와 뷰 세팅
[디자인 노하우] 디자인하기 전 알아야 하는 UI 기술 지식
Lesson 03 작업 전 환경 설정
스케치 프로젝트를 피그마로 옮기기
예제 활용 방법
폰트
안드로이드와 iOS UI 템플릿 다운로드
기본 레이어 스타일 설정
컬러 프로필 선택
캔버스 컬러 선택
Preference 설정

CHAPTER 2 그래픽 스타일과 라이브러리
Lesson 01 그래픽 스타일과 벡터
패널 기능 알아보기
벡터
Lesson 02 스타일과 라이브러리
스타일 만들고 편집하기
그룹 스타일과 정렬
라이브러리로 발행
팀 라이브러리
[실습] 스타일을 저장하고 라이브러리로 발행하기

CHAPTER 3 정렬과 레이아웃
Lesson 01 정렬을 편리하게: 스마트 셀렉션
스마트 셀렉션 만들기
[실습] 특정 셀렉션 리사이징
[실습] 여러 셀렉션 리사이징
[실습] 오브젝트 복제
Lesson 02 반응형 디자인을 위한 콘스트레인트와 레이아웃 그리드
콘스트레인트
[실습] 레이아웃 그리드
콘스트레인트와 레이아웃 그리드 함께 활용하기

CHAPTER 4 컴포넌트와 오토레이아웃
Lesson 01 디자인 재사용과 통일을 위한 컴포넌트
컴포넌트
인스턴스 수정과 오버라이드
[실습] 컴포넌트로 UI 구성하고 라이브러리 만들기
Lesson 02 블록처럼 UI를 구성하는 오토레이아웃
오토레이아웃
리사이징
[실습] 버튼, 리스트, 아바타 오토레이아웃 적용하기

CHAPTER 5 디자인 시스템과 협업
Lesson 01 진보한 디자인 시스템을 위한 베리언츠
베리언츠
[실습] 토글, 버튼 베리언츠
베리언츠 만들고 사용하기
프로처럼 베리언츠 활용하기
Lesson 02 실제 화면처럼 시연하는 프로토타입
프로토타입 요소
인터랙션과 애니메이션 만들기
프로토타입 세팅 설정하기
프로토타입 화면 보기
[실습] 두 프레임을 오가는 프로토타입 만들기
Lesson 03 실제처럼 작동하는 인터랙티브 컴포넌트
인터랙티브 컴포넌트
[실습] 버튼 인터랙티브 컴포넌트
[실습] 토글 인터랙티브 컴포넌트
[실습] 모달 팝업 인터랙티브 컴포넌트
[실습] 이미지 캐러셀 인터랙티브 컴포넌트
Lesson 04 파일 관리가 필요 없는 버전 히스토리
버전 히스토리 확인하기
버전 확인하고 되돌리기
[실습] 이전 히스토리로 복원하고 새로운 히스토리 저장하기

PART 2 피그마로 디자인하기
CHAPTER 6 iOS 뉴스 앱
Lesson 01 예제 설명
Lesson 02 하단 내비게이션
Lesson 03 카드와 리스트
Lesson 04 상단 탭 메뉴와 아티클 페이지
Lesson 05 페이지 전환 프로토타입
[디자인 노하우] 아이콘 활용 팁

CHAPTER 7 안드로이드 스포츠 클래스 앱
Lesson 01 예제 설명
Lesson 02 공통 레이아웃
Lesson 03 메인 화면
Lesson 04 클래스 상세 페이지
Lesson 05 스크롤 프로토타입
[디자인 노하우] 다크모드의 디자인 요소

CHAPTER 8 반응형 패션 라이브 커머스
Lesson 01 예제 설명
Lesson 02 반응형 웹을 위한 레이아웃 그리드
Lesson 03 아이콘
Lesson 04 내비게이션
Lesson 05 카드 UI
Lesson 06 패드 뷰와 데스크톱 뷰
Lesson 07 가로 스크롤 프로토타입
Lesson 08 슬라이드 프로토타입
[디자인 노하우] 반응형 디자인의

CHAPTER 9 디자인 시스템
Lesson 01 예제 설명
Lesson 02 시스템 원칙
Lesson 03 컬러 시스템
Lesson 04 타이포그래피
Lesson 05 버튼
Lesson 06 텍스트 인풋
Lesson 07 토글과 태그
Lesson 08 라디오 버튼과 체크박스
Lesson 09 카드와 모달
Lesson 10 페이지 구성

부록 A 개발 전달과 코드 확인
Lesson 01 개발 전달
디자인 에셋 내보내기
모든 이미지 한 번에 내보내기
[디자인 노하우] 디자인과 개발 화면이 다를 때
Lesson 02 코드 확인
코드 변환 전 체크 요소
기본 인스펙터
플러그인 활용

부록 B 단축키와 플러그인
Lesson 01 단축키
헬프 버튼
필수 단축키와 선택 단축키
커스텀 단축키
자주 사용하는 Quick action
Lesson 02 플러그인
플러그인 시작하기
필수 플러그인
추천 플러그인
팀 플러그인

교환 및 환불안내

도서교환 및 환불
  • ㆍ배송기간은 평일 기준 1~3일 정도 소요됩니다.(스프링 분철은 1일 정도 시간이 더 소요됩니다.)
  • ㆍ상품불량 및 오배송등의 이유로 반품하실 경우, 반품배송비는 무료입니다.
  • ㆍ고객님의 변심에 의한 반품,환불,교환시 택배비는 본인 부담입니다.
  • ㆍ상담원과의 상담없이 교환 및 반품으로 반송된 물품은 책임지지 않습니다.
  • ㆍ이미 발송된 상품의 취소 및 반품, 교환요청시 배송비가 발생할 수 있습니다.
  • ㆍ반품신청시 반송된 상품의 수령후 환불처리됩니다.(카드사 사정에 따라 카드취소는 시일이 3~5일이 소요될 수 있습니다.)
  • ㆍ주문하신 상품의 반품,교환은 상품수령일로 부터 7일이내에 신청하실 수 있습니다.
  • ㆍ상품이 훼손된 경우 반품 및 교환,환불이 불가능합니다.
  • ㆍ반품/교환시 고객님 귀책사유로 인해 수거가 지연될 경우에는 반품이 제한될 수 있습니다.
  • ㆍ스프링제본 상품은 교환 및 환불이 불가능 합니다.
  • ㆍ군부대(사서함) 및 해외배송은 불가능합니다.
  • ㆍ오후 3시 이후 상담원과 통화되지 않은 취소건에 대해서는 고객 반품비용이 발생할 수 있습니다.
반품안내
  • 마이페이지 > 나의상담 > 1 : 1 문의하기 게시판 또는 고객센터 1800-7327
교환/반품주소
  • 경기도 파주시 문발로 211 1층 / (주)북채널 / 전화 : 1800-7327
  • 택배안내 : CJ대한통운(1588-1255)
  • 고객님 변심으로 인한 교환 또는 반품시 왕복 배송비 5,000원을 부담하셔야 하며, 제품 불량 또는 오 배송시에는 전액을 당사에서부담 합니다.