본문 바로가기

추천 검색어

실시간 인기 검색어

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

디자인 시스템에서 개발 전달까지
클레어 정 지음
한빛미디어

2021년 11월 09일 출간

종이책 : 2021년 11월 01일 출간

(개의 리뷰)
( 0% 의 구매자)
eBook 상품 정보
파일 정보 pdf (17.20MB)
ISBN 9791162246429
쪽수 353쪽
듣기(TTS) 가능
TTS 란?
텍스트를 음성으로 읽어주는 기술입니다.
  • 전자책의 편집 상태에 따라 본문의 흐름과 다르게 텍스트를​ 읽을 수 있습니다.
  • 전자책 화면에 표기된 주석 등을 모두 읽어 줍니다.
  • 이미지 형태로 제작된 전자책 (예 : ZIP 파일)은 TTS 기능을 지원하지 않습니다.
  • '교보 ebook' 앱을 최신 버전으로 설치해야 이용 가능합니다. (Android v3.0.26, iOS v3.0.09,PC v1.2 버전 이상)
소득공제
소장

판매가 판매금지

이 상품은 배송되지 않는 디지털 상품이며,
교보eBook앱이나 웹뷰어에서 바로 이용가능합니다.

카드&결제 혜택

  • 5만원 이상 구매 시 추가 2,000P
  • 3만원 이상 구매 시, 등급별 2~4% 추가 최대 416P
  • 리뷰 작성 시, e교환권 추가 최대 300원

작품소개

이 상품이 속한 분야

디자인 시스템에서 개발 전달까지, 한 권으로 배우는 피그마 실무!

UX/UI 디자인 실무는 학교에서 배우기 어려워 온라인 클래스의 도움을 받는 실정이다. 이런 점을 감안하여 다른 튜토리얼 책에서는 볼 수 없는 현업에서의 디자인 시스템, 개발 전달 과정을 자세히 기술하여 실무를 전달하려 노력했다. 이 책은 두 부분으로 나누어 1부에서는 피그마 기능, 2부에서는 실습 프로젝트를 다룬다. 각 장의 레슨을 따라 하면 자연스레 피그마 사용 방법을 익힐 수 있다. 디자인 커뮤니티에서 받은 도움을 이 책에 녹였으니 새로운 디자인 자산을 축적하는 기회로 삼을 수 있을 것이다.
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 카드와 모달
Le

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

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

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

작가정보

저자(글) 클레어 정

저자 : 클레어 정
한국예술종합학교 디자인학과 졸업 작품에서 독학으로 스케치를 익히고 UX/UI 디자인 세계에 입문했다. 스타트업 초기 멤버로 시작하여 인하우스를 거치며 다양한 서비스를 만들고 있다. 현재 S사에서 UI 디자이너로 일하고 있다.

이 상품의 총서

Klover리뷰 (0)

Klover리뷰 안내
Klover(Kyobo-lover)는 교보를 애용해 주시는 고객님들이 남겨주신 평점과 감상을 바탕으로, 다양한 정보를 전달하는 교보문고의 리뷰 서비스입니다.
1. 리워드 안내
구매 후 90일 이내에 평점 작성 시 e교환권 100원을 적립해 드립니다.
  • - e교환권은 적립일로부터 180일 동안 사용 가능합니다.
  • - 리워드는 1,000원 이상 eBook, 오디오북, 동영상에 한해 다운로드 완료 후 리뷰 작성 시 익일 제공됩니다.
  • - 리워드는 한 상품에 최초 1회만 제공됩니다.
  • - sam 이용권 구매 상품 / 선물받은 eBook은 리워드 대상에서 제외됩니다.
2. 운영 원칙 안내
Klover리뷰를 통한 리뷰를 작성해 주셔서 감사합니다. 자유로운 의사 표현의 공간인 만큼 타인에 대한 배려를 부탁합니다. 일부 타인의 권리를 침해하거나 불편을 끼치는 것을 방지하기 위해 아래에 해당하는 Klover 리뷰는 별도의 통보 없이 삭제될 수 있습니다.
  • 도서나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 리뷰
  • 도서와 무관한 내용의 리뷰
  • 인신공격이나 욕설, 비속어, 혐오 발언이 개재된 리뷰
  • 의성어나 의태어 등 내용의 의미가 없는 리뷰

구매 후 리뷰 작성 시, e교환권 100원 적립

문장수집

문장수집 안내
문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여 주는 교보문고의 새로운 서비스 입니다. 교보eBook 앱에서 도서 열람 후 문장 하이라이트 하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 ‘좋아요’ 하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보없이 삭제될 수 있습니다.
리워드 안내
  • 구매 후 90일 이내에 문장 수집 등록 시 e교환권 100원을 적립해 드립니다.
  • e교환권은 적립일로부터 180일 동안 사용 가능합니다.
  • 리워드는 1,000원 이상 eBook에 한해 다운로드 완료 후 문장수집 등록 시 제공됩니다.
  • 리워드는 한 상품에 최초 1회만 제공됩니다.
  • sam 이용권 구매 상품/오디오북·동영상 상품/주문취소/환불 시 리워드 대상에서 제외됩니다.

구매 후 문장수집 작성 시, e교환권 100원 적립

    교보eBook 첫 방문을 환영 합니다!

    신규가입 혜택 지급이 완료 되었습니다.

    바로 사용 가능한 교보e캐시 1,000원 (유효기간 7일)
    지금 바로 교보eBook의 다양한 콘텐츠를 이용해 보세요!

    교보e캐시 1,000원
    TOP
    신간 알림 안내
    UX/UI 디자이너를 위한 실무 피그마 웹툰 신간 알림이 신청되었습니다.
    신간 알림 안내
    UX/UI 디자이너를 위한 실무 피그마 웹툰 신간 알림이 취소되었습니다.
    리뷰작성
    • 구매 후 90일 이내 작성 시, e교환권 100원 (최초1회)
    • 리워드 제외 상품 : 마이 > 라이브러리 > Klover리뷰 > 리워드 안내 참고
    감성 태그

    가장 와 닿는 하나의 키워드를 선택해주세요.

    사진 첨부(선택) 0 / 5

    총 5MB 이하로 jpg,jpeg,png 파일만 업로드 가능합니다.

    신고/차단

    신고 사유를 선택해주세요.
    신고 내용은 이용약관 및 정책에 의해 처리됩니다.

    허위 신고일 경우, 신고자의 서비스 활동이 제한될 수
    있으니 유의하시어 신중하게 신고해주세요.


    이 글을 작성한 작성자의 모든 글은 블라인드 처리 됩니다.

    문장수집 작성

    구매 후 90일 이내 작성 시, e교환권 100원 적립

    eBook 문장수집은 웹에서 직접 타이핑 가능하나, 모바일 앱에서 도서를 열람하여 문장을 드래그하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다.

    P.
    UX/UI 디자이너를 위한 실무 피그마
    디자인 시스템에서 개발 전달까지
    저자 모두보기
    저자(글)
    낭독자 모두보기
    sam 이용권 선택
    님이 보유하신 이용권입니다.
    차감하실 sam이용권을 선택하세요.
    sam 이용권 선택
    님이 보유하신 이용권입니다.
    차감하실 sam이용권을 선택하세요.
    sam 이용권 선택
    님이 보유하신 프리미엄 이용권입니다.
    선물하실 sam이용권을 선택하세요.
    결제완료
    e캐시 원 결제 계속 하시겠습니까?
    교보 e캐시 간편 결제
    sam 열람권 선물하기
    • 보유 권수 / 선물할 권수
      0권 / 1
    • 받는사람 이름
      받는사람 휴대전화
    • 구매한 이용권의 대한 잔여권수를 선물할 수 있습니다.
    • 열람권은 1인당 1권씩 선물 가능합니다.
    • 선물한 열람권이 ‘미등록’ 상태일 경우에만 ‘열람권 선물내역’화면에서 선물취소 가능합니다.
    • 선물한 열람권의 등록유효기간은 14일 입니다.
      (상대방이 기한내에 등록하지 않을 경우 소멸됩니다.)
    • 무제한 이용권일 경우 열람권 선물이 불가합니다.
    이 상품의 총서 전체보기
    네이버 책을 통해서 교보eBook 첫 구매 시
    교보e캐시 지급해 드립니다.
    교보e캐시 1,000원
    • 첫 구매 후 3일 이내 다운로드 시 익일 자동 지급
    • 한 ID당 최초 1회 지급 / sam 이용권 제외
    • 네이버 책을 통해 교보eBook 구매 이력이 없는 회원 대상
    • 교보e캐시 1,000원 지급 (유효기간 지급일로부터 7일)
    구글북액션을 통해서 교보eBook
    첫 구매 시 교보e캐시 지급해 드립니다.
    교보e캐시 1,000원
    • 첫 구매 후 3일 이내 다운로드 시 익일 자동 지급
    • 한 ID당 최초 1회 지급 / sam 이용권 제외
    • 구글북액션을 통해 교보eBook 구매 이력이 없는 회원 대상
    • 교보e캐시 1,000원 지급 (유효기간 지급일로부터 7일)