本节简介:学习了网页配色原则,网页安全色的使用;网页设计中色彩的基本原则;案例制作(一):网站配色方案调整(先给出一个普通的网站,通过配色调整焕然一新);案例制作(二):制作不同颜色网站,搭配不同风格。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
网页安全色=====配色方案-----1.同色系原则(明度推移,纯度推移,色相推移)
对比性原则:在规律的基础上,打破常规,大胆创新,往往会出奇制胜,达到意想不到的效果
红色:视觉冲击力强;橙色:活力健康,常用在食品;暗金色:欧式、复古类网站;黄色:明快、活泼,多用于儿童网站;粉色:女性相关网站;绿色:健康、环保,常用在教育类、环境类;青色:清秀、用于洁净、开阔的海边房地产网站;蓝色:和平、淡雅、清洁、科技,运用广泛,常用语清洁用品、海洋类制品、科技、企业等网站;紫色:神秘、高贵,常用于女性化妆品
统一性原则:主色调:占面积最大,辅助色:颜色仅次主色调,融合主色调;点睛色:用来突出主题效果,与主色调反差大,面积最小;背景色:烘托网页总体气氛
网页配色方案:同色系原则-明度推移、纯度推移、色相推移
网页中色彩的基本原则:三、对比性原则, 在以上规律的基础上,打破常规,大胆创新,往往会出奇制胜,达到意想不到的效果。
蓝色,和平、淡雅、清洁、科技等 运用广泛 常用于清洁用品、海洋类制品、 科技、企业等网站;紫色,神秘、高贵 女性化妆品、科幻等题材网站
红色,视觉冲击力强, 是热烈冲动的色彩;橙色,活力健康 常用在食品、饮料;暗金色,欧式、复古类网站;黄色,明快、活泼,多用在儿童类网站;粉色,多用在和女性相关的网站;绿色,健康、环保 常用在教育类、环境类;青色,清秀豁达,洁净、开阔的海边房地产网站;
网页中色彩的基本原则,二、情感性原则:设计师在掌握色彩基本规律的基础上, 还需要掌握色彩的情感因素。
web安全色调用方法:【窗口】--【色板】,追加“web安全颜色”
网页安全色有216种颜色,可以在不同的显示器下、不同的操作系统下、不同的浏览器下正常显示颜色。
想替换页面颜色中局部的颜色用:图像-调整-替换颜色
三、对比性原则:在以上规律的基础上,打破常规,大胆创新,往往出奇制胜,达到意想不到的效果。
二、情感性原则:相关的色彩所代表的感情色彩,例如红色表示热烈、激情,绿色代表健康、活力,紫色代表神秘高贵,蓝色代表科技、创新,橙色和黄色系一般运用到食物的网页设计中,儿童页面明快活泼,健康活力,给人食欲感,偏暗橙色复古欧式,暗红色中国复古家居,粉色系用到女人相关的网站。
一、统一性原则 主色调:页面色彩的主要色调,所占面积最大;辅助色:仅次于主色调的辅助面积,烘托融合主色调;点睛色:用来突出主题效果,与主色调反差大,面积最小;背景色:衬托整体色调。
在使用灰色的时候经常使用不同层次和明度的灰色搭配,以及其他不用颜色的点缀来使得画面不至于呆板。
黑白灰可以随意使用,而其他的颜色选择时最好在一个色系相邻选色(安全),如果掌握以后可以在大面积用色的基础上选一些互补色来点睛。