本节简介:学习了网页配色原则,网页安全色的使用;网页设计中色彩的基本原则;案例制作(一):网站配色方案调整(先给出一个普通的网站,通过配色调整焕然一新);案例制作(二):制作不同颜色网站,搭配不同风格。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
同色系原则:明度推移、纯度推移、色相推移(最难,跳度大最难得一种配色方案)
网页配色原则:1.统一原则【主色调 辅助色 点睛色(可以不止一个,也可尝试大面积使用) 背景色】2.情感原则【各颜色代表的情绪体验】3.对比原则 打破常规 与众不同
绿色:健康,环保 青色:清秀阔达,洁净,开阔的海边房地产类网站 蓝色:和平,淡雅,情结,科技等运用广泛,常用于清洁用品,海洋类制品,科技,企业等网站
黄色:明快,活泼,多用在儿童类网站 粉色:多用于和女性相关的网站(美容和化妆品,香水等)
红色;视觉冲击力强,是热烈冲动的色彩 橙色;活力健康,常用在食品,饮料中 暗金色:欧式,复古类网站
网页安全色有216种颜色,可以在不同的显示器下,不同的操作系统下,不同的浏览器下正常显示颜色
网页配色原则:1.统一原则【主色调 辅助色 点睛色(可以不止一个,也可尝试大面积使用) 背景色】2.情感原则【各颜色代表的情绪体验】3.对比原则 打破常规 与众不同
网站颜色搭配: 下载一个色系表 1.明度推移选色2.色相推移3.饱和度推移4.互补色相近色等选取
同色系原则:明度推移、纯度推移、色相推移(最难,跳度大最难得一种配色方案)。
网页安全色:216种,在不同显示器,操作系统,浏览器下都能正常显示。
统一性原则:主色调 页面色彩的主要色调,所占面积最大 ;辅助色 仅次于主色调的辅助面积,烘托融合主色调;点睛色 用来突出主题效果,与主色调反差大,面积最小;背景色 背景部分颜色,衬托整体色调。
蓝色:和平、淡雅、清洁、科技等,运用广泛,常用于清洁用品、海鲜类制品、科技、企业等网站;紫色:神秘、高贵,女性化妆品、科幻等题材网站