本节简介:学习了网页配色原则,网页安全色的使用;网页设计中色彩的基本原则;案例制作(一):网站配色方案调整(先给出一个普通的网站,通过配色调整焕然一新);案例制作(二):制作不同颜色网站,搭配不同风格。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
如我们有能力将蓝色在页面中掌握很好的时候,我们可以使用一些蓝色的互补色,如橙色。
当使用颜色熟练时,我们可以更大胆的使用一些点睛色,比如绿色系,我们可以使用它的互初色,如低纯度的红色。
如何更灵活的使用这216种安全用色:无彩色是可以根据页面要求灵活使用的。更加安全、方便的配色原则是我们的同色系原则,因为它的色彩色相跳动比较的小,所以它的视觉冲击力不大,不至于将页面做的太混乱,或者不会使页面颜色看上去太杂,这是我们初学者最适合的配色方式
同色系原则—色相推移:是色相中最难把握的一种,对设计师的要求非常高,因为是色相推移,它的色彩跳跃度是非常大的。图中给人的感觉是厚重温暖的。有重色铺背景,给人感觉很稳重。
我们说纯度就是指色彩的纯净度,高纯度的颜色给人的感觉是欢快,低纯度的感觉是压制和沉稳。图中的样式给人的感觉充满了童趣。
我们如何使用安全色来给网页配色呢?介绍最常用的配色方案:①同色系:明度推移:就是同色系中从淡色到深色的演变,明度推移,给人的视觉冲击力是比较弱的。
是不是必需用呢,在一些标志和设计中它是完全够用的,但是我们要制作渐变色,或在网页中填加照片的话,这些颜色明显不够用的。所以在使用安全色的时候,不排除使用非安全色
什么是安全用色?216种颜色对设计师来说更加安全、出彩的方案,其中6种黑白灰无彩色,其余的210种是我们常用的
同色系原则安全,但是视觉冲击感不强,我认为在运用背景来突出产品的时候是可取的。而运用色相推移中可以运用一点调色,根据对比、深浅、明暗对比来进行视觉冲击力。而黑白灰也可以作为跳色,来突出主要表现色彩。背景和主体的对比更加突显你所要表达的主体。
打破常规,大胆创新往往会出奇制胜,达到意想不到的效果
粉色多用于女性相关的网站。青色洁净、开阔的房地产网站。绿色教育类网站。蓝色常用于清洁用品、海洋类制品、科技、企业等网站。紫色女性化妆品,科幻神秘类网站
暗橙色可以展现欧式风格色彩,或是复古家具。暗红色可以适用中国风复古家具
红色热烈喜庆动感十足另一个极端是危险的警惕的信号。橙色温暖阳光成熟的果实某些食物,有丰收的感觉经常用于食物的页面。黄色有活力常用于儿童的页面。绿色生机勃勃,环保,绿色食物产品。蓝色经常用到,科技企业教的育一类的网站。紫色紫红色通常用于女性化妆品或是高档产品