网站配色与布局.ppt

文档介绍：网站配色与布局
——理论部分
课程回顾
使用list-style-type属性设置列表符号时,其常用属性值none、disc、circle、square、decimal分别代表什么样式?
清除属性的含义是什么?
定位属性的含义,及其显示效果如何?
z-index属性的含义是什么?
技能展示
了解常见的网页布局形式
了解网页设计配色原则
色彩的属性3-1
色相
色彩的相貌,用以区别色彩类别名称
色相是色彩的首要特征
红橙黄绿青蓝紫七色
页面从红色到黄色推移,画面整体色调统一和谐
色彩的属性3-2
纯度
色彩的纯净程度
加入白色后纯度的变化
高纯度的色彩给人以欢快、充满朝气的感觉
低纯度的色彩给人以雅致、沉稳的感觉
色彩的属性3-3
明度
色彩的明亮程度,体现了颜色的明暗强弱
色彩的基本知识
三原色:红、绿、蓝
非彩色和彩色
非彩色是指黑色、白色、灰系统色
彩色是指除了非彩色以外的所有色彩
色彩的感觉2-1
冷暖感觉
轻重感觉
进退感觉
兴奋、沉静感觉
红色、黄色、橙色等颜色给人温暖的感觉
蓝色、青色、绿色等颜色给人寒冷的感觉
浅色感觉轻,深色感觉重
明度高的色彩感觉轻,明度低的色彩感觉重
暖色具有前进感,冷色具有后退感
明度高的色具有前进感,明度低的色具有后退感
色相方面
红、橙、黄等暖色,是令人兴奋的色彩
蓝、蓝紫、蓝绿给人的感觉沉静
明度方面
明度高的色使人兴奋,明度低的色使人沉静
非彩色系中的白和黑有兴奋感,灰色有沉静感
纯度方面
高纯度色使人兴奋,低纯度色有沉静感
色彩的感觉2-2
各种色彩的心理感觉
红色:视觉冲击力强,是热烈冲动的色彩
橙色:具有轻快、热烈、温馨、时尚的效果
黄色:明亮度最高的颜色,灿烂、辉煌
绿色:温和,给人宁静的感觉
青色:基本与绿色相同,只是比绿色显得冷静
蓝色:最凉爽、清新、专业的色彩
紫色:给人神秘、高贵的感觉
白色:洁白、明快、纯真、清洁的感觉
黑色:深沉、神秘、寂静、悲哀、压抑的感觉
灰色:柔和、高雅的感觉
常用的色调4-1
色调
准确地表示一幅作品的画面综合观感效果
包括构图、形象、色彩、明暗等因素造成的综合效果