网站建设配色技巧_第1页
网站建设配色技巧_第2页
网站建设配色技巧_第3页
网站建设配色技巧_第4页
网站建设配色技巧_第5页
已阅读5页,还剩2页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第页网站建设配色技巧由于绝大多数的制定项目都倾向于使用多色调配色方案,这使得单色配色在诸多不同的制定当中,更容易脱颖而出。

选择基础色

选择基础色

单色配色的制定最难的地方,其实也就是挑选色彩这个事情。诚然,制定师不必须要进行多色调搭配筛选,但是直接决定整个制定的色彩,挑选起来其实更加困难。

一般而言,不同的色彩有着不同的气质,传递出不同的情绪,你可以从这方面着手。

红色:爱,激情

蓝色:和谐,信任

绿色:希望,自然

黄色:乐趣,能量

粉色:浪漫,女性化

紫色:神秘,幻想

仔细想想你制定对象的品牌形象和产品定位,什么样的色彩会比较合适?

确定色彩的色相之后,接下来你必须要合计色彩的明暗和饱和度。你必须要营造柔和的感觉还是明亮的效果?调整这些属性,让主色调更贴合你的制定目标。

学会调整明暗和饱和度

单色配色并不是指只有一种颜色,而是只有一种色相。我们在色环上常见的色彩,默认状况下饱和度和亮度都是100%。确定色相之后,你可以通过调整明暗和饱和度,来创造一套和而不同的配色方案。通常,我们会使用Tint(色彩)、Tone(色调,饱和度)和Shade(色度)这三个属性,来对色相下的颜色进行界定,以及调整。

Tint:用选定的颜色和白色混合产生的颜色

Tone:用选定的颜色和不同程度的灰色混合产生不同饱和度的颜色

Shade:用选定的颜色和不同程度的黑色混合产生不同色度的颜色

所以,确定了颜色之后,通过调整色彩、色调和色度,你能获得一个色相下不同的颜色,创造出有层次的配色方案。

当然,你所创造的这套配色方案内不同的颜色之间,要有足够的对比度,让用户能够识别出来。

你可以让不同的元素的色彩,在整个制定中坚持色相相同明暗次第变化,构成一个阶梯型的色阶。

实际上,许多有趣的单色配色效果,在印刷品上面表现得颇为不俗。很大程度上,是因为它不仅能够浮现颜色,而且能够借助不同的工艺,实现不同的质感。

和其他元素搭配使用

由于单色配色之下,所有的色彩都在同一色相下,色彩的对比度可能没有多色配色下那么显然,所以想引导用户浏览不同的元素的时候,引导性上可能没那么显然。

当然,无论你使用什么色彩,黑白的文本通常都能确保足够的对比度,用来承载内容,也不会让整个制定显得单调。

使用颜色叠加:在叠加色彩之前,将背景的元素都转为黑白,保证叠加颜色之后,整体的色彩是一致同一的。

使用加粗字体:采纳加粗字体是为了让文本内容在单色配色的背景中更容易被用户所识别。

使用阴影和其他视觉提示:这些视觉效果本身是为了在元素和背景层之间添加间隔,强化可读性。

使用插画:让单色配色和插画结合起来,能够创造更加现代的视觉体验,同时也强化单色配色的表现力。

搭配相应的图片:如果你必须要在单色配色的网站中使用视频或者图片的话,无妨将网站的主色调和图片中的某个色彩坚持一致。Cuberto这个网站就是这样。

2网页色彩制定方法

网页制定是一个新兴制定领域,相关于传统媒体,它的构成元素更加复杂,包涵了文字、图像、色彩、声音、动画等各元素。在网页众多元素中,色彩有着不可或缺的重要地位。用户在浏览网页时,首先看到的就是网页的色彩,然后才是图片、文字等信息。研究资料说明,在网页制定中,色彩能提升信息浏览和分类的速度和准确度,能提升理解的速度,比文字和字体变化更能提升理解的准确度。色彩不但给用户带来美感和愉悦感,而且可以有效地传达网站理念和信息。

成都网页制定

由于网页是基于internet浏览器开发的媒体,所以颜色以光学颜色RGB为主,网页颜色以十六进制代码表示,一般格式为#333333,像这个黑色就是深灰色,纯黑色则为六个0.RGB模式显示器的物理色彩模式,这就意味着无论在软件中使用何种色彩模式,只要是在显示器上显示的,图像最终都以RGB方式出现.

色环实质上就是彩色光谱中所见的长条形的色彩序列,只是将首尾连接在一起,使红色连接到另一端的紫色.色环通常包括12种不同的颜色.

随着网页制作经验的积存,用色要有这样的一个趋势:单色-五彩缤纷-标准色-单色.一开始因为技术和知识缺乏,只能制作出简单的网页,色彩单一;在有一定基础和材料之后,希望制作一个美丽的网页,就会将自己收集的最好的图片,以最满意的色彩搭配堆砌在页面上,但时间一长却发现色彩杂乱,没有个性和风格;第三次重新定位自己的网站,选择好切合自己的色彩,这样推出的站点往往比较成功,当最后制定理念和技术达到顶峰时,则又返朴归真,用单一色彩甚至非彩色就可以制定出简洁精美的网站。

3网页制定色彩搭配的技巧

1、用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将色彩变淡或者加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。

2、用两种色彩。先选定一种色彩,然后选择它的对比色(在PS里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花哨。

3、用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。确定色彩的方法各人不同,我是在PS里看前景色方框,在跳出的拾色器中选择自定义,然后在色库中选就可以了。

4、用黑色和一种彩色。不如大红的字体配黑色的边框感觉很跳。

在网页制定配色中,忌讳的是:

1、不要将所有颜色都用到,尽量控制在三种色彩以内。

2、背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案做背景),以便特别主要文字内容。

4网页建设配色原则

1、颜色选择不要太多样化。在颜色选择方面千万不要太过复杂或者是多样化,而是要选择相同色系不同色号的颜色,这样才可以让整体的层次性美观性得到更好的保证,例如大家可以选择不同类别的蓝色搭配在一起,这样就可以让空间感观效果变得更好,也避免出现太过杂乱的状况,每一个网站配色的制定不要超过三种,尽量可以色号不同来进行搭配,这是非常重要的提升美观性和高端品质的配色原则。

2、注意层次性和舒适性。一定要注意颜色的搭配过程中的层次性,这样才可以避免视觉效果太过压抑或者是有严重的刺激性,同时也会确保在浏览网站时的舒适性,广州网站制定公司认为如果颜色搭配太过杂乱或者是颜色太过艳丽,这肯定会让大家打开网站之后感觉到非常压抑,在这样的状态下也会让大家视觉感官效果变得更加不舒适,自然就会让很多用户直接关掉网站不愿意浏览,严重影响用户对自己网站的第一印象。

3、结合网站主题格局推断。为了能够更好的确保网站的配色效果,同时也可以让美观性得到更好的

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论