모두의 도구로프로토타이핑을시작하라FI팀 | 지훈
yamoo9 Book                  Speaker Authorfacebook.com/yamoo9
모두의 도구          프로토타입          에버노트          파이어웍스SessionAgenda
응? 다소 H3 페이지에소개된 주제와 다른 건가요?에버노트와 파이어웍스 라뇨?
<모두의 도구>로 프로토타이핑을 시작하라!   나눠진 책자를 확인해주세요.
Collaborationis Everything
쓰~                                                                                                                        ...
 함께하면
 다툴
 일도
 없겠죠?
 함께해요!!!EVERYBODYPUT YOUR HANDS                        예 에~                                                               ...
Evernote   Fireworks
에버노트와
 파이어웍스??   두
 도구는
 쓰임새가
 전혀
     다른데...
 어떤
 관계가?
34,000,000 모든 것을 기억하라! 에버노트
Evernote에버노트는 데스크톱/모바일 플랫폼, 브라우저제약 없이 어느 환경에서나 활용 가능합니다.                           Cross Platform                         ...
기획자가
 
 
 
 
 
 를
 사용해도...
                                                                                                                          ...
                                                                                  디자이너가
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 을
 사용해도...맞아...                                                                                                             ...
 
 
 
 
 을
 사용해도...다들
 다른
 환경이지..
에버노트라면언제
Upcoming SlideShare
Loading in...5
×

[H3 2012] 모두의 도구로 프로토타이핑을 시작하라

2,374

Published on

H3 2012 발표자료
모두의 도구로 프로토타이핑을 시작하라
-KTH 지훈

Published in: Technology
1 Comment
6 Likes
Statistics
Notes
No Downloads
Views
Total Views
2,374
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
78
Comments
1
Likes
6
Embeds 0
No embeds

No notes for slide

[H3 2012] 모두의 도구로 프로토타이핑을 시작하라

  1. 1. 모두의 도구로프로토타이핑을시작하라FI팀 | 지훈
  2. 2. yamoo9 Book Speaker Authorfacebook.com/yamoo9
  3. 3. 모두의 도구 프로토타입 에버노트 파이어웍스SessionAgenda
  4. 4. 응? 다소 H3 페이지에소개된 주제와 다른 건가요?에버노트와 파이어웍스 라뇨?
  5. 5. <모두의 도구>로 프로토타이핑을 시작하라! 나눠진 책자를 확인해주세요.
  6. 6. Collaborationis Everything
  7. 7. 쓰~ 예모두가
  8. 8.  함께하면
  9. 9.  다툴
  10. 10.  일도
  11. 11.  없겠죠?
  12. 12.  함께해요!!!EVERYBODYPUT YOUR HANDS 예 에~ 워우어~
  13. 13. Evernote Fireworks
  14. 14. 에버노트와
  15. 15.  파이어웍스?? 두
  16. 16.  도구는
  17. 17.  쓰임새가
  18. 18.  전혀
  19. 19.   다른데...
  20. 20.  어떤
  21. 21.  관계가?
  22. 22. 34,000,000 모든 것을 기억하라! 에버노트
  23. 23. Evernote에버노트는 데스크톱/모바일 플랫폼, 브라우저제약 없이 어느 환경에서나 활용 가능합니다. Cross Platform Cross Browsers
  24. 24. 기획자가
  25. 25.  
  26. 26.  
  27. 27.  
  28. 28.  
  29. 29.  
  30. 30.  를
  31. 31.  사용해도...
  32. 32.  
  33. 33.   디자이너가
  34. 34.  
  35. 35.  
  36. 36.  
  37. 37.  
  38. 38.  
  39. 39.  
  40. 40.  
  41. 41.  
  42. 42.  
  43. 43.  
  44. 44.  
  45. 45.  
  46. 46.  
  47. 47.  
  48. 48.  을
  49. 49.  사용해도...맞아... 개발자가
  50. 50.  
  51. 51.  
  52. 52.  
  53. 53.  
  54. 54.  을
  55. 55.  사용해도...다들
  56. 56.  다른
  57. 57.  환경이지..
  58. 58. 에버노트라면언제
  59. 59.  어디서나~
  60. 60.  문제
  61. 61.  없죠!~
  62. 62.  ^ㅡ^ 그렇겠군! 에버노트라면~
  63. 63. 모두의
  64. 64.  도구로서
  65. 65.  에버노트가
  66. 66.  적합한
  67. 67.  이유입니다. 좋아! 모두가
  68. 68.  함께
  69. 69.   사용할
  70. 70.  수
  71. 71.  있겠어!
  72. 72. 어떻게?!활용할
  73. 73.  생각이지..? 에버노트
  74. 74.  활용
  75. 75.  방법은
  76. 76.  파이어웍스와
  77. 77.  함께
  78. 78.  살펴보죠!
  79. 79. 어도비
  80. 80.  파이어웍스가
  81. 81.  모두의
  82. 82.  도구로
  83. 83.  유용한가요?
  84. 84. Fireworks파이어웍스 역시 크로스 플랫폼 도구로 에버노트처럼모두의 환경에서 사용 가능할 뿐 아니라, 포토샵을다뤄봤다면 누구나 쉽게 사용 가능합니다. 무슨 소리?! 디자인 프로토타입을 파이어웍스로 왜? 포토샵을 써야지!
  85. 85. Fireworks그렇지 않아요.디자인 프로토타입 제작에보다 적합한 도구는포토샵이 아닌,파이어웍스에요. .......
  86. 86. Fireworks포토샵보다 파이어웍스가프로토타입에 적한한 도구인 이유! Page첫번째! 페이지 .......
  87. 87. Fireworks
  88. 88. Fireworks24
  89. 89. Fireworks1
  90. 90. Fireworks
  91. 91. Fireworks +150Pages파이어웍스는
  92. 92.  150
  93. 93.  페이지
  94. 94.  이상을
  95. 95.  
  96. 96.  
  97. 97.  
  98. 98.  하나의
  99. 99.  파일에서
  100. 100.  관리할
  101. 101.  수
  102. 102.  있다는
  103. 103.  놀라운
  104. 104.  사실!
  105. 105. Fireworks Page 3 Page 2 Page 1 Folder (Layers)페이지
  106. 106.  관리는웹/앱에
  107. 107.  딱이군요! Objects !
  108. 108. Fireworks마스터 페이지(Master Page)모든 페이지의 공통 항목을 담고 있는 페이지를 말합니다.유지/보수 차원에서 매우 편리하게 관리할 수 있죠.페이지(Page)어플리케이션 및 사이트의 각 페이지를 말합니다.내부에는 여러개로 구성된 레이어(폴더)를 포함하고 있습니다. 생성 복제 제거 이름변경
  109. 109. Fireworks마스터 페이지 설정 마스터 페이지에 링크(Link to Master Page) 마스터 페이지의 캔버스 크기 및 색상 등 속성을 그대로 사용하고자 할 때 활용할 수 있습니다. 예) 캔버스 사이즈, 색상 등등 마스터 페이지 설정 제거
  110. 110. Fireworks 폴더 내부에서만 레이어 구성 가능. 파이어웍스는 포토샵과 달리, 폴더 내부에서만 레이어 구성이 가능합니다. 포토샵과 비교하여 레이어 사용은 불편합니다. 마스터 페이지는 잠겨있습니다. 마스터 페이지의 레이어는 마스터 페이지에서만 수정할 수 있습니다. 마스크 추가 제거새로운 폴더 추가(복제) 비트맵 이미지 추가 새로운 서브 폴더 추가
  111. 111. Fireworks레이어 다른 페이지와 공유.마스터 페이지가 모든 페이지와 공유하는 항목이라면,레이어 공유는 모든 페이지가 아닌 몇몇 페이지와 공유가 가능한 기능입니다.
  112. 112. 에버노트
  113. 113.  +
  114. 114.  파이어웍스
  115. 115.  콤비네이션! 그런데...? 파이어웍스의 페이지와 에버노트의 관계는 무슨 관계?
  116. 116. Evernote에버노트가 파이어웍스와함께 하면 좋은 이유! Share함께쓰기
  117. 117. Evernote 무료 사용자는노트 공유만 가능합니다.
  118. 118. Evernote 유료 사용자는함께 쓰기가 가능합니다.
  119. 119. Evernote에버노트는 다양한 포멧의 파일을 첨부할 수 있어요.기획자들의 PDF 문서나, 디자이너의 PSD, Ai, PNG 와일반적인 그래픽 데이터 포멧, 텍스트, 워드 등등등
  120. 120. Evernote파이어웍스는PNG이기 때문에가능!
  121. 121. Evernote50 MB
  122. 122. Evernote
  123. 123. 포토샵보다 파이어웍스가프로토타입에 적한한 도구인 이유! Symbol두번째! 심볼 .......
  124. 124. DesignPatterns
  125. 125. Buttons Banners 버튼 배너 Menu Bar 메뉴바 Lists 목록 Gallery 갤러리 Navigation내비게이션
  126. 126. Patterns패턴 = 특정 영역 내에서 자주 사용되는 요소의 기능 및 역할 정의 Components 컴포넌트 = 패턴을 토대로 만들어 실제 사용되는 구성 요소 Library 라이브러리 = 패턴/컴포넌트 를 모아 둔 저장소
  127. 127. Fireworks Graphic 심볼의 타입은 크게 3가지. 그래픽, 애니메이션, 버튼! Symbol파이어웍스는
  128. 128.  플래시/일러스트레이터와
  129. 129.  유사한
  130. 130.  개념의
  131. 131.  
  132. 132.  
  133. 133.  
  134. 134.  
  135. 135.  심볼을
  136. 136.  제공합니다.
  137. 137.  이를
  138. 138.  활용하면
  139. 139.  디자인
  140. 140.  패턴을
  141. 141.  
  142. 142.  
  143. 143.  
  144. 144.  
  145. 145.  
  146. 146.  
  147. 147.  
  148. 148.  만들기가
  149. 149.  아주
  150. 150.  용이하죠!
  151. 151. FireworksPage Page Page 라이브러리에 등록된 심볼Page Page Page 라이브러리에 등록된
  152. 152.  심볼로
  153. 153.  디자인을 관리하는
  154. 154.  군요! !Page Page Page
  155. 155. FireworksCommonLibrary
  156. 156. FireworksCommonLibrary
  157. 157. 에버노트
  158. 158.  +
  159. 159.  파이어웍스
  160. 160.  콤비네이션! 기대되네요! 패턴 라이브러리 활용이! 에버노트와의 조합으로!
  161. 161. Evernote에버노트가 파이어웍스와함께 하면 좋은 이유! Sync동기화~
  162. 162. Evernote하나의 파일로다수의 디자이너가 변경된 내용을처리할 수 있어 관리 측면에서뛰어나네요.Library
  163. 163. Evernote에버노트가 파이어웍스와함께 하면 좋은 이유! Version버전관리
  164. 164. Evernote !와우!버전
  165. 165.  관리까지이전
  166. 166.  파일을
  167. 167.  복구할
  168. 168.  수
  169. 169.  있군요!
  170. 170. Evernote에버노트가 파이어웍스와함께 하면 좋은 이유! Search검색
  171. 171. EvernotePDFSearching
  172. 172. Evernotefw.PNGSearching
  173. 173. Evernote에버노트가 파이어웍스와함께 하면 좋은 이유! Search암호화
  174. 174. Evernote
  175. 175. 에버노트와파이어웍스로프로토타입을시작하라
  176. 176. 야무의오픈지식강의비메오서비스
  177. 177. 감사합니다.UXD / Front-End Interaction, PD / 지훈 yamoo9@kthcorp.com @yamoo9
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×