Page 7 -

실습 앱 화면에 적용하기 … 212

Section 08 / 협업을 위해 디자인 에셋 공유하기 214

실습 디자인 공유를 위한 에셋 만들기 … 215
실습 개별 이미지 에셋 내보내기 … 219
실습 Slice 도구로 슬라이스 영역 지정하기 … 220
실습 아트보드 내보내기 … 222
실습 PDF로 아트보드 내보내기 … 223
실습 코드로 내보내기 … 224
이론 모든 이미지 에셋 내보내기 … 225

P A R T 04 / 활용 디자인 시스템 구축하기

Section 01 / 디자인 시스템의 기초 구성하기 228
이론 기준색(Base Colors) 설정하기 … 229
실습 레이어 스타일로 기준색 지정하기 … 230
이론 텍스트 스타일 설정하기 … 234
실습 텍스트 스타일로 기준 텍스트 설정하기 … 235
이론 구글 폰트 알아보기 … 242

Section 02 / 심볼 만들기 244

실습 색상 심볼 만들기 … 245
실습 텍스트 심볼 만들기 … 248
실습 아이콘 심볼 만들기 … 251
실습 버튼 상태 설정하기 … 254
실습 버튼 형태(Fill) 설정하기 … 257
실습 버튼 형태(Border) 설정하기 … 261
실습 인풋(Input) 상태 설정하기 … 264

/ 10 / 11

스케치 라스트.indb 11 2018-09-07 오후 2:24:04