第八期设计理念07第七节主、副点缀色

1、设计理念进阶班不忘初心！持续努力平凡变非凡 客服服务热线： 主讲老师：CC老师姓名：CC简介/拥有6年设计经验网页设计师交互设计师平面设计师Web前端设计师斯坦福东方北京信息科学研究的设计总监潭州教学服务中心VIP金牌讲师工作内容/网页设计、交互设计、电商设计、代码框架、web网页设计、UI学院VIP讲师 UI学院VIP讲师 大纲CONTANTS第一节 色彩的基本认识 第二节 色彩的印象第三节 色调的印象第四节 整体配色理论第五节 作业点评及问题解答 第六节 基本配色方式第七节 主、副、点缀色第八节 渐变色和无彩色的应用第九节 理论操作第十节 作业点评及问题解答第十一节 论版式在UI中的重要性

2、第十二节 平面构成第十三节 设计理论第十四节 版式设计构成法则（一）第十五节 作业点评及问题解答第十六节 版式设计构成法则（二）第十七节 理论实操第十八节 图片文字组合编排第十九节 H5讲解第二十节 理论实操第二十一节 作业点评及问题解答e7d195523061f1c003d7160bb3852330e69e1b47c664ea0314E9593E18313AD830F940F1AC53C40C0B8B3D93D4DFF44B590F8D4A945ADE53F5D61968231FCAE157B0D7022AA0681C03E9FB4B1E3862D065DD8E4338F8EBC133F3A

3、837E16EA5E161CED6FA9DDD7C725582F3C94E65498792D2C650E1EC3883754B2956F5E1E704592917ECDFD229A81：第八期设计理念进阶班：潭州课堂（PC客户端、移动APP端、网页版）2：上课时间：周一至周五晚上20：00-22：00，周六周日休息3：本期主讲CC老师：3003339517，主要负责专业授课以及问题答疑4：如果有事不能来上课，需提前向老师请假5：不能来上课，只能看视频学习的同学，作业请一样按时交上来6：百度网盘链接：链接： 提取码：itqj 注： 该链接是老师课后上传本节课高清录播视频+素材；录播视频也可直接在

4、潭州课堂PC客户端、APP里面进行 在线观看！如有疑问私聊老师！学习须知Notes in classe7d195523061f1c003d7160bb3852330e69e1b47c664ea0314E9593E18313AD830F940F1AC53C40C0B8B3D93D4DFF44B590F8D4A945ADE53F5D61968231FCAE157B0D7022AA0681C03E9FB4B1E3862D065DD8E4338F8EBC133F3A837E16EA5E161CED6FA9DDD7C725582F3C94E65498792D2C650E1EC3883754B2956F5

5、E1E704592917ECDFD229A8学习纪律Learning discipline1：准时参加课程，不迟到，不早退，不旷课2：上课时公屏上不允许刷屏、闲聊等任何影响其他同学学习情况发生3：作业统一发到指定 4：作业格式：日期+课时+QQ网名，比如：05-15-第一节-CC5：按时提交老师作业，不能缺交。如由于工作繁忙不能及时提交作业，需向主讲老师或者助教老师说明情况。6：任何讲师不会以任何形式让任何学员打钱，如果报名或者升班补款，请认准官方报名老师及官方报名账号；并且，同学之间应注意交流空间，不要随意轻信任何跟钱财相关的话题，注意自身财产安全。第七节主、副、点缀色Design idea

6、e7d195523061f1c003d7160bb3852330e69e1b47c664ea0314E9593E18313AD830F940F1AC53C40C0B8B3D93D4DFF44B590F8D4A945ADE53F5D61968231FCAE157B0D7022AA0681C03E9FB4B1E3862D065DD8E4338F8EBC133F3A837E16EA5E161CED6FA9DDD7C725582F3C94E65498792D2C650E1EC3883754B2956F5E1E704592917ECDFD229A8知识点三色配色原则01主、副、点缀色021.三色配色原则

7、一副作品里面尽量保持三种颜色之内（3个色相）(虽然配色多时的组合能让人产生愉悦,但是考虑到人眼和记忆智能存储和记忆两到三种颜色，过多的色彩色彩可能会是页面显得较为复杂，分散。相反越少的颜色搭配能在视觉上产生印象，也便于合理搭配，更容易让人们接受)知识点一：三色配色原则注意：是三个色相，而不是三个颜色01建议：刚入门慎用多种色相，做减法知识点一：三色配色原则知识点一：三色配色原则1.什么是主、副、点缀色？知识点二：主、副、点缀色主色:占画面的75%01副色：占画面的20%02点缀色：占画面的5%031.主色功能：定基调（产品性质）决定画面风格趋向的色彩，受众的第一印象，主色的确定也影响着作品所要

8、传达的信息和风格。知识点二：主、副、点缀色知识点二：主、副、点缀色2.如何确定主色调？01.饱和度高的颜色一般作为主色调（不同色调）知识点二：主、副、点缀色2.如何确定主色调？01.饱和度高的颜色一般作为主色调（不同色调）知识点二：主、副、点缀色知识点二：主、副、点缀色2.如何确定主色调？01.饱和度高的颜色一般作为主色调（不同色调）知识点二：主、副、点缀色2.如何确定主色调？01.饱和度高的颜色一般作为主色调（不同色调）知识点二：主、副、点缀色2.如何确定主色调？02.颜色重的一般为主色调（不同色调）知识点二：主、副、点缀色2.如何确定主色调？02.颜色重的为主色调（不同色调）知识点二：主、

9、副、点缀色2.如何确定主色调？02.颜色重的为主色调（不同色调）知识点二：主、副、点缀色2.如何确定主色调？02.颜色重的为主色调（不同色调）知识点二：主、副、点缀色2.如何确定主色调？02.颜色重的为主色调（不同色调）知识点二：主、副、点缀色2.如何确定主色调？03.面积大的一般为主色（同色调）知识点二：主、副、点缀色2.如何确定主色调？03.面积大的一般为主色（同色调）知识点二：主、副、点缀色2.如何确定主色调？03.面积大的一般为主色（同色调）知识点二：主、副、点缀色知识点二：主、副、点缀色2.副色功能：衬托主色辅助主色，让画面更完美、更丰富知识点二：主、副、点缀色同类色（画面柔和，和谐

10、统一）a知识点二：主、副、点缀色临近色（会产生明度和色相的对比，画面比较丰富）b知识点二：主、副、点缀色类似色（90）（对比较强，画面丰富）c知识点二：主、副、点缀色对比色/互补色（对比强烈、主题明确）c3.点缀色（功能：引导/点缀/强调信息 点缀色是为了点缀画面而存在） 点缀重要的部分/丰富画面 点缀色 可能不止一个颜色搭配方式知识点二：主、副、点缀色明度高的背景点缀色用明度低或者饱和度高的颜色a知识点二：主、副、点缀色明度低的背景：点缀色用明度高或者饱和度高的颜色b4.提示并不是所有的设计都会用到主色、副色、点缀色主/副/点缀色主要是用于三色配色或者多色配色的情况并且他们三者没有一个绝对的

11、固定标准往往是从不同的角度思考综合考量的结果对于它们的划分并不需要严丝合缝 在分析他人作品时做到心中有数即可最重要的还是在设计中如何运用知识点二：主、副、点缀色1.设计一张banner图（1920/1200*600）（不会做排版的同学直接找一张banner重新配色）2.交参考图+作业源文件（含jpg） 不要超过三种颜色（可以包含主、副 、点缀色）3.时间：12.16晚上11点之前第六节 随堂作业e7d195523061f1c003d7160bb3852330e69e1b47c664ea0314E9593E18313AD830F940F1AC53C40C0B8B3D93D4DFF44B590F8D4A945ADE53F5D6