[sketch] 3일 만에 배우는 Sketch

[edwith] 3일 만에 배우는 Sketch

3일 만에 배우는 Sketch 수강

기본

스케치 툴 바 세팅

툴바 우클릭 > 커스터마이즈 툴 바 > 원하는 기능 drag > 툴 바에 추가

도형 그리기

도형 합치고, 빼기

이미지 넣기

  1. 툴 바 이미지 메뉴 > 이미지 삽입
    • 이미지 크기 조절시, 기본 도형 비율대로 이미지 변형
  2. 도형에 이미지 채우기

    • 사각형 도형 그리기 > 오른쪽 패널 Fill 기능 선택 > Fill > Choose image - 도형 사이즈 변경에 맞춰 이미지 변형
  3. 원하는 도형에 이미지 마스크 씌우기
    • 도형 그리기, 이미지 삽입하기 > 도형과 이미지 선택 > 우클릭 마스크 씌우기
    • 마스크된 이미지의 위치 조정 가능

디자인 요소 효율적으로 관리하기

레이어 관리하기

스타일 지정 및 관리

스케치는 디자인을 모듈화 시키는것이 가능하다. hover, active와 같은 스타일은 물론이고 객체의 dropshadow 등 반복적으로 사용되는 효과의 스타일을 저장해 반복해 사용할 수 있다

심볼 지정 및 관리

반복적으로 사용되는 디자인 (콤포넌트는 물론 아이콘)을 심볼로 지정해 관리할 수 있다.

플러그인 활용하기

개발자들이 만들어 디자인 생산성을 높여주는 부가 기능들

관리 및 설치

메뉴바의 Plugin > manage plugins, Get Plugins로 새로운 플러그인 설치 가능

Zeplin으로 디자인 가이드 만들기

Invision craft 사용하기

Invision Design System Manager 사용하기