网页美工设计色彩搭配

  在网页设计中色彩搭配是相当重要的一个环节,网页的视觉效果情况对于游客的印象分有着很大的影响,因此也就形成了网页美工这个行业。因为网页视觉效果的重要性,因此在网页设计的过程中,色彩搭配原则是作为一名合格的网页美工必须要掌握的。


  网页设计色彩搭配原则
网页美工设计中,最常用的几个颜色为蓝色、绿色、橙色,以及暗红色。

  蓝色多与白、橙搭配,蓝为主调。白底,蓝标题栏,橙色按钮或ICON做点缀;蓝天白云,沉静整洁的感觉。

  绿色多与白、兰两色搭配,绿为主调。白底,绿标题栏,兰色或橙色按钮或ICON做点缀,绿白相间,雅致而有生气。

  橙色多与白、红搭配,橙为主调。白底,橙标题栏,暗红或桔红色按钮或ICON做点缀,橙色活泼热情,标准的商业色调,因此多用于商业网站的网页美工设计。

  暗红色显得宁重、严肃、高贵,需要配黑和灰来压制刺激的红色,常以暗红为主调。黑或灰底,暗红标题栏,文字内容背景为浅灰色。

  网页美工设计色彩忌讳
尽管三原色的相互搭配创造出了无数颜色,可不是所有的颜色都适用于网页美工设计,不同的颜色在搭配上也有着其中的学问,网页设计就相当于平面设计,网页设计师可以将平面设计中的审美观点套用到这上面来,所以平面设计上的审美的观点在网页设计上非常实用。

  在网页美工设计中对于色彩的使用特别忌讳脏、纯、跳、花、粉这几种情形。

  忌脏是指背景与文字内容对比不强烈,灰暗的背景令人沮丧!

  忌纯是指艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。

  忌跳是指再好看的颜色,也不能脱离整体。

  忌花是指要有一种主色贯穿其中,主色并不是面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用。

  忌粉是指颜色浅固然显的干净,但如果对比过弱,显得苍白无力了,就象病夫一样无可救药。

  另外,蓝色忌纯,绿色忌黄,红色忌艳。

  一位网页美工设计的前辈说过:设计师不要“为设计而设计”。再炫酷的页面效果、再丰富的表现形式,如果偏离了以用户为中心的主线,让用户抓不住重点,感悟不到网页本身所需要体现的信息,那么,再好的画面呈现也是败笔。

时间: 2024-12-28 13:11:13

网页美工设计色彩搭配的相关文章

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——导读

前言 互联网信息技术彻底改变了人们的生活和工作,让越来越多的企业和个人建立起网站来宣传自己,网页设计人员的需求大大增加.网页设计是一项综合性的技能,是现代艺术设计中具有广泛性和前沿性的新媒体艺术形式之一.一个优秀的网站,在栏目设计.导航设计.色彩搭配.内容设计等方面都非常严谨.有的网站看上去可能很简单,但却能够在网络中脱颖而出,这些网站可以给人一种吸引力,让浏览者在观看的同时,不知不觉地记住了网站的相关信息,感受到了企业的文化.如何让网站在网络上脱颖而出?网页的美工无疑起到了重要的作用.网页的图

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.8 实战——滤镜制作蓝色光束

2.8 实战--滤镜制作蓝色光束 网页美工设计Photoshop+Flash+Dreamweaver从入门到精通 本章主要讲述了Photoshop CC入门的基础知识,下面具体讲述实际操作.制作放射光束的重点是径向模糊滤镜的应用,可以直接对背景素材或自制一些纹理模糊处理得到初步的放射光束,然后再用其他滤镜加强及锐化光束,后期再渲染颜色即可,如图2-90所示,所使用的文件及要点如表2-11所示. (1)打开素材文件"原始文件/CH02/蓝色光束.jpg",如图2-91所示. (2)选择工

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.2 设置前景色和背景色

2.2 设置前景色和背景色 网页美工设计Photoshop+Flash+Dreamweaver从入门到精通 在Photoshop CC中,默认的前景色为黑色.背景色为白色.当设置了其他颜色后要恢复默认的颜色时,只需单击工具箱中的默认前景色和背景色按钮,如图2-18所示. 前景色:用于显示和选取当前绘图工具所使用的颜色.单击"前景色"按钮,可以打开"拾色器"对话框并从中选取颜色,如图2-19所示. 背景色:用于显示和选取图像的底色.选取背景色后,并不会改变图像的背景色

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.5 文字与图像版式设计

1.5 文字与图像版式设计 网页美工设计Photoshop+Flash+Dreamweaver从入门到精通 文本是人类重要的信息载体和交流工具,网页中的信息也是以文本为主.虽然文字不如图像直观形象,但是却能准确地表达信息的内容和含义.在确定网页的版面布局后,还需要确定文本的样式,如字体.字号和颜色等,还可以将文字图形化. 1.5.1 文字的字体.字号.行距 网页中,中文默认的标准字体是"宋体",英文是The New Roman.如果在网页中没有设置任何字体,在浏览器中将以这两种字体显示

网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1章 初识网页设计与配色1.1 网页设计的相关术语

1章 初识网页设计与配色 为了能够使网页初学者对网页设计有个总体的认识,在介绍设计制作网页前,本书首先介绍网页设计的基础知识,如网页的相关术语.网页设计常用工具Dreamweaver.Flash和Photoshop以及网页的布局与配送.通过本章的学习可以为后面设计制作更复杂的网页打下良好的基础. 1.1 网页设计的相关术语 网页美工设计Photoshop+Flash+Dreamweaver从入门到精通 在学习网页设计之前,先来了解一下网页中静态网页和动态网页的基本概念. 1.1.1 什么是静态网

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.2 网页美工常用工具

1.2 网页美工常用工具 网页美工设计Photoshop+Flash+Dreamweaver从入门到精通 由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作.Dreamweaver.Flash.Photoshop这3个软件相辅相承,是网页美工的首选工具,其中,Dreamweaver主要用来制作网页文件,制作出来的网页兼容性好.制作效率也很高,Flash用来制作精美的网页动画,Photoshop用来处理网页中的图像. 1.2.1 网页编辑排版软件Dream

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.3 创建选择区域

2.3 创建选择区域 网页美工设计Photoshop+Flash+Dreamweaver从入门到精通 从图像中选取所需内容是图像处理的基础操作,各种图像的处理往往是基于图像选取.并在所选区域上进行的.如何快速.精确地选取图像十分重要,这就要求掌握好各种选择工具的使用方法. 2.3.1 选框工具 在Photoshop CC中可以使用工具箱中的[矩形选框]工具和[椭圆选框]工具,在图像上选择选区. 使用[矩形选框]工具,在图像上绘制选区的具体操作步骤如下,所使用的文件名如表2-2所示. (1)打开素

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——第2章 使用Photoshop CC入门基础2.1 Photoshop CC工作界面

第2章 使用Photoshop CC入门基础 Photoshop的专长在于图像处理,而图像处理是对已有的位图图像进行编辑加工处理以及运用的过程,其重点在于对图像的处理加工.本章主要介绍Photoshop的基本操作,包括Photoshop CC的工作界面.前景色和背景色的设置.图像区域的选择.基本绘图工具的使用.创建文字和应用滤镜等基本知识. 学习目标 ● Photoshop CC工作界面 ● 设置前景色和背景色 ● 创建选择区域 ● 基本绘图工具 ● 创建文字 ● 图层与图层样式 ● 应用滤镜

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.3 网页版面布局设计

1.3 网页版面布局设计 网页设计要讲究编排和布局,虽然网页设计不同于平面设计,但它们有许多相近之处,应加以利用和借鉴.为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验. 1.3.1 网页版面布局原则 网页同平面设计一样,也要遵循一些设计的基本原则.熟悉一些设计原则,再对网页的特殊性做一些考虑,便不难设计出美观大方的页面来.网页页面设计有以下基本原则,熟悉这些原则将对页面的设计有所帮助. (1)主次分明,中心突出 在一个页面上,必须考虑视觉的中心.这个中心一般在屏