스케치 무작정 따라하기

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



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



기본은 충실! 활용은 업!

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



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

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 디자이너

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



: 경력

웹액츄얼리코리아 실장

계원조형예술대 시간디자인학과 겸임교수

디자인하우스 디지털미디어 디자이너

삼성 SDS UI 디자이너

BBC London

Dundee University Graphic 학사



: 프로젝트

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



: 수상

D&AD Student Award 수상

ISTD(International Society of Typographic Designers) Awards 수상



: 번역 감수

우리 회사 디지털로 리셋하기 : 웹 액츄얼리 코리아, 2015년 :

감성 디자인 : 웹 액츄얼리 코리아, 2013년 :