PhotoshopCC网页设计与配色标准教程教学全套课件 第8章.ppt

《PhotoshopCC网页设计与配色标准教程教学全套课件 第8章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、1第8章色彩于网页设计中的应用色彩是艺术表现的要素之一,其视觉效果非常引人注目,它凭借无可抗拒的魅力让本身平淡无味的东西,瞬间变得生动起来。网页色彩是形成网页界面风格的最重要的组成部分，设计精良的网站离不开合理而统一的色彩设计。在网页中，设计师可以通过色彩的合理应用从而发挥情感攻势，刺激欲求，达到宣传网站整体形象和产品宣传的目的，也会增加潜在用户的数量。28.1网页中的色彩分类处理好网页中色彩与网页之间的关系，才能使页面色彩达到统一和谐的视觉效果。静态色彩、动态色彩、强调色彩是根据色彩在网页中不同的作用划分的。其中静态色彩

2、和动态色彩之间相互影响、相互协作。38.1.1静态色彩静态色彩主要是由框架色彩构成的，也包括背景色彩等其他色块形式的色彩。框架色彩是决定网站色彩风格的主要因素，不论插图或者网络广告如何更换，最初和最终给浏览者留下深刻印象的就是框架色彩。48.1.2动态色彩动态色彩不是指动画中运动物体携带的色彩，而是插图、照片和广告等复杂图像中带有的色彩，这些色彩通常无法用单一色相去描绘，并且带有多种不同的色调，随着图像图片在不同页面的更换，动态色彩也要跟着改变。58.1.3强调色彩强调色彩又名突出色彩，是网站设计时有特殊作用的色彩，是为了

3、达到某种视觉效果才临时显示的色彩（有可能鼠标移走后就消失不见），或者是与页面静态色彩对比反差较大的突出色彩，或者是导航条中带有广告推荐意义的特殊色彩，或者是在大段信息文字中为了表示重点需要通过不同色彩加注文字等。68.2网页色彩规则色彩的良好搭配，能够树立并提升网站的整体形象。网页色彩从网站整体色彩规则、网页色彩搭配规律和网页各要素的色彩搭配三个方面对网页色彩规则进行分析。78.2.1网站整体色彩规则网站整体的色彩设计要有计划性，这是设计师先理智后感性的思维过程。如果只处理好某一个页面的色彩，是无法形成网站统一的色彩风格的

4、。1．可读性的色彩设计2．色彩计划3．色彩和谐统一88.2.2网站色彩搭配规律网页色彩搭配规律除了考虑网站本身的特点外还要遵循一定的艺术规律。从特色鲜明、讲究艺术性、黑色的使用、搭配合理、背景色的使用进行分析网页色彩搭配规律，在设计网页时必须要高度重视色彩的搭配。1．特色鲜明2．讲究艺术性3．黑色的使用4．搭配合理5．背景色的使用98.2.3网页各要素的色彩搭配网页中的背景与文字、LOGO和BANNER、导航与小标题、链接颜色设置的色彩需按照内容决定其搭配，大胆进行创新，使网页更美观，更舒适，这样可以增强页面的可阅读性。因

5、此，设计者必须合理、恰当地搭配页面各要素间的色彩，设计出既符合浏览者心理感受，又有一定艺术特色的网站。1．背景与文字2．LOGO和BANNER3．导航与小标题4．链接颜色设置108.3网站色彩分析色彩作为传达网站形象的首位视觉要素，会在访问过网站的使用者脑中留下长久的印象。即使使用者无法清楚地记住自己访问过的网站的外形特征，至少能够容易地想起网站的色彩。因此，我们从网页的主题、风格和色调三个方面对网站色彩进行分析。118.3.1网页主题与色彩调配在网页设计时，不仅要结合人的个性与共性、心理与生理等各种因素，还要充分考虑到设

6、计色彩的功能与作用，体现最初的设计思维，达到相对完美的视觉和心理效果。因此，在定义网站风格时，应参照一般的色彩消费心理。如餐饮、食品类网页色彩适宜采用暖色系列。128.3.2网站风格与色彩搭配色彩作为网站设计主要体现风格形式的视觉要素之一，对网站设计来说分量是很重的。设计师常常从接到项目单起就在思考使用怎样的色相、色调来烘托信息内容更为合适、更为合理，而当将同样的信息内容交于不同的两位设计师时，做出的网站绝对也不相同，色彩也是一样，即便是相同的色相、色调，通过不同的排版方式、调和与组合，达到的页面效果也会是截然不同的。13

7、8.3.3同色调的不同风格网站同一色调中，不同的明度，或者不同的纯度，会产生不同风格的网站。同一色调还可以通过使用不同的面积、与其他颜色搭配，以及主题等各方面因素，而产生不同风格的网站。橙色绿色红色土黄色黑色