스케치 툴 강좌 메인 이미지

스케치 강좌 오픈

태그 Sketch

안녕하세요. 디자인베이스입니다.

스케치 강좌를 시작합니다! 실무에서 UI 디자인을 스케치로 수 년간 하며 많이 업데이트됐고, 플러그인도 방대하고 막강해졌습니다. 강좌를 통해 스케치를 배워보도록 하죠. 스케치 강좌를 들으시는 분들은 이런 게 궁금하실 거예요.

  • 스케치를 왜 사용해야 되는거야?
  • 포토샵과의 차이점이 어떻게 되지?
  • 스케치의 핵심 기능이 뭐야?
  • 스케치 툴에 플러그인이 많다던데 뭐가 좋아?
  • 제플린이 그렇게 좋다며?

직접 강좌 영상을 보며 스케치 툴을 배워보세요. 왜 좋은지 바로 알 수 있습니다ㅎㅎ

여기서 다루는 툴

스케치 툴을 사용합니다. 하단 경로를 통해 툴을 다운받아주세요. 1년에 99$로 나름 합리적인 비용으로 이용할 수 있어요~! 쓸지 말지 고민하시는 분들이라면 트라이얼 버전을 다운받아서 한 번 해보세요.

그리고, 이 강의를 듣는데 필요한 것은 아이맥 혹은 맥북입니다!!맥 OS만 지원하는 툴로, 맥 사용자가 아니라면 해당 툴을 사용할 수 없어요ㅠㅠ

강좌 리스트

스케치 강좌는 13편으로 기획했으며, 중간에 요청사항이나 추가로 필요한 강좌가 생긴다면 추후에 추가할 예정입니다.

  1. 스케치를 써야하는 이유
  2. 스케치 인터페이스
  3. 아트보드 규격과 배율(dp, pt 등)
  4. 반응형 웹 레이아웃을 위한 그리드 만들기
  5. 스케치 핵심 기능 – 심볼편
  6. 스케치 핵심 기능 – 레이어 스타일 & 텍스트 스타일
  7. 스케치 핵심 기능 – 반응형을 위한 Resizing (Pin)
  8. 스케치로 프로토타입 만들기
  9. 추천 플러그인 – 제플린
  10. 추천 플러그인 – Rename it
  11. 추천 플러그인 – Sketch Measure
  12. 추천 플러그인 – Distributor
  13. 추천 플러그인 – Anima Toolkit
  14. 결과물 에셋 출력 및 관리하기

평소에 알고 싶었던 내용이나 이런 강좌 올려줬으면 좋겠다고 하는 분들은 이 글 하단에 있는 댓글로 남겨주시면 저도 스터디를 해서 강좌로 올려드리겠습니다. 저는 디자인에 관심 많은 분들과 소통하기를 원합니다. 언제든지 궁금한 게 있다면 댓글로 남겨주세요~! ^^

ps. 스케치 강좌는 UI 관련 종사자 혹은 예비 디자이너 분들이 볼 것으로 예상하고 진행되기 때문에 아주 기초적인 내용은 다루지 않습니다. UI 디자인은 툴이 중요한 것이 아니라 기초적인 규격, 해상도, UX, 플로우차트, I.A, 인터렉션, 권장 가이드라인, 스타일 가이드 등의 지식부터 개발자들과의 소통 능력, 해당 서비스의 이해 등 폭 넓은 지식이 있어야 됩니다. 스케치 툴 강좌를 진행하면서 기본적인 UI에 대한 개념들은 가끔씩 녹여서 진행할 예정입니다. 나머지 지식에 대해서는 꾸준한 학습과 경험이 필요합니다.