本节简介:学习了网页配色原则,网页安全色的使用;网页设计中色彩的基本原则;案例制作(一):网站配色方案调整(先给出一个普通的网站,通过配色调整焕然一新);案例制作(二):制作不同颜色网站,搭配不同风格。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
红色:视觉冲击力强,是热烈冲动的色彩;橙色:活力健康,常用在食品、饮料;暗金色:欧式、复古类网站;黄色:明快、活泼,多用在儿童类网站;粉色系页面:多用于和女性相关的网站;绿色:健康、环保,常用在教育类、环境类;青色:清秀豁达,洁净、开阔的海边房地产网站;
网页色彩统一性原则:主色调、辅助色(烘托主色调,面积仅小于主色)、点睛色(面积最小、与主色调反差最大、可以一两个)、背景色 。 情感性原则:颜色给人的感觉
216种网页安全色——ps色板面板——三角下拉选择web安全色,在用渐变色时也会用到非安全色。
使用安全色配色:明度推移(加白),纯度推移(彩度,高纯度明快、低纯度雅致),同色系中色相推移(对设计师颜色把握要求高,位置、大小、比例)。 216种安全色中有黑白灰6种无彩色,与彩色搭配很安全(如低纯度蓝+白搭配-矿泉水网页清爽、高纯度蓝+黑灰-工业网站 沉稳)。整体同色系配色+互补色点睛。
简单的网页配色方案——同色系原则:明度推移,纯度推移,色相推移
网页配色原则:网页安全色有216中颜色,可以在不同的显示器、不同操作系统下、不同的游览器下正常显示颜色
色相推移配色、明度推移、纯度推移;红绿为互补色;蓝橙;蓝白搭、黑灰与蓝; 同色系配色!文字效果要统一
网页中色彩的基本原则:统一性原则(主色调、辅助色、点睛色、背景色)、 情感性原则、对比性原则、
网页配色原则:网页安全色有216中颜色,可以在不同的显示器、不同操作系统下、不同的游览器下正常显示颜色
如何更灵活的使用这216种安全用色:无彩色是可以根据页面要求灵活使用的。更加安全、方便的配色原则是我们的同色系原则,因为它的色彩色相跳动比较的小,所以它的视觉冲击力不大,不至于将页面做的太混乱,或者不会使页面颜色看上去太杂,这是我们初学者最适合的配色方式
若用色相饱和度调整了颜色之后,杂色还是比较多,则可以选择菜单栏上的图像-->调整-->替换颜色,然后点击需要调整的颜色来进行调色
明度,饱和度,颜色替换,食品的网页不适合使用食品腐烂时有的颜色。主图的饱和度增加,背景的饱和度降低。
网页色彩统一性原则:主色调、辅助色(烘托主色调,面积仅小于主色)、点睛色(面积最小、与主色调反差最大、可以一两个)、背景色 。 情感性原则:颜色给人的感觉
216种网页安全色——ps色板面板——三角下拉选择web安全色,在用渐变色时也会用到非安全色。
使用安全色配色:明度推移(加白),纯度推移(彩度,高纯度明快、低纯度雅致),同色系中色相推移(对设计师颜色把握要求高,位置、大小、比例)。 216种安全色中有黑白灰6种无彩色,与彩色搭配很安全(如低纯度蓝+白搭配-矿泉水网页清爽、高纯度蓝+黑灰-工业网站 沉稳)。整体同色系配色+互补色点睛。