UI/UX 디자인을 위한 프로토타이핑 툴 - 스케치(Sketch)
프로토타이핑 툴은 디자인 과정에서 생기는 반복, 노가다 작업을 많이 줄여주기 때문에 작업 과정이 빨라지고, 이는 협업 과정에 많은 도움이 된다.
프로토타이핑 툴로 가장 많이 사용되고 있는 스케치(Sketch). 쉬운 인터페이스 뿐만 아니라, 바로 활용할 수 있는 템플릿, 다양한 외부 플러그인 지원, 막강한 커뮤니티는 스케치의 장점이자 대세인 이유이다. 어도비, 키노트 등을 사용해본 적이 있다면, 툴을 익히는 데 어렵지 않다. (아쉽게도, 현재 맥만 지원한다.)
스케치 사이트에 방문해서 구입하면 된다. 구매 전에 미리 사용해 보고 싶다면, 트라이얼 버전을 다운로드 하면 된다. 트라이얼 버전을 다운로드, 설치한 후, 나중에 라이선스 키(License Key) 등록해서 사용 가능하다. (라이선스 키 등록 메뉴는 아래 스크린 샷 참고.)
스케치를 처음 접해본 사용자라면, 아래 링크가 큰 도움이 된다. 스케치에 대한 새로운 소식을 접할 수 있고, 유용한 소스 및 튜토리얼을 공유한다.
- 스케치 페이스북 그룹(영문)
- 스케치 페이스북 그룹(한국)
- 스케치 사용자 매뉴얼 (영문)
- 스케치 사용자 매뉴얼 (국문)
- 스케치 공식 미디엄 계정 Sketch Tricks : 관련 기사와 튜토리얼 뉴스레터, 블로그
- 스케치 앱 리소스 : 대표 리소스 사이트
- Sketchapp.tv : 비디오 튜토리얼 사이트
- UI8 : 유료 스케치 리소스
- 스케치 랜드 :인기 플러그인 모음
- 스케치 툴박스 : 플러그인 관리 툴
- Links on Hey, Deisgner! : 관련 링크, 기사, 리소스, 플러그인 모음
그동안 스케치를 사용하면서 간단하게 메모해 두었던 기능들을 정리하는 중이다. 스케치(Sketch)가 아직은 생소한 사용자에게 이 포스트가 조금이나마 도움이 되길 바란다. 새로운 툴을 사용하는 것에 대한 두려움을 버리고, 다음 프로젝트에 도입해서 적용해 보기를 권한다.
연재 순서는 다음과 같다.
스케치(Sketch) 기능 살펴보기
1. 설치하기, 관련 링크(Installing, Useful Links)
2. 인터페이스(Interface)
3. 레이어(Layer)
4. 텍스트(Text)
5. 슬라이스(Slice)
6. 스케치 미러(Sketch Mirror)
7. 스케치사용팁 : 키보드 숏컷(shortcuts)
8. 플러그인 소개