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