1. 面向工业化的Web设计 ——通过WEB设计规范提高质量和效率 蔡建斌

2. 1.背景

3. 回顾历史… 第一次工业革命： 18世纪60年代棉纺织业开始的，1765年哈格里夫斯发明的珍妮纺纱机，从此使工厂制代替了手工工场，用机器代替了手工劳动； 第二次工业革命： 开始于19世纪70年代，科学技术应用于工业的成就主要表现在四个方面，即电力的广泛应用，内燃机和新交通工具的创制，新通讯手段的发明和化学工业的建立； 第三次科技革命： 主要内容包括：原子能技术，航天技术，电子计算机的应用，人工合成材料，分子生物学和遗传工程等高新技术 。 ……

4. 1765年后，他们用机器代替手工

6. 2.工业化设计

7. 产品-螺丝

8. 产品-螺丝模具

9. 产品-螺丝刀 想一想，如果螺丝没有固定规格呢？

11. 小结： 1)所谓工业化，就是指用机器代替手工劳动进行生产; 2)要用机器代替手工劳动，就必须有标准、规范的模具。 3)工业化产品在它的应用领域中具有通用性。

12. 3.面向工业化的Web设计

13. 手工劳动时代！

16. DOM+CSS+W3C标准+ UI+交互＝ YUI UI库

17. WEB工业化产品-零件

18. 你是矩形？圆角矩形？……

19. 在规范中实现个性 演示效果

20. 常用的960栅格布局 演示效果

22. 猜想是不可能实现的么？ 只需要一套代码！ 想一想，这个模块是否还可以用到其它地方？

25. 总结： 工业化的WEB设计很大程度上提高设计效率，更好协调页面重构。 网站风格统一，提高用户体验。 必须结合交互体验与实际应用来规范设计。

26. 前端代码库+视觉UI库+标准 工业化的WEB产品

27. 交互？用户体验？

28. 就这么简单！