메뉴 바로가기 검색 및 카테고리 바로가기 본문 바로가기

한빛출판네트워크

UI/UX 디자인이 쉬워지는 디자인 시스템 실무 with 피그마

한빛아카데미

집필서

판매중

  • 저자 : 이영주
  • 출간 : 2024-02-09
  • 페이지 : 464 쪽
  • ISBN : 9791156640196
  • 물류코드 :40019
  • 초급 초중급 중급 중고급 고급
0점 (0명)
좋아요 : 27

디자인 시스템 이론을 배우고

UI/UX 디자인 툴 피그마로 구현한다! 

 

『UI/UX 디자인이 쉬워지는 디자인 시스템 실무 with 피그마』는 UI/UX 디자인 툴 피그마를 활용해 디자인 시스템을 구축할 수 있도록 안내하는 실습서입니다. 디자인 시스템의 설계부터 구축까지 UI/UX 디자인 툴인 피그마로 만들어 봅니다. 디자인 시스템 이론과 설계 방법을 자세히 설명하고 피그마의 기초 기능과 실습을 수록하여 피그마가 처음이어도 쉽게 배울 수 있습니다. 3부에서 진행하는 ‘테이블링 앱 서비스’의 키 스크린 구성 프로젝트까지 따라하다 보면 자연스럽게 디자인 시스템의 구조를 이해하고 피그마의 실무 기능을 학습할 수 있을 것입니다. 

 

 

UI_UX 디자인이 쉬워지는 디자인 시스템 with 피그마_상세페이지.png

이영주 저자

이영주

Western Sydney University에서 Digital Media를 전공했으며 홍익대학교 영상학과에서 박사과정을 수료했습니다. 현재는 청운대학교 멀티미디어학과 교수로 재직 중입니다. 주요 저서로 한빛아카데미(주)에서 출간한 『UI/UX 디자인 이론과 실무 with 어도비 XD』(2022), 『UI/UX 디자인 이론과 실습 with Adobe XD』(2020), 『design school 포토샵 & 일러스트레이터 CC 2019』(2019), 『design school 포토샵 CC 2019』(2019), 『design school 일러스트레이터 CC』(2018), 『모바일 UI/UX 디자인 실무』(2018), 『UI/UX 디자인 이론과 실습』(2015) 등 다수가 있습니다.

 

PART 01 디자인 시스템 입문 

 

CHAPTER 01 디자인 시스템

디자인 시스템의 이해

디자인 시스템의 구성

디자인 시스템 구축 방법론

디자인 시스템 구축 사례

요약

CHAPTER 02 서비스 디자인 설계

서비스 디자인

서비스 디자인 기획

사용자 시나리오

정보 구조 설계

와이어프레임

요약

 

PART 02 피그마 기초

 

CHAPTER 03 스타일과 레이아웃

피그마 소개

스타일과 토큰

컨스트레인트

오토레이아웃

요약

CHAPTER 04 컴포넌트의 활용

그룹, 프레임, 컴포넌트

컴포넌트와 인스턴스

요약

CHAPTER 05 베리언트의 활용

베리언트

베리언트와 반응형 메뉴

요약

 

CHAPTER 06 프로토타입의 활용

프레임 인터랙션

베리언트 스위치 인터랙션

버튼 인터랙션

캐러셀 인터랙션

오버플로우 스크롤링 인터랙션

모달 창 인터랙션

내비게이션 드로워 인터랙션 

요약

 

 

PART 03 디자인 시스템 제작 

 

CHAPTER 07 파운데이션 구성

디자인 시스템 구조 설계

개요와 파운데이션 기초

디자인 토큰의 활용

컬러 시스템 

타이포그래피

아이콘과 형태

요약

 

CHAPTER 08 컴포넌트의 구성 I

컴포넌트와 디자인 시스템

상단 앱 바

버튼

하단 내비게이션

요약

CHAPTER 09 컴포넌트의 구성 II

텍스트 필드

검색 창

캐러셀

배너

요약

CHAPTER 10 컴포넌트의 구성 III 

칩 

카드

그리드 리스트

키 스크린의 완성

요약

 

CHAPTER 11 공유와 협업   

핸드오프

공유 플랫폼의 사용

토큰과 핸드오프

요약

찾아보기

피그마로 따라 하며 구현하는 디자인 시스템 실무 지침서! 

 

디자인 시스템 구축과 피그마 사용이 처음이어도 책이 안내하는 다음 단계로 학습하면 누구나 쉽게 UI/UX 디자인 실무 지식을 얻을 수 있습니다.  

 

① PART 01 디자인 시스템 입문

디자인 시스템의 개념과 구축 방법론을 설명합니다. 국내외 기업의 디자인 시스템 사례를 알아보며 디자인 시스템의 구조를 이해할 수 있습니다. 

 

② PART 02 피그마 기초

스타일, 오토레이아웃, 컴포넌트, 베리언트, 프로토타입 등 피그마의 핵심 기능을 실습으로 배워봅니다. 여기에 더해 여러 플랫폼과 디바이스에 걸쳐 디자인을 확장할 수 있는 ‘디자인 토큰 시스템’ 기능을 활용하여 토큰 스타일을 제작하는 법을 배웁니다.   

 

③ PART 03 디자인 시스템 제작

1부에서 배운 디자인 시스템 이론과 2부에서 학습한 피그마 기능을 활용해 디자인 시스템의 파운데이션을 구축합니다. 이어지는 ‘테이블링 앱 서비스’의 키 스크린 구성 프로젝트로 컴포넌트를 제작하며 단계적으로 학습을 마무리할 수 있습니다.

  • 첫번째 리뷰어가 되어주세요.
  • 부록/예제소스
    자료명 등록일 다운로드
    DOWNLOAD 실습 파일 링크 2024-02-19 다운로드
    DOWNLOAD 예제소스 2024-02-19 다운로드
    결제하기
    • 문화비 소득공제 가능
    • 배송료 : 2,000원배송료란?

    배송료 안내

    • 20,000원 이상 구매시 도서 배송 무료
    • 브론즈, 실버, 골드회원이 주문하신 경우 무료배송

    무료배송 상품을 포함하여 주문하신 경우에는 구매금액에 관계없이 무료로 배송해 드립니다.

    닫기

    도서구입 안내

    <한빛아카데미> 도서는 한빛 홈페이지에서 더 이상 판매를 하지 않습니다. 도서 구입은 인터넷 서점을 이용하시기 바랍니다. 양해바랍니다.

    리뷰쓰기

    닫기
    * 도서명 :
    UI/UX 디자인이 쉬워지는 디자인 시스템 실무 with 피그마
    * 제목 :
    * 별점평가
    * 내용 :

    * 리뷰 작성시 유의사항

    글이나 이미지/사진 저작권 등 다른 사람의 권리를 침해하거나 명예를 훼손하는 게시물은 이용약관 및 관련법률에 의해 제재를 받을 수 있습니다.

    1. 특히 뉴스/언론사 기사를 전문 또는 부분적으로 '허락없이' 갖고 와서는 안됩니다 (출처를 밝히는 경우에도 안됨).
    2. 저작권자의 허락을 받지 않은 콘텐츠의 무단 사용은 저작권자의 권리를 침해하는 행위로, 이에 대한 법적 책임을 지게 될 수 있습니다.

    오탈자 등록

    닫기
    * 도서명 :
    UI/UX 디자인이 쉬워지는 디자인 시스템 실무 with 피그마
    * 구분 :
    * 상품 버전
    종이책 PDF ePub
    * 페이지 :
    * 위치정보 :
    * 내용 :

    도서 인증

    닫기
    도서명*
    UI/UX 디자인이 쉬워지는 디자인 시스템 실무 with 피그마
    구입처*
    구입일*
    부가기호*
    부가기호 안내

    * 온라인 또는 오프라인 서점에서 구입한 도서를 인증하면 마일리지 500점을 드립니다.

    * 도서인증은 일 3권, 월 10권, 년 50권으로 제한되며 절판도서, eBook 등 일부 도서는 인증이 제한됩니다.

    * 구입하지 않고, 허위로 도서 인증을 한 것으로 판단되면 웹사이트 이용이 제한될 수 있습니다.

    닫기

    해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
    장바구니로 이동하시겠습니까?

    자료실