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