网页设计色彩的选择与搭配.pptVIP

2.1.3 色彩设计 ■色彩的选择 ■色彩搭配 色彩设计 网页的色彩是树立网站形象的关键之一，所以在网页设计中色彩的选择和搭配就显得十分重要，网页的背景，文字，图标，边框……应该选择怎样的色彩？应该搭配什么色彩才能达到我们想要的效果？ 色彩设计 1．色彩的选择 我们在设计网站的时候，一般是从以下几 个方面来考虑色彩的选择 ： a. 色彩的鲜明性 网站的色彩搭配和选择得好，就可以吸引访问者的注意，而且容易被访问者长时间记住。 色彩设计 色彩设计 色彩设计 b. 色彩的个性 网站的色彩要设计出与众不同的个性，这样也可以给访问者留下深刻印象的。所以我们在做网页时，我们的网页要有与众不同的色彩，使得访问者对你的网站印象强烈。 色彩设计 色彩设计 c. 色彩的合适性 网站色彩的选择与搭配要与网站的内容格调相协调。也就是说色彩和你表达的内容气氛相适合。 如果让你们来设计一个女性网站你们会什么颜色来做它的主色调? 色彩设计 色彩设计 色彩设计 d．色彩的联想 不同的色彩会产生不同的联想。在网站设计中多用具有美好联想的色彩，可以使网站流露出另一种气息。总的来说，我们在设计网站色彩时，要根据网站的内容和主题来设计网站的色彩。 色彩设计 色彩设计 色彩设计 2 色彩搭配 网页中最难处理的也就是色彩搭配的问题了。如何运用最简单的色彩表达最丰富的含义，体现企业形象，是网页设计人员需要不断学习、探索的课题。 如何进行色彩搭配是一门学问，下面我们来学习色彩搭配的主要的一些方法： 色彩设计 1、运用相同色系色彩 所谓相同色系，是指几种色彩在360度色相环上位置十分相近，大约在45度左右或同一色彩不同明度的几种色彩这种搭配的优点是易于使网页色彩趋于一致，对于网页设计新手有很好的借鉴作用，这种用色方式容易塑造网页和谐统一的氛围，缺点是容易造成页面的单调。 色彩设计 色彩设计 色彩设计 色彩设计 色彩设计 2、运用对比色或互补色 所谓对比色，是指色相环相距较远，大约在100度左右，视觉效果鲜亮、强烈，而互补色则是色相环上相距最远的连种色彩，即相距180度，其对比关系最强烈、最富有刺激性，往往使画面十分突出，这种用色方式容易塑造活泼、韵动的网页效果，特别适合体现轻松、积极的素材的网站。 色彩设计 色彩设计 色彩设计 色彩设计 色彩设计 3、使用过渡色 过渡色能够神奇地将几种不协调的色彩统一起来，在网页中合理地使用过渡色能够使你的色彩搭配技术更上一层楼。 过渡色包括几种形式：两种色彩的中间色调、单色中混入黑、白、灰进行调和以及单色中混入相同色彩进行调和等等。 色彩的应用技巧 色彩设计 色彩设计 在网页配色中，应注意的是：　　1.不要将所有颜色都用到，尽量控制在三种色彩以内。　　2.背景和前文的色彩对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。 色彩设计 色彩设计 色彩设计 作业 1. 我们在设计网站的时候，一般是从哪几个方面来考虑色彩的选择？ 2. 在网页设计中，色彩搭配主要有哪几种方法？ * * 大型的NBA网站 运用相同色系色彩配色 运用对比色或互补色配色 色彩设计 配色方案 色彩设计 今天我们讲了我们在设计网站的时候，可以从色彩的鲜明性，个性，合适性，联想性这几个方面去考虑色彩的选择。还有色彩搭配的3种方法。 *