Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

第十期 蔡健斌-Web设计需要工业化

1,466 views

Published on

Published in: Design
  • Be the first to comment

  • Be the first to like this

第十期 蔡健斌-Web设计需要工业化

  1. 1. 面向工业化的Web设计<br />——通过WEB设计规范提高质量和效率<br />蔡建斌<br />
  2. 2. 1.背景<br />
  3. 3. 回顾历史…<br />第一次工业革命:<br />18世纪60年代棉纺织业开始的,1765年哈格里夫斯发明的珍妮纺纱机,从此使工厂制代替了手工工场,用机器代替了手工劳动;<br />第二次工业革命:<br />开始于19世纪70年代,科学技术应用于工业的成就主要表现在四个方面,即电力的广泛应用,内燃机和新交通工具的创制,新通讯手段的发明和化学工业的建立; <br />第三次科技革命:<br />主要内容包括:原子能技术,航天技术,电子计算机的应用,人工合成材料,分子生物学和遗传工程等高新技术 。<br />……<br />
  4. 4. 1765年后,他们用机器代替手工<br />
  5. 5.
  6. 6. 2.工业化设计<br />
  7. 7. 产品-螺丝<br />
  8. 8. 产品-螺丝模具<br />
  9. 9. 产品-螺丝刀<br />想一想,如果螺丝没有固定规格呢?<br />
  10. 10.
  11. 11. 小结:<br />1)所谓工业化,就是指用机器代替手工劳动进行生产;<br />2)要用机器代替手工劳动,就必须有标准、规范的模具。<br />3)工业化产品在它的应用领域中具有通用性。<br />
  12. 12. 3.面向工业化的Web设计<br />
  13. 13. 手工劳动时代!<br />
  14. 14.
  15. 15.
  16. 16. DOM+CSS+W3C标准+ UI+交互= YUI<br />UI库<br />
  17. 17. WEB工业化产品-零件<br />
  18. 18. 你是矩形?圆角矩形?……<br />
  19. 19. 在规范中实现个性<br />演示效果<br />
  20. 20. 常用的960栅格布局<br />演示效果<br />
  21. 21.
  22. 22. 猜想是不可能实现的么?<br />只需要一套代码!<br />想一想,这个模块是否还可以用到其它地方?<br />
  23. 23.
  24. 24.
  25. 25. 总结:<br />工业化的WEB设计很大程度上提高设计效率,更好协调页面重构。<br />网站风格统一,提高用户体验。<br />必须结合交互体验与实际应用来规范设计。<br />
  26. 26. 前端代码库+视觉UI库+标准 <br />工业化的WEB产品<br />
  27. 27. 交互?用户体验?<br />
  28. 28. 就这么简单!<br />

×