스케치로 프로토타이핑할 때 유용한 단축키 모음

스케치로 프로토타이핑할 때 유용한 단축키 모음

Summary:

스케치로 와이어프레임을 그리거나 프로토타입을 만들 때 필요한 단축키 모음입니다.


제작 환경

  1. command+1: 현재 작업중인 페이지를 화면 크기에 맞게 자동 확대
  2. (특정 레이어 선택 뒤) command+2: 그 레이어를 확대해서 보기
  3. command+0: 100%로 화면 크기 조정
  4. command++/-: 줌인/줌아웃
  5. space 누르고 드래그: 캔버스 움직이기
  6. fn+왼쪽/오른쪽 방향키: 아트보드와 아트보드 사이 이동

레이어 수정

  1. (레이어 선택 뒤) command+R: 레이어의 이름 변경
  2. command 누른 상태에서 레이어 클릭: 그룹에 상관없이 특정 레이어 선택
  3. option 누른 상태에서 레이어에 마우스 대고 있기: 주변 컴포넌트와의 거리를 알 수 있음
  4. (레이어 선택 뒤) 1 ~ 0: 각 값에 맞게 투명도 변경
  5. (레이어 선택 뒤) Enter: 그 레이어의 벡터 포인트 수정
  6. (레이어 선택 뒤) option+command+C: 레이어의 스타일 복사
  7. (레이어 선택 뒤) option+command+V: 레이어의 스타일 붙여놓기
  8. (레이어 선택 뒤) control+C: 컬러 추출해서 바로 적용. 스케치 외부 컬러 추출도 가능

레이어 이동

  1. option 누른 상태에서 드래그하여 셀렉트: 레이어 전체가 포함된 것들만 선택됨
  2. 그냥 드래그하여 셀렉트: 일부라도 포함된 것들까지 다 선택됨
  3. shift 누른 상태에서 드래그: 수평/수직선상에서 이동
  4. option 누른 상태에서 드래그: 복제하여 이동

사이즈 변경

  1. (레이어 선택 뒤) command + 오른쪽/아래쪽 방향키: 1px 단위로 레이어 크게
  2. (레이어 선택 뒤) command + 왼쪽/위쪽 방향키: 1px 단위로 레이어 작게
  3. 1, 2에 +shift: 10px단위로 크기 변경

정렬

  1. option 누른 상태에서 얼라인 항목 선택: 아트보드 기준으로 왼/가운데/오른쪽 정렬
  2. (항목 선택 뒤) option+command+위쪽/아래쪽 방향키: 앞뒤 순서 변경
  3. (항목 선택 뒤) control+option+command+위쪽/아래쪽 방향키: 맨 앞으로 이동, 맨 뒤로 이동
  4. tab: 레이어 간 이동

텍스트 수정

  1. 텍스트 항목을 선택하고 enter를 누르거나 더블클릭하면 편집 모드로 전환
  2. command+T: 폰트 변경
  3. command+B: 진하게
  4. command+I: 기울이게
  5. command+U: 밑줄
  6. command+option++: 글자 크게
  7. command+option+-: 글자 작게
  8. command+shift+{: 왼쪽 정렬
  9. command+shift+}: 오른쪽 정렬
  10. command+shift+|: 가운데 정렬
  11. option+control+T: 글자 간격 좁게
  12. option+control+L: 글자 간격 넓게

기타

  1. command+.: 캔버스 빼고 다 숨기기
  2. control+command+F: 전체화면
  3. command+M: 최소화
  4. alt+command+T: 툴바 보기/닫기
  5. alt+command+1: 레이어리스트 보기/닫기
  6. alt+command+2: 인스펙터 보기/닫기
  7. alt+command+3: 레이어리스트와 인스펙터 모두 보기/닫기
  8. 레이어리스트에 있는 항목을 드래그 앤 드롭으로 스캐치 내 캔버스에 옮기거나, 메일 등 다른 앱으로 옮길 수도 있음(이 경우는 자동으로 png로 추출).

pic1


pic1


Hyeyeon

A Blog about E-Commerce and Product Management

comments powered by Disqus

    rss facebook twitter github youtube mail spotify instagram linkedin google google-plus pinterest medium vimeo stackoverflow reddit quora