전체상품목록 바로가기

본문 바로가기


닫기

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

해외배송 가능상품
기본 정보
상품명 UI/UX 디자인이 쉬워지는 디자인 시스템 실무 with 피
정가 ₩26,000
판매가 ₩23,400
배송비 무료
출판사 한빛미디어
ISBN 9791156640196
출간일 20240209
구매방법

배송주기

개인결제창을 통한 결제 시 네이버 마일리지 적립 및 사용이 가능합니다.

상품 옵션
옵션선택

(최소주문수량 1개 이상 / 최대주문수량 0개 이하)

사이즈 가이드

수량을 선택해주세요.

위 옵션선택 박스를 선택하시면 아래에 상품이 추가됩니다.

상품 목록
상품명 상품수 가격
UI/UX 디자인이 쉬워지는 디자인 시스템 실무 with 피 수량증가 수량감소 23400 (  0)
총 상품금액0

할인가가 적용된 최종 결제예정금액은 주문 시 확인할 수 있습니다.

최근 본 상품

최근본 상품 내역이 없습니다.

  • 이전
  • 다음

판매사정보

이벤트

구매하기
 

책소개

디자인 시스템 이론을 배우고
UI/UX 디자인 툴 피그마로 구현한다!


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

목차

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

상품결제정보

고액결제의 경우 안전을 위해 카드사에서 확인전화를 드릴 수도 있습니다. 확인과정에서 도난 카드의 사용이나 타인 명의의 주문등 정상적인 주문이 아니라고 판단될 경우 임의로 주문을 보류 또는 취소할 수 있습니다.  

무통장 입금은 상품 구매 대금은 PC뱅킹, 인터넷뱅킹, 텔레뱅킹 혹은 가까운 은행에서 직접 입금하시면 됩니다.  
주문시 입력한 입금자명과 실제입금자의 성명이 반드시 일치하여야 하며, 7일 이내로 입금을 하셔야 하며 입금되지 않은 주문은 자동취소 됩니다.

배송정보

배송 방법 : 택배
배송 지역 : 전국지역
배송 비용 : 무료
배송 기간 : 3일 ~ 7일
배송 안내 : - 산간벽지나 도서지방은 별도의 추가금액을 지불하셔야 하는 경우가 있습니다.
고객님께서 주문하신 상품은 입금 확인후 배송해 드립니다. 다만, 상품종류에 따라서 상품의 배송이 다소 지연될 수 있습니다.

교환 및 반품정보

교환 및 반품 주소
 - [07271] 서울특별시 영등포구 양산로 57-5 (양평동3가) 양평동 이노플렉스 B101~103
 
교환 및 반품이 가능한 경우
 - 계약내용에 관한 서면을 받은 날부터 7일. 단, 그 서면을 받은 때보다 재화등의 공급이 늦게 이루어진 경우에는 재화등을 공급받거나 재화등의 공급이 시작된 날부터 7일 이내
  - 공급받으신 상품 및 용역의 내용이 표시.광고 내용과 다르거나 계약내용과 다르게 이행된 때에는 당해 재화 등을 공급받은 날 부터 3월이내, 그사실을 알게 된 날 또는 알 수 있었던 날부터 30일이내
 
교환 및 반품이 불가능한 경우
 - 이용자에게 책임 있는 사유로 재화 등이 멸실 또는 훼손된 경우(다만, 재화 등의 내용을 확인하기 위하여 포장 등을 훼손한 경우에는 청약철회를 할 수 있습니다)
  - 이용자의 사용 또는 일부 소비에 의하여 재화 등의 가치가 현저히 감소한 경우
  - 시간의 경과에 의하여 재판매가 곤란할 정도로 재화등의 가치가 현저히 감소한 경우
  - 복제가 가능한 재화등의 포장을 훼손한 경우
  - 개별 주문 생산되는 재화 등 청약철회시 판매자에게 회복할 수 없는 피해가 예상되어 소비자의 사전 동의를 얻은 경우
  - 디지털 콘텐츠의 제공이 개시된 경우, (다만, 가분적 용역 또는 가분적 디지털콘텐츠로 구성된 계약의 경우 제공이 개시되지 아니한 부분은 청약철회를 할 수 있습니다.)
 
※ 고객님의 마음이 바뀌어 교환, 반품을 하실 경우 상품반송 비용은 고객님께서 부담하셔야 합니다.
 (색상 교환, 사이즈 교환 등 포함)

서비스문의



WORLD SHIPPING

PLEASE SELECT THE DESTINATION COUNTRY AND LANGUAGE :

GO
close
     

    고객만족센터

    은행계좌안내

    • 국민은행 493601-01-371416
    • 예금주 주식회사 가람로직스


    앗! 화면폭이 너무 좁아요.
    브라우져의 사이즈를 더 늘여주세요~

    좁은 화면으로 보실 때는 모바일 기기에서
    최적화된 화면으로 쇼핑을 즐기실 수 있어요~