interactive_design/interactive_2016_fall

[인터렉2]11월 30일 UI 툴 특강 공지 및 과제제출

jisunlee 2016. 11. 28. 16:12

과제를 여기에 댓글로 달아서 제출해 주세요. 


10시부터 30분간 지난주에 저에게 컨펌맡지 않은 팀만 컨펌하도록 하겠습니다. 

스케치를 미리깔아서 써봐주세요. 그래야 특강이 효율적으로 진행될수 있습니다. 

 

스케치 다운로드

https://www.sketchapp.com/

스케치 배우기 (영상 투토리얼)

https://www.sketchapp.com/learn/

제플린

https://zeplin.io/

제플린에서 한개 프로젝트는 무료로 만들어볼수 있음

https://zeplin.io/pricing.html

 

김보람 선배의 UI 툴 특강. 


01. UI 툴 종류 (포토샵, 일러스트, XD, 스케치)


02. 왜 스케치를 쓰면 좋은가? 

   1. 스케치로 전환하게 된 이유 : 포토샵 쓰다가 일러스트 쓰다가(Artboard, Flat UI Trend 때문에) 다시 포토샵으로 왔다가(Assistor PS) Sketch로

   2. 왜 스케치를 써야하는가?

      a. 스케치 자체의 강점 (UI특화툴, 벡터, 소스 Export 기능, 많은 프리셋 등)

      b. 그리고 그를 더욱 강하게 만들어주는 훌륭한 Plug-in

      c. 3rd party 연동 (슬랙, 스케치미러, 인비젼 등)


03. 스케치 실무 강좌

   1. 웹 or 모바일(OS) / 스티커시트

   2. 페이지와 아트보드 개념 (페이지는 상위 개념, 아트보드는 하위 개념)

   3. 텍스트 스타일과 컬러팔레트 셋팅하기 

      (UI디자인=개발친화적, 그보다 더 중요한 건 앱의 통일성)

   4. 심볼 기능


04. 제플린

   1. 회원가입 및 프로젝트 생성, 팀원 초대 기능 소개

   2. 디자인 익스포트, 리소스 png/svg 다운로드 기능, 스타일가이드, 메모 기능 등


05. 인비젼 활용

06. 참고하면 좋은 사이트 (http://sketchshortcuts.com/, http://sketchtalk.com