WEB视觉设计 网页原型图设计 3.3网页的配色技巧.pptVIP

课程教师：余灿灿 数字创意与动画学院 3.3网页配色技巧 三、公益网站首页设计 网络课程教学平台 专业教学资源库 微课视频 课前： 学习强国学习平台 信息化教学手段 网页配色技巧 信息化教学手段 热脑练习： 用coreldraw软件的填色工具为大师作品重新配色，色彩数量不超过5种。 时间: 5分钟内完成表达方案。 网页配色技巧 CorelDRAW设计软件 信息化教学手段 巧用 黑白灰 色彩 基调调整 巧用 调和方法 色彩 集合搭配 网页配色技巧 应知：网页配色技巧的基本概念 应会：网页配色技巧 重点：掌握网页配色的方法 难点：灵活运用网页配色技巧 网页配色技巧 用两种或以上的色彩进行网页搭配时，基于色彩的色相、纯度、明度上的差异导致不同程度的对比。 色彩调和 面积调和： 需避免1：1的对立面积出现， 可通过加大颜色面积比例对比 来实现调和效果。 如果是三种或以上颜色，也可以调整为其他比例，如5：3：2 互混调和： 把两种颜色叠加在一起，叠加出第三种颜色，第三种颜色成为调和冲突颜色的手段。 隔绝调和： 当网页页面颜色对比过于强烈时，可运用中性色彩黑、白、灰、金、银等用于颜色隔离。 1.“大学生一带一路文化交流网”色彩搭配应以淡雅柔和为主， 2. 充分运用色彩的调和技巧中和因图文繁杂而造成的视觉冲突。 实战 提示 网页配色技巧 面积调和 互混调和 隔绝调和 快题设计： 重新对课前作业“大学生一带一路文化交流网”进行色彩搭配 。 要求：1、根据所学的配色方法与技巧重构色彩方案，让色彩搭配更有利于版式搭建； 2、色彩搭配不能干扰网页信息传递与交互效果； 3、每组至少完成两套配色方案。 网页配色技巧 信息化教学手段 Adobe Photoshop 网页配色技巧 知识点小结： 1.了解网页配色的基本概念； 2.理解网页配色技巧； 3.灵活运用网页配色技巧完成网页色彩搭配。 网页配色技巧 课后作业： 1.根据点评意见进一步完善网页的版面色彩搭配； 2.把完整的文字、图形、图片、图标等元素加入网页中， 并体会和思考这些元素对网页色彩搭配的影响。 网页配色技巧 THANK YOU！ 感谢支持，请提宝贵意见。 * * * * * *