Week 04 Web Development Flow and Fast Prototyping_hlb (2013-03-14)

1,419 views

Published on

Week 04

Web開發模式與快速雛型建構
Web Development Flow and
Fast Prototyping

薛良斌
布丁(hlb)
(和多 Handlino Inc.的UI設計師兼共同創辦人)

(2013-03-14)

Published in: Education

Week 04 Web Development Flow and Fast Prototyping_hlb (2013-03-14)

  1. 1. App創業與實作App Entrepreneurship and implementation Week 04 Web開發模式與快速雛型建構 薛良斌 布丁(hlb) (和多 Handlino Inc.的UI設計師兼共同創辦人) (2013-03-14)本授權條款允許使用者重製、散布、傳輸著作,但不得為商業目的之使用,亦不得修改該著作。使用時必須按照著作人指定的方式表彰其姓名。
  2. 2. CC (Creative Commons)姓名標示─非商業性─禁止改作本授權條款允許使用者重製、散布、傳輸著作,但不得為商業目的之使用,亦不得修改該著作。使用時必須按照著作人指定的方式表彰其姓名。
  3. 3. @h lbWeb @hlb, Handlino Inc.
  4. 4. @hlb• Designer / Founder of Handlino Inc.• We made Registrano, Compass.app and Fire.app• Consulting / Training / Outsourcing
  5. 5. Why web?
  6. 6. Why web?•• /••• ...?
  7. 7. http://bombermine.com/
  8. 8. http://hexgl.bkcore.com/
  9. 9. http://www.simcity.com/
  10. 10. web1.2.3. UI4. HTML Prototyping5.6. &
  11. 11. http://www.handyui.com/2007/03/24/compromised_design/
  12. 12. prototype (n.)A prototype is an early sample or model built to testa concept or process or to act as a thing to bereplicated or learned from.
  13. 13. Prototypingeverywhere
  14. 14. http://arstechnica.com/apple/2013/03/exclusive-super-early-iphone-prototype-had-5x7-screen-serial-port/
  15. 15. previz (n.)Previsualization (also known as pre-rendering,preview or wireframe windows) is a function tovisualise complex scenes in a movie before filming. https://en.wikipedia.org/wiki/Previsualization
  16. 16. Paper Prototyping
  17. 17. http://culturedcode.com/things/blog/2008/06/a-phone-an-ipod-an-internet-communicator-and-a-full-featured-task-manager.html
  18. 18. http://culturedcode.com/things/blog/2008/06/a-phone-an-ipod-an-internet-communicator-and-a-full-featured-task-manager.html
  19. 19. http://popapp.in/
  20. 20. Keynote/PowerPoint Prototyping
  21. 21. HTML Prototyping
  22. 22. http://maker.github.com/ratchet/
  23. 23. Exercise
  24. 24. 4cmx4cm
  25. 25. ?
  26. 26. ?
  27. 27. WHY?
  28. 28. xxxx
  29. 29. Resources• http://sneakpeekit.com/• http://keynotekungfu.com/• http://keynotopia.com/• http://www.invisionapp.com/
  30. 30. Q&A

×