本节简介:学习了网页配色原则,网页安全色的使用;网页设计中色彩的基本原则;案例制作(一):网站配色方案调整(先给出一个普通的网站,通过配色调整焕然一新);案例制作(二):制作不同颜色网站,搭配不同风格。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
主色调 页面色彩的主要色调 所占面积最大 辅助色 仅次于主色调的辅助面积,烘托融合主色调 点睛色 用来突出主题效果,与主色调反差大,面积最小 背景色 背景部分颜色,衬托整体色调
【对比性原则】在以上规律的基础上,打破常规,大胆创新,往往会出奇制胜,达到意想不到的效果。
【红色】:视觉冲击力强;【橙色】:活力健康,常用在食品;【暗金色】:欧式、复古类网站;【黄色】:明快、活泼,多用于儿童网站;【粉色】:女性相关网站;【绿色】:健康、环保,常用在教育类、环境类;【青色】:清秀、用于洁净、开阔的海边房地产网站;【蓝色】:和平、淡雅、清洁、科技,运用广泛,常用语清洁用品、海洋类制品、科技、企业等网站;【紫色】:神秘、高贵,常用于女性化妆品
【情感性原则】设计师在掌握色彩基本规律的基础上, 还需要掌握色彩的情感因素。
如何更灵活的使用这216种安全用色:无彩色是可以根据页面要求灵活使用的。更加安全、方便的配色原则是我们的同色系原则,因为它的色彩色相跳动比较的小,所以它的视觉冲击力不大,不至于将页面做的太混乱,或者不会使页面颜色看上去太杂,这是我们初学者最适合的配色方式
配色原则,网页安全色有216种,除去黑白灰五种,还有211色各彩色。【ctrl+u色相饱和度】【替换颜色】
配色原则,网页安全色有216种,除去黑白灰五种,还有211色各彩色。【ctrl+u色相饱和度】【替换颜色】
配色原则:216中web安全色。同一性原则(主色调、辅助色、点睛色、背景色)、情感色原则、对比色原则、
使用 调整-替换颜色 可以单独调整图像中的某种颜色
网页安全色可以在不同的显示器操作系统和浏览器下正常显色不失真,共216种
最简单的网页配色方案:同色系原则——同一个颜色的明度推移,纯度推移,色相推移。
最简单的网页配色方案:同色系原则——同一个颜色的明度推移。
色彩基本原则:1统一性原则(主色调、辅助色、点睛笔、背景色)