安真科技http://www.angentech.com/ 内部培训PPT，转载请保持原连接。

1. 2012/1/4 1 Presented by Li 视觉传达设计及其在网页设计中的运用 Li Bin UI 设计师 > 产品研发部 @ 安真科技

2. 2012/1/4 2 Presented by Li 一 视觉传达设计的要素 1. 文字设计 中国 123456 ABCabc 2. 图形设计 3. 色彩设计 视觉传达设计及其在网页设计中的运用

3. 一 视觉传达设计的要素 1. 文字设计 中国 123456 ABCabc 适合性 秀丽柔美 女性 稳重挺拔 机械 科技 活泼有趣 儿童 美食 苍劲古朴 历史 文化 流动快捷 网络 物流 可识性 个性化 视觉传达设计及其在网页设计中的运用 2012/1/4 3 Presented by Li

4. 一 视觉传达设计的要素 2. 图形设计 ( 构成形式 ) 对称 均衡 重复 渐变 放射 对比 变异 视觉传达设计及其在网页设计中的运用 2012/1/4 4 Presented by Li

5. 一 视觉传达设计的要素 2. 图形设计 ( 构成形式 ) 对称 视觉传达设计及其在网页设计中的运用 2012/1/4 5 Presented by Li

6. 一 视觉传达设计的要素 2. 图形设计 ( 构成形式 ) 均衡 视觉传达设计及其在网页设计中的运用 2012/1/4 6 Presented by Li

7. 一 视觉传达设计的要素 2. 图形设计 ( 构成形式 ) 重复 连续地、有规律地反复出现叫做重复。 视觉传达设计及其在网页设计中的运用 2012/1/4 7 Presented by Li

8. 一 视觉传达设计的要素 2. 图形设计 ( 构成形式 ) 重复 连续地、有规律地反复出现叫做重复。 视觉传达设计及其在网页设计中的运用 2012/1/4 8 Presented by Li

9. 一 视觉传达设计的要素 渐变：构成要素渐次地，循序渐进地逐步变化 . ( 大小、疏密、粗细、距离、颜色、位置、明暗、形象等 ) 视觉传达设计及其在网页设计中的运用 2012/1/4 9 Presented by Li

10. 一 视觉传达设计的要素 色彩渐变 通过颜色的渐变，实现网页的视觉差异，突显网页效果，给人以立体感，实质感，局部使用高光，使网页更有律动和层次。 视觉传达设计及其在网页设计中的运用 2012/1/4 10 Presented by Li

11. 一 视觉传达设计的要素 放射 视觉传达设计及其在网页设计中的运用 2012/1/4 11 Presented by Li

12. 一 视觉传达设计的要素 对比 相互刺激而产生的相互加强各自特性。 ( 颜色对比、形状对比、位置对比、方向对比、大小对比和疏密对比等 ) 视觉传达设计及其在网页设计中的运用 2012/1/4 12 Presented by Li

13. 一 视觉传达设计的要素 颜色对比 视觉传达设计及其在网页设计中的运用 2012/1/4 13 Presented by Li

14. 一 视觉传达设计的要素 位置对比 视觉传达设计及其在网页设计中的运用 2012/1/4 14 Presented by Li

15. 一 视觉传达设计的要素 大小对比 视觉传达设计及其在网页设计中的运用 2012/1/4 15 Presented by Li

16. 一 视觉传达设计的要素 大小对比 视觉传达设计及其在网页设计中的运用 2012/1/4 16 Presented by Li

17. 一 视觉传达设计的要素 特异 视觉传达设计及其在网页设计中的运用 2012/1/4 17 Presented by Li

18. 一 视觉传达设计的要素 特异 视觉传达设计及其在网页设计中的运用 2012/1/4 18 Presented by Li

19. 一 视觉传达设计的要素 3. 色彩设计 视觉传达设计及其在网页设计中的运用 2012/1/4 19 Presented by Li

20. 色彩三要素 色相 明度 纯度 视觉传达设计及其在网页设计中的运用 2012/1/4 20 Presented by Li

21. 色相环 视觉传达设计及其在网页设计中的运用 2012/1/4 21 Presented by Li

22. 网页用色原则 1. 主题性 2. 协调性 视觉传达设计及其在网页设计中的运用 2012/1/4 22 Presented by Li

23. 主题性 红 热烈、冲动、紧张、喜庆。。。 橙 温暖、活泼、积极、跳跃。。。 黄 轻快、透明、辉煌、活力。。。 绿 自然、成长、生命、青春。。。 蓝 宁静、沉默、清澈、博大。。。 紫 高贵、忧郁、神秘、浪漫。。。 黑 严肃、刚正、罪恶、恐惧。。。 白 纯洁、光明、忠贞、干净。。。 灰 平凡、稳定、中庸、消极。。。 视觉传达设计及其在网页设计中的运用 2012/1/4 23 Presented by Li

24. 协调方法 1 单色 2 复色（对比、近似等） 3 无色 + 有色 视觉传达设计及其在网页设计中的运用 2012/1/4 24 Presented by Li

25. 单色 视觉传达设计及其在网页设计中的运用 2012/1/4 25 Presented by Li

26. 单色 视觉传达设计及其在网页设计中的运用 2012/1/4 26 Presented by Li

27. 单色 视觉传达设计及其在网页设计中的运用 2012/1/4 27 Presented by Li

28. 复色（对比 -- 冷暖） 视觉传达设计及其在网页设计中的运用 2012/1/4 28 Presented by Li

29. 复色（对比 -- 冷暖） 视觉传达设计及其在网页设计中的运用 2012/1/4 29 Presented by Li

30. 复色（近似色） 视觉传达设计及其在网页设计中的运用 2012/1/4 30 Presented by Li

31. 复色（色相对比） 视觉传达设计及其在网页设计中的运用 2012/1/4 31 Presented by Li

32. 复色（色相对比） 视觉传达设计及其在网页设计中的运用 2012/1/4 32 Presented by Li

33. 复色（对比色对比） 视觉传达设计及其在网页设计中的运用 2012/1/4 33 Presented by Li

34. 无色 + 有色 视觉传达设计及其在网页设计中的运用 2012/1/4 34 Presented by Li

35. 无色 + 有色 视觉传达设计及其在网页设计中的运用 2012/1/4 35 Presented by Li

36. 我对于现在网页设计中色彩的见解 : 1. 普遍存在抄袭 , 没有自己的特点 2. 用色过于保守中庸 , 缺乏大胆和创新 3. 没有颜色 视觉传达设计及其在网页设计中的运用 2012/1/4 36 Presented by Li

37. The End Thanks 2012/1/4 37 Presented by Li Li -- UI 视觉设计师