스케치(개정판)

미래 지향적이고 효율적인 UX/UI 디자인 툴, 스케치 앱



사용자들은 끊임 없이 변화하는 디바이스 환경에 놓여 있습니다. 새로운 것에 목말라하는

사용자들의 부름에 조바심이 나는 것이 사실입니다. 사용자들이 원하는 웹사이트나 앱을

만드는 프로젝트를 진행할 때 UX/UI 전문가들은 해야 할 일이 한두 가지가 아닙니다. 밤샘



작업을하고결과물을내놓으면다시처음으로돌아가는일이부지기수입니다.



누가대신해줄수는없을까요?

여기당신의외침을듣고개발된툴이있습니다.



바로스케치(Sketch)입니다.

혹시그림을그리는스케치북을떠올리진않으셨나요? 스케치는UX, UI, 웹/모바일디자이너를

위한완벽한툴입니다. 해외글로벌IT계에서는벌써많은전문가들이사용하고인정하고있는툴입니다. 구글, 페이스북같은기업에서는이미모든제작에스케치를사용하고있을정도입니다.

아이콘, 로고제작과심지어인쇄작업에도이용할수있는디자이너의'비서' 같은도구,

스케치. 프로젝트를진행할때협업하는프로젝트매니저, 웹기획자, 앱기획자, 개발자도

알아야하는툴로자리잡아가고있습니다.



나의첫스케치앱가이드



스케치앱을 처음 시작한다면『스케치개정판』이 좋습니다. 스케치를 어느정도 다룰 줄

안다면『스케치개정판』을 선택 해야합니다.

『스케치개정판』은 숙련된 디자이너의 작업을 옆에서 따라하며 배울 수 있는 책입니다.

스케치의 모든 기능을 예로 들어 설명해 실무웹디자인프로세스를 체험할 수 있어 초보자에게 안성맞춤입니다. 스케치를 다룰줄 아는 현업 디자이너에게는 이론적인 공백을 메우고, 숙련된

디자이너 크리스티안 크래머의 팁과 노하우를 전수받을 수있는 좋은 기회가 될 것입니다.



이책의특징



ㆍ스케치 버전 51에 맞춘 기능 수록

ㆍ실무 프로세스와 동일하게 진행 되는 모바일앱과 반응형 웹디자인1:1 강의

ㆍ업무 시간을 혁신적으로 단축시켜주는 플러그인 소개

ㆍ즉각적인 생산성 향상을 위한 50여가지 Quick Tips수록

ㆍ개발자와의 효과적인 협업을 위한 소통 매뉴얼

ㆍ단순 기능 소개가 아닌 스케치 전반을 이해하는 가이드북

ㆍ컬러 오버라이딩을 포한한 툴바 예제로 배우는 중첩 심볼

ㆍ스케치 클라우드를 이용한 라이브러 공유와 협업, 프로토 타이핑 연습

ㆍ스케치로 완성하는 '디자인시스템' 소개

1장 스케치소개

전체기능| 이책에대하여| 비트맵대벡터| 인터페이스



2장 앱디자인하기

공간만들기| 1x로디자인하기| 첫레이어| 스케치의도형들| 스마트가이드| 실수해도괜찮아! |컬러풀라이프| 여러가지속성| 제목| 레이어정리| 사랑스러운이미지| 더많은텍스트| 배경| 채우기유형1부| 제대로된그리드| 그리드를쓰는이유| 예약버튼| 쉬운둥근모서리| 버튼텍스트| 색선택| 색치환| 심장을향하는화살표| 도형열고닫기| 파선과점선| 그리드지키기| 상대적행간



3장 아트보드와이터레이션의힘

변형하기| 앱v2|심볼| 중요한설정| 정렬하기| 사용자지정단축키| 마스크입히기| 확대와축소| 스타일문제| 과거에서미래로| 훌륭한커브! |플러그인으로스케치기능향상하기| 플러그인| 강조하기| 그림자와흐림기술| 그라디언트| 채우기유형2부: 그라디언트| 앞으로그리고뒤로| 콘텐츠간격맞추기| 부울연산| 유동성| 합쳐야할때| 이상한상황|

접기아이콘따라하기| 비교| 홀수크기| 아이콘마무리하기| 픽셀정확성| 아이콘색상바꾸기와중첩심볼을이용한탭바만들기



4장 로고만들기

콘텐츠를페이지별로정리하기| 영감얻기| 맵핀, 혹은벡터포인트사용법| 벡터포인트유형| 국기| 스케일대스케일| 모두함께| 레이어리스트에서레이어관리하기



5장 개요페이지만들기

준비하기| 수정하기| 새옵션바| 검정은검정이아니다| 카드아이콘| 리스트아이콘| 깨끗한집, 깨끗한정신| 관광지찾기| 변형하기| 마무리작업| 필터버튼| 관광지목록| 눈금자와가이드| 다른항목들| 붙여넣기| 실제데이터로디자인하기| 카드뷰| 컬러베리에이션만들기



6장 디자인공유와프로토타이핑

Size | Suffix |파일형식| 내보내기| 지원파일유형| 이미지다이어트하기| 여러개내보내기| 이미지자르기| 모두한번에| 예제| 실제디바이스| 아킬레스건? |인쇄| 대안| 스케치프로토타이핑| 라이브러리를이용한디자인협업| 디자인시스템| 디자인시스템제작과정



7장 기사페이지디자인하기

그리드혹은레이아웃? |머리말| 폰트관리하기| 글자와테두리| 콘텐츠| 폰트크기정하기| 위로아래로| 자간, 커닝, 그리고이음자| 최적의읽기경험| 소개글| 본문| 변화주기|이

미지조작| 글자연결하기| 좋아하는문구| 더많은텍스트| 더크게, 최대로| 작업공간최대화| 블렌딩모드| 투어예약하기| 고르기| 파워복제| 분류색상| 레이어순서에관해서



8장 반응형만들기

제약조건을고려한디자인| 반응형그리드| 헤더| 숨바꼭질| 새베이스| 천천히그리고꾸준히| 콘텐츠영역| 단락시작표시문자| 위로띄우기| 인용구| 나머지요소| 추천관광지



9장 최종브레이크포인트: 넓은데스크톱화면

헤더| 콘텐츠| 모든관광지| 앱수정하기



10장 분류아이콘디자인하기

해변분류| 나무| 픽셀미리보기| 산분류| 도시아이콘| 전원아이콘



11장 분류아이콘내보내기

테두리와함께? 없이? |최적화하기|PNG로내보내기|SVG로내보내기



12장 미니프로젝트

시계만들기| 질감이있는텍스트만들기| 원그래프만들기| 원형진행표시줄만들기| 힙

스터로고만들기| 미설치폰트



13장 부록

플러그인| 리소스| 가장중요한단축키

크리스티안 크래머 저자 크리스티안크래머

스케치를 애용하는 UX/UI 전문가다. SketchTips.info 사이트를 2년 넘게 운영하며 스케치에 대한 팁과 트릭을 공유한다. 최근에는 Skillshare에서 두 차례 스케치코 스를 열기도 했다.

스케치를 만지고 있지 않을 때는 가족과 함께 시간을 보내거나 영화를 감상한다. 많은 사람들처럼 트위터를 통해 종종 스케치 팁을 공유하기도 한다.