스케치 무작정 따라하기

스케치+제플린+플린토로 와이어프레이밍부터 프로토타이핑까지 완성한다!

김정원 지음

길벗 2018년 10월 19일 출간 종이책 : 2018년 10월 01일 출간

작품소개

책소개

스케치에서 웹/앱 디자인부터 디자인 시스템 구축까지
UX/UI 디자이너가 직접 알려주는 실무 활용 완벽 가이드

스케치(Sketch)는 단순하고 직관적인 인터페이스로 쉽고 빠르게 웹/앱 디자인을 완성할 수 있어 UX/UI 디자이너가 선호하는 도구이다. 스케치와 연동하여 효율적인 작업을 돕는 제플린, 플린토, 인비전 등의 플러그인을 활용하여 디자인 가이드와 와이어프레이밍, 프로토타이핑을 완성할 수 있으며, 업무 시간을 단축할 수 있다.

이 책은 완전히 새로워진 스케치 49~51 버전의 새로운 기능을 수록하여 기본 기능을 익히고 함께 갤러리 앱을 만들어본다. 팀원 간의 협업을 위해 디자인 시스템을 관리하고 다양한 플러그인(제플린, 플린토, 인비전 등)을 활용해서 작업 시간을 단축시키도록 한다. 또한 실무 프로세스에 따라 UX/UI 디자인부터 효율적인 업무 개선을 위한 개발자와의 소통 방법을 알려준다. 스케치를 처음 접하거나 알고 있지만 효과적으로 이용하기 어려운 사람들을 위해 함께 사용하면 좋은 플러그인, 스케치 커뮤니티와 단축키도 소개한다.

목차

P A R T 01 {기능} 프로토타이핑에 최적화된 스케치 알아보기
Section 01 / 디자인 프로세스의 변화
Section 02 / 최적의 아이디어 구현 툴, 스케치
Section 03 / 스케치 작업 화면 살펴보기
Section 04 / 툴바 기능 알아보기
Section 05 / 레이어 목록 이해하기
Section 06 / 이미지와 오브젝트 다루기
Section 07 / 심볼 알아보기
Section 08 / 텍스트 추가하기
Section 09 / 기준 가이드 만들기
Section 10 / 기본 요소 설정하기
Section 11 / 프로토타이핑 기능 살펴보기
Section 12 / 디자인 내보내기
Section 13 / 스케치의 새로운 기능 이해하기
Section 14 / 스케치 클라우드 기능 살펴보기

P A R T 02 {실전} 스케치에서 갤러리 앱 화면 디자인하기
Section 01 / 스플래시 화면 디자인하기
Section 02 / 홈 화면 디자인하기

P A R T 03 {실전} 플러그인을 이용해 앱 디자인하기
Section 01 / 플러그인 알아보기
Section 02 / 카테고리 화면 디자인하기
Section 03 / 스케줄 카테고리 화면 디자인하기
Section 04 / 슬라이딩 메뉴 화면 디자인하기
Section 05 / 세부 화면 디자인하기
Section 06 / 아이콘 편집하기
Section 07 / 화면 해상도에 대응하는 그래픽 설정하기
Section 08 / 협업을 위해 디자인 에셋 공유하기

P A R T 04 {활용} 디자인 시스템 구축하기
Section 01 / 디자인 시스템의 기초 구성하기
Section 02 / 심볼 만들기
Section 03 / 컴포넌트 설정하기
Section 04 / 폼 양식 설정하기

P A R T 05 {실전} 스케치와 외부 플러그인 연동하기
Section 01 / 제플린 연동하기
Section 02 / 플린토로 인터랙션 만들기

{부록}
플러그인 알아두기
스케치 커뮤니티
단축키
찾아보기

출판사 서평

UX/UI 디자이너들이 ‘스케치’에 열광하는 이유

변화하는 디자인 프로세스에 맞춰 좀 더 빠르게 최고의 결과를 내놓을 수 있도록 최적의 툴을 제공하기 때문입니다. 이 책은 이러한 디자인 시대의 흐름에 맞게 UX/UI 디자이너들이 스케치 프로그램으로 최적화된 환경에서 디자인할 수 있도록 안내합니다.

기본은 충실! 활용은 업!
UX/UI 디자이너가 직접 알려주는 실무 활용서!

실무 프로젝트를 따라하면서 자연스럽게 익히는 스케치의 기초부터 실무 활용 팁까지. 개발자와 소통하며 디자인하는 완전히 새로워진 스케치 49 이상 버전의 새로운 기능으로 마스터하세요. 제플린과 연동하며, 플린토 인터랙션까지 이어지며 와이어 프레이밍부터 프로토타이핑까지 완성하는 방법을 설명합니다.

작가정보

저자(글) 김정원

저자 : 김정원
UX/UI 디자이너
다양한 미디어 기반의 경력을 바탕으로 스타트업 기업의 전반적인 디자인 컨설팅 및 커뮤니케이션 작업을 진행하고 있다.

: 경력
웹액츄얼리코리아 실장
계원조형예술대 시간디자인학과 겸임교수
디자인하우스 디지털미디어 디자이너
삼성 SDS UI 디자이너
BBC London
Dundee University Graphic 학사

: 프로젝트
캐시슬라이드, LG 생활건강 MCN 플랫폼, 삼성전자 뉴스룸, 한국암웨이 모바일 커뮤니케이션 사이트 등

: 수상
D&AD Student Award 수상
ISTD(International Society of Typographic Designers) Awards 수상

: 번역 감수
우리 회사 디지털로 리셋하기 : 웹 액츄얼리 코리아, 2015년 :
감성 디자인 : 웹 액츄얼리 코리아, 2013년 :