반디앤루니스 인터넷서점

네비게이션 실시간 인기 책

    피그마 클래스

    피그마 클래스 설계부터 개발까지 완벽한 협업을 위한

    • 박수진 저
    • 루비페이퍼
    • 2024년 06월 01일
    • 정가
      30,000원
    • 판매가
      27,000원 [10% 할인]
    • 결제 혜택
      무이자
    • 적립금
      1,500원 적립 [5%P]

      NAVER Pay 결제 시 네이버페이 포인트 5% 적립 ?

    • 배송구분
      업체배송(반디북)
    • 배송료
      무료배송
    • 출고예정일

      출고예정일 안내

      ※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.

      close

      2026년 09월 28일(월)

      ※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.

    수량
    회원리뷰
    - [0]
    ISBN: 9791193083154 314쪽 597g 188 x 257 (㎜)

    지금 이책은

    • 판매지수 : 0

    이 분야의 베스트셀러

    이 책과 함께 구매한 책

    이 책은

    모든 프로젝트 업무 중심에 있는 피그마 사용법을 누구나 쉽고 확실하게 습득할 수 있도록 구성했다. 기본적인 파일 관리와 툴 사용법부터 시작해 현업에서 꼭 필요한 오토 레이아웃, 컴포넌트, 베리어블, 인터랙션 제작, 프로토타이핑 구현 등 다양한 실습 예제를 다루며, 디자인 감각을 올려 주는 프로젝트까지 완성한다. 피그마에 입문하려는 학생은 물론, 현업에서 작업 속도를 향상시키고 싶은 누구나 이 책을 통해 효율적인 디자인 개발의 전 과정을 경험할 수 있다.


     


     


    출판사 리뷰

    UX/UI 디자이너부터 기획자, 개발자까지
    ★★모두를 위한 피그마 실무 가이드★★
    모든 프로젝트 업무 중심에 있는 피그마 사용법을 누구나 쉽고 확실하게 습득할 수 있도록 구성했습니다. 기본적인 파일 관리와 툴 사용법부터 시작해 현업에서 꼭 필요한 오토 레이아웃, 컴포넌트, 베리어블, 인터랙션 제작, 프로토타이핑 구현 등 다양한 실습 예제를 다루며, 디자인 감각을 올려 주는 프로젝트까지 완성합니다. 피그마에 입문하려는 학생은 물론, 현업에서 작업 속도를 향상시키고 싶은 누구나 이 책을 통해 효율적인 디자인 개발의 전 과정을 경험할 수 있습니다.

    ★세 가지 클래스로 완성하는 피그마 마스터 코스★
    Part 1. 피그마 기초 클래스
    -. 피그마의 이해
    -. 디자인 파일 관리 방법
    -. 피그마 UI와 기본 툴 실습
    -. 화면을 구성하는 이미지 편집
    -. 피그마 UI와 기본 툴 실습
    -. 작업 환경을 위한 스타일 구성

    Part 2. 피그마 활용 클래스
    -. 반응형 레이아웃의 기본
    -. 시스템 구축을 위한 컴포넌트
    -. 베리언트 활용
    -. 프로토타이핑 실습
    -. 인터랙션의 이해와 활용

    Part 3. 피그마 실전 프로젝트
    -. 인터랙션 화면 디자인
    -. 실전 앱 화면 제작
    -. 반응형 웹 사이트 제작
    -. 피그마로 협업하는 방법
    -. 핸드오프와 버전 관리

    ★이 책의 대상 독자★
    -. 피그마 기초부터 제대로 배우고 싶은 디자인 비전공자
    -. 기획자, 개발자와의 소통을 중요하게 생각하는 디자이너
    -. 조직에서 원활한 프로젝트 협업을 끌어내고 싶은 관리자


     



    저자 소개

    박수진

    15년 차 프리랜서 디자이너이자 강사로 활동하며, 유튜브 채널 ‘루씨의 UX/UI 디자인’을 운영 중이다. UX/UI 디자이너는 물론 서비스 기획자, 개발자까지 모두가 피그마로 자유롭게 협업할 수 있길 바라며, 수년간의 현장 경험과 강의를 바탕으로 피그마 온/오프라인 교육에 힘쓰고 있다. lucymygirl@naver.com

    youtube.com/@UXUI

    figma.com/@designerlucy

    목차


    [Part 1 피그마 기초 클래스]
    Chapter 1 피그마와 친해지기
    _1.1 피그마의 이해
    _1.2 피그마 회원 가입과 앱 설치하기
    __기본 예제 1-1 피그마 계정 생성
    _1.3 파일 브라우저와 커뮤니티 살펴보기
    _1.4 디자인 파일 관리 방법
    __기본 예제 1-2 새로운 디자인 파일 만들기
    __기본 예제 1-3 디자인 파일 안에 페이지 생성하기
    _1.5 피그마 UI와 기본 툴 파악하기
    _1.6 피그마의 기본 프레임 다루기
    __기본 예제 1-4 프레임 만들고 이름 변경하기
    _1.7 레이아웃 그리드 설정하기
    __기본 예제 1-5 모바일 레이아웃 그리드 만들기
    __기본 예제 1-6 데스크톱 레이아웃 그리드 만들기

    Chapter 2 피그마 툴 이해하기
    _2.1 디자인 요소를 만드는 도형 툴
    __활용 예제 2-1 도형 툴 사용하기
    _2.2 시각적인 화면을 구성하는 이미지 편집
    __활용 예제 2-2 소셜 미디어 앱의 메인 화면 만들기
    _2.3 디자인 작업 환경을 위한 스타일 만들기
    __기본 예제 2-1 레이아웃 그리드 스타일 만들기
    __기본 예제 2-2 컬러 스타일 만들기
    __기본 예제 2-3 텍스트 스타일 만들기

    [Part 2 피그마 활용 클래스]
    Chapter 3 피그마 기능 익히기
    _3.1 반응형 레이아웃을 위한 오토 레이아웃과 리사이징
    __활용 예제 3-1 텍스트 길이에 반응하는 버튼 만들기
    __활용 예제 3-2 카드 UI 제작하기
    _3.2 다양한 디바이스에 대응하는 콘스트레인트
    __활용 예제 3-3 UI 요소마다 콘스트레인트 설정하기
    _3.3 디자인 시스템 구축을 위한 컴포넌트
    __활용 예제 3-4 버튼 컴포넌트 만들기
    __활용 예제 3-5 컴포넌트를 복사한 인스턴스 사용하기
    __활용 예제 3-6 인스턴스를 오버라이드하기
    _3.4 복잡한 디자인 시스템도 깔끔하게 정리하는 컴포넌트 프로퍼티
    __활용 예제 3-7 버튼 컴포넌트 프로퍼티
    _3.5 컴포넌트를 논리적으로 그룹핑하는 베리언트
    __활용 예제 3-8 베리언트를 활용한 텍스트 필드 만들기
    _3.6 디자인 설계를 도와주는 베리어블
    __기본 예제 3-1 베리어블 만들기
    __활용 예제 3-9 컬러 베리어블을 활용한 라이트/다크 테마 구현하기

    Chapter 4 프로토타이핑
    _4.1 프로토타이핑 알아보기
    _4.2 플로와 스타팅 포인트 다루기
    _4.3 인터랙션의 기본과 활용
    __기본 예제 4-1 인터랙션 연결하기
    __활용 예제 4-1 인터랙션과 애니메이션으로 온보딩 화면 만들기
    _4.4 스크롤 비헤비어 다루기
    __활용 예제 4-2 소셜 미디어 앱 스크롤 설정하기
    __활용 예제 4-3 지도에 양방향 스크롤 설정하기
    _4.5 인터랙션 실습하기
    __활용 예제 4-4 카드 슬라이딩 스마트 애니메이션 만들기
    _4.6 인터랙티브 컴포넌트 사용하기
    __활용 예제 4-5 스위치 만들기

    [Part 3 피그마 실전 프로젝트]
    Chapter 5 실무에서 바로 쓰는 인터랙션 디자인
    _5.1 고정 탭 만들기
    _5.2 상품 갤러리 스크롤 인터랙션 만들기
    _5.3 GNB 메뉴 구성하기
    _5.4 웹 사이트 헤더 만들기
    _5.5 섬네일 크기를 조정하는 인터랙션 만들기

    Chapter 6 클래스 앱 디자인
    _6.1 클래스 앱의 홈 화면 디자인하기
    _6.2 베스트 클래스 리스트 디자인하기
    _6.3 클래스 상세 페이지 디자인하기
    _6.4 드로어 만들기
    _6.5 질문 모달 만들기
    _6.6 프로토타이핑 설정하기

    Chapter 7 반응형 웹 사이트 디자인
    _7.1 반응형 웹 사이트 이해하기
    _7.2 데스크톱 크기의 메인 화면 만들기
    _7.3 디바이스 크기에 반응하는 오토 레이아웃 설정하기

    Chapter 8 피그마로 협업하기
    _8.1 협업을 위한 팀 만들기
    __기본 예제 8-1 팀 만들기
    _8.2 디자인을 개발에 넘기는 핸드오프
    _8.3 공유된 파일의 코드 확인하고 복사하기
    _8.4 버전 히스토리 관리하기

    배송 시 유의사항

    - 반디앤루니스에서 구매하신 도서는 물류 대행 위탁업체 웅진 북센을 통해 배송됩니다.
     (배송 포장에 "웅진 북센"으로 표기될 수 있습니다.)

    - 구매한 상품의 품질과 배송 관련 문의는 반디앤루니스로 문의 바랍니다.

    - 천재지변 및 택배사의 사정에 따라 배송이 지연될 수 있습니다.

    - 결제(입금) 완료 후 출판사 및 유통사의 사정으로 품절 또는 절판 되어 상품 구입이 어려울 수 있습니다. (별도 안내 예정)

    - 도서산간지역의 경우 추가 배송비가 발생될 수 있습니다.

    반품/교환

    상품 설명에 반품/ 교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다)

    반품/교환

    반품/교환
    반품/교환 방법 홈 > 고객센터 > 자주찾는질문 “반품/교환/환불” 안내 참고 또는 1:1상담게시판
    반품/교환 가능 기간 반품,교환은 배송완료 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제발견 후 30일 이내에 신청가능
    반품/교환 비용 변심 혹은 구매착오의 경우에만 반송료 고객 부담(별도 지정 택배사 없음)
    반품/교환 불가 사유
    • 소비자의 책임 사유로 상품 등이 손실 또는 훼손된 경우
    • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    • 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예)만화책, 잡지, 화보집 등
    • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
    • 전자상거래등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
    • 해외주문 상품(해외 원서)의 경우(파본/훼손/오발송 상품을 제외)
    소비자 피해보상
    환불지연에 따른 배상
    • 상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
      소비자 분쟁해결 기준(공정거래위원회고시)에 준하여 처리됨
    • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
      소비자 보호에 관한 법률에 따라 처리함
    반품/교환 주소 경기도 파주시 문발로 77, 웅진북센(반디앤루니스)
    • 회사명 : (주)서울문고
    • 대표이사 : 김홍구
    • 개인정보 보호책임자 : 김홍구
    • E-mail : bandi_cs@bnl.co.kr
    • 소재지 : (06168) 서울 강남구 삼성로 96길 6
    • 사업자 등록번호 : 120-81-02543
    • 통신판매업 신고번호 : 제2023-서울강남-03728호
    • 물류센터 : (10881) 경기도 파주시 문발로 77 반디앤루니스
    copyright (c) 2016 BANDI&LUNI'S All Rights Reserved