网页设计基础配色及页面排版布局.pptVIP

LOGO * 网页设计色彩及布局 成功的战争，需要天时、地理、人和！成功的作品，也需要天时、地理、人和！ 网页设计色彩及布局 好好学习， 天天向上！ Page ? * 目录摘要 网页设计颜色搭配 1.CMYK与RGB色区别； 2.色彩的三要素； 3.网页色彩搭配； 4.网站字体颜色设计实例； 广告图片文字排版技巧 1.提高文字的可读性; 2.文字的位置要符合整体要求; 3.在视觉上应给人以美感； 4.在设计上要富于创造性; 总结 实例欣赏 Page ? * CMYK与RGB色区别 CMYK色： C=100蓝 M=100桃红 Y=100黄 K=100黑 RGB混色： 三原色红、绿、蓝 电脑显示器的色彩组成 Page ? * CMYK色详解 C=100 M=100 Y=100 K=100 Page ? * 色彩的三要素 名稱 定義 其他名稱 色相 區別色彩相貌的名稱 波長、色調 明度 區別色彩明暗程度的名稱 光度、輝度 彩度 區別色彩鮮濁度的名稱 純度、色度 备注： 　　彩度也叫色彩纯度，纯度用来表现色彩的鲜艳和深浅。纯度是深色、浅色等色彩鲜艳度的判断标准。全部顏色中三原色為纯度最高色，随着纯度的降低，就会变化为暗淡的，没有色相的色彩。纯度降到最低是就会失去色相，变为无彩色。 　　同一色相的色彩，不掺杂白色或者黑色，则被称为纯色。在纯色中加入不同明度的无彩色，会出现不同的纯度。以蓝色为例，向纯蓝色中加入一点白色，纯度下降而明度上升，变为淡蓝色。继续加入白色的量，颜色会越来越淡，纯度下降，而明度持续上升。加入黑色或灰色，则相应的纯度和明度同时下降。 Page ? * 色相变化的范例 Page ? * 色彩明度对比表 颜色越往上色彩明度越高 Page ? * 色彩明度的变化范例 Page ? * 色彩纯度对比表 Page ? * 网页设计的配色方案 ·颜色分非彩色与彩色两类：非彩色指黑、白、灰，其它为彩色。网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也即是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。我们通常的做法是：主要内容文字用非彩色（黑色），边框，背景，图片用彩色。这样页面整体不单调，看主要内容也不会眼花。 ·任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可以制作几百万种色彩。 Page ? * 非彩色与彩色搭配 　　黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。 灰色是中庸色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩，那么用灰色试试，效果绝对不会太差。 Page ? * 颜色分为：暖色系、中性色、寒色系 不同的颜色会给浏览者不同的心理感受，如：绿色介于冷暖两色彩的中间，显得和睦，宁静，健康，安全的感觉。他和金黄，淡白搭配，可以产生优雅，舒适的气氛。 　　每种色彩的饱和度，透明度上略微变化就会产生不同的感觉。一绿色为例，黄绿色有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。 Page ? * 网页配色原理 色彩的鲜明性：网页的色彩要鲜艳，容易引人注目。 色彩的独特性：要有与种不同的色彩，使得大家对你的印象强烈。 色彩的合适性：就是说色彩和你表达的内容气氛相合适。如用粉色体现女性站点的柔性。 色彩的联想性：不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择要和你网页的内容相关联。 /zhuanti/zxxz/ Page ? * 网站配色基本技巧 1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，（说得通俗些就是将色彩变淡或者加深），产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。 2.用两种色彩。先选定一种色彩，然后选择它的对比色（如用蓝色和黄色，整个页面色彩丰富但不花哨）。 3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝、淡黄、淡绿或者土黄、土灰、土蓝。 4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很“跳”。 Page ? * 配色实例 Page ? * 网页色彩搭配忌讳 ·不要将所有颜色都用到，尽量控制在三中色彩以内。 ·背景色和前文的对比尽量要大，绝对不要用花纹繁复的图案作背景，以便突出主要文字内容。 ·边框和背景的颜色应相似，且边框的颜色较深，背景的颜色较浅。 Page ? * 广告图片文字排版技巧 　　 的主要功能是在视觉传达中向大众传达作者的意图