导航:首页 > 网站知识 > 如何给网站配色

如何给网站配色

发布时间:2022-02-12 17:13:39

A. 网站配色方案

. 网页配色方案 5.0

非常实用的网页配色软件,能分析任何一个网站的网站配色规律,为网页设计提供很好的参考
dl.pconline.com.cn/html_2/1/87/id=3010&pn=0.html

2. 网页配色精灵 5.5

网页配色精灵是小巧的网页设计辅助工具,功能齐全,能按照设计者的色调提供颜色搭配方
www.onlinedown.net/soft/37710.htm

3. 网页配色方案 V5.0

非常实用的网页配色软件,能分析任何一个网站的网站配色
www.skycn.com/soft/21774.html

4. 网页配色精灵 5.5

www.ddooo.com/softdown/35374.htm

5. 网页配色方案 V5.0

www.ddooo.com/softdown/35188.htm

6. 网页配色 V1.0

www.ddooo.com/softdown/22700.htm

7. 网页配色方案 v5.0 正式版

down.chinaz.com/S/14164.asp

8. 网页配色方案 V5.0

download.winzheng.com/SoftView/SoftView_21771.htm

9. 网页配色方案

www.600it.com/soft/6043.htm

10. 网页配色精灵5.5

www.600it.com/soft/6042.htm

B. 网站如何配色及网站配色方案

应该是根据你的网站主营卖点来做配色方案的,比如一家做农副产品交易的网站,大部分元素要体现瓜果蔬菜和交易场所,那么红绿黄对比鲜明及大量的个性图标就是很有必要的;如果以设计为主导的网站,充足的留白和冷色调为主的渐变色配色就很有必要。最终要以目的为导向的,建议用零代码的建个网站上去体验下。

C. 怎样网站配色更好看

这个要看个人眼光
网上有一些关于配色的方案,
有些方案是非常直观的配色及模板,有些方案讲的比较抽象理论化的。
我建议你先看看这些别人写好的文章,然后动手自己设计。
最近我发现还有些配色的软件可以帮上你的忙。
什么软件我就不方便说了,网上有一些很容易就找到。

D. 如何进行网页配色

网页调色板.[值得收藏]

做网页的好帮手.

flash RGB getor

http://www.it365cn.com/bbs/upload/200911231360930.swf

color palette creator
这是我收藏之一,通过基本色调生成10种不同灰度的相同色,并且能生成png文件。
http://slayeroffice.com/tools/color_palette/

4096 Color Wheel Version 2.1
非常漂亮的自然色抓取工具,用鼠标点取颜色,非常方便。
http://www.ficml.org/jemimap/style/color/wheel.html

technicolor
用鼠标拖动滑杆,再根据基色生成系统推荐的色调,最棒的是还能根据你选择的颜色生成标准的css文件。
http://www.themaninblue.com/experiment/Technicolor/

color scheme generator 2
这也许是至今为止最专业的调色板了。不但能根据选择的基色生成相关的配色方案,还有根据颜色的饱和度,明亮度等等只有在photoshop里看见的调节功能,系统还提供推荐方案,有专门为色盲和色弱者推荐的颜色方案。
http://wellstyled.com/tools/colorscheme/index-en.html

colr.org
从网站Url就能看出这也是一个专业的color site。color.org最酷的就是应用了tag,你可以输入forest(森林)这个词,系统自动根据你给出的词生成相关的颜色方案,输入love后我得到的大多是粉红基色调,很准确吧!系统有11000多种颜色tag和20000种颜色方案、7000多个调色板。当然,这个tag。。这个tag不支持中文的…
http://colr.org/

color blender
这个也是一个很有特色的调色板。输入两种截然不同的颜色,系统根据这两种颜色生成渐变色带。
http://www.meyerweb.com/eric/tools/color-blend/

color schemer v2
这个是color scheme generator 2的另一个版本
http://www.colorschemer.com/online.html

visibone color lab
这是第一个根据网页安全色制作的调色板,使用简单,鼠标不停的点,直到碰上让你感觉满意的效果。
http://www.visibone.com/colorlab/

RGB color charts
基于RGB原理的,不过系统生成的颜色很舒服。
http://lodestone.org/people/maria/design/colors.html

full screen picker
这是一个基于浏览器的颜色拾取器,想必下,这种工具还是使用客户端的程序比较方便些。
http://milov.nl/iambald/24.html

colormixers
一边拉滑杆,一边看颜色的变化,相当方便。
http://colormixers.com/mixers/cmr/

以下也是一些color tools的相关链接:
http://www.colormatch.dk/
http://slayeroffice.com/tools/color_palette/
http://kohaistyle.com/scripts/quickcolor
http://www.easyrgb.com/harmonies.php
http://www.stcsig.org/usability/topics/colorblind.html
http://color.twysted.net/
http://www.coolhomepages.com/cda/color
http://www.masternewmedia.org/2003/04/30/

http://dev.sessions.e/ilu/ilu_1.html http://www.technetguru.com/design
http://www.mundidesign.com/webct
http://graphicdesign.about.com/library/color/blweb2.htm
http://www.pourpre.com/chromograf/en/
http://www.webwhirlers.com/colors/wizard.asp
http://www.colorcoordinator.com/colorCoordinator.php

当前最热门的十种颜色:
Moroccan blue :#081b55
Glazed ginger:#da4912
American beauty:#d31112
Ruby wine:#780e1a
Atmosphere:#c4a47b
Burnt olive:#565d10
Gloxinia:#530752
Rattan:#ffdc28
Moss:#a9a40c
Burnt orange:#fe690d

E. 网页给怎么配色

http://www.lvjiyong.com/books/css/colortools.html

网页配色列表

F. 网站的网页要怎样进行配色

你好,你可以多多的关注一下别人的网站都是怎么样去配色的,然后再结合一下自己的实际就知道了,我平时对这一方面也有一些研究,下面就来给你做一个简单的分析:
1、用一种色彩 2、用两种色彩 3、用一个色系
4、灰色在网页设计中又称为“万能色”,其特点是可以和任何颜色搭配,在使用时把握量避免网页变灰我了解的就是这么多了,如果还有什么需要了解的,可以网上查查赢辉网络了解了解的,专业做网站的,应该会对你有所帮助的

G. 网页配色技巧 网页颜色怎么搭配

网页配色很重要,

网页颜色搭配的是否合理会直接影响到访问者的情绪。

好的色彩搭配

会给访问者带来很强的视觉冲击力,不恰当的色彩搭配则会让访问者浮躁不安。

同种色彩搭配:

同种色彩搭配是指首先选定一种色彩,

然后调整其透明度和饱和度,

将色彩变淡或加深,

而产生新的色彩,这样的页面看起来色彩统一,具有层次感。

H. 网站配色

一步、底色和图形色 色彩搭配的问题确实不是一个简单的问题。这一代的设计师比上一代的设计师,所能运用的色彩工具多了许多。如今,我们能运用好计算机为我们提供的丰富色彩,看来不是很简单的事情。就我个人而言,在我从事设计师工作以来,往往也会迷失在色彩的世界。现在交流一下自己学过的和掌握的一些经验,希望大家指正。 配色所要注意的要素 实际设计时,我们经常会按照设计的目的来考虑与形态、肌理有关联的配色及色彩面积的处理方案,这个方案就是我的配色计划。在做配色计划时,我们应该考虑下述几点以突出视觉效果。 1.底色和图形色 在设计时我们会经常遇到用几个色做各种形的构成,作为底的色我们往往会将它推远,而作为图形或文字的色我们要将它拉近。这就需要我们了解受配色关系的影响是什么样的。 一般明亮和鲜艳的色比暗浊的色更容易有图形效果。因此,配色时为了取得明了的图形效果必须首先考虑图形色和底色的关系。 图形色要和底色有一定的对比度。这样才可以很明确的传达我们要表现的东西。 我们要突出的图形色必须让它能够吸引观者的主要注意力。如果不是这样就会喧宾夺主。
第二步、整体色调 如果我们想使我们的设计能够充满生气,稳健,冷清或者温暖,寒冷等感觉都是由整体色调决定的。那么我们怎么能够控制好整体色调呢?只有控制好构成整体色调的色相、明度、纯度关系和面积关系等。才可以控制好我们设计的整体色调。首先要在配色中心决定占大面积的色,并根据这一色来选择不同的配色方案会得到不同的整体色调。从中选择出我们想要的。 如果我们用暖色系列来做我们的整体色调则会呈现出温暖的感觉,反之亦然。 如果用暖色和纯度高的色作为整体色调则给人以火热刺激的感觉,以冷色和纯度低的色为主色调则让人感到清冷、平静的感觉。 以明度高的色为主则亮丽,而且变得轻快,以明度低的色为主则显得比较庄重、肃穆。 取对比的色相和明度则活泼,取类似、同一色系则感到稳健。 色相数多则会华丽,少则淡雅、清新。 以上几点整体色调的选择要根据我们所要表达的内容来决定。

第三步、配色的平衡 颜色的平衡就是颜色的强弱、轻重、浓淡这种关系的平衡。这些元素在感觉上会左右颜色的平衡关系。因此,即使相同的配色,也将会根据图形的形状和面积的大小来决定成为调和色或不调和色。一般同类色配色比较容易平衡。 处于补色关系且明度也相似的纯色配色,如:红和兰绿的配色,会因过分强烈感到刺眼,成为不调和色。可是若把一个色的面积缩小或加白黑,改变其明度和彩度并取得平衡,则可以使这种不调和色变的调和。 纯度高而且强烈的色与同样明度的浊色或灰色配合时,如果前者的面积小,而后者的面积大也可以很容易的取得平衡。 将明色与暗色上下配置时,若明色在上暗色在下则会显得安定。反之,若暗色在明色上则有动感。

第四步、配色时要有重点色 配色时,为了弥补调子的单调,可以将某个色作为重点,从而使整体配色平衡。在整体配色的关系不明确暧昧时,我们就需要突出一个重点色来平衡配色关系。选择重点色要注意以下几点: 重点色应该使用比其他的色调更强烈的色。 重点色应该选择与整体色调相对比的调和色。 重点色应该用于极小的面积上。而不能用于大面积上。 选择重点色必须考虑配色方面的平衡效果。

第五步、配色的节奏 由颜色的配置产生整体的调子。而这种配置关系在整体色调中反复出现排列就产生了节奏。色的节奏和颜色的排放,形状,质感等有关。由于渐进的变化色相、明度、纯度都会产生变化而且时有规律的,所以就产生了阶调的节奏。 将色相、明暗、强弱等等的变化做几次反复,从而会产生反复的节奏。 可以通过赋予色彩的配置以跳跃和方向感就会产生动的节奏,等等。我们可以通过学习或训练来掌握更多的节奏效果。

第六步、渐变色的调和 2色或2个以上的色不调和时,在其中间插入阶梯变化的几个色,就可以使之调和。色环的渐变:色相的渐变象色环一样,在红、黄、绿、兰、紫等色相之间配以中间色,就可以得到渐变的变化。 明度的渐变:从明色到暗色阶梯的变化。 纯度的渐变:从纯色到浊色或到黑色的阶梯变化。 根据色相、明度、纯度组合的渐变,把各种各样的变化作为渐变的处理,从而构成复杂的效果。这些渐变色都是调和的。

第七步、在配色方面的统调 所谓统调,即为了多色配合的整体统一而用一个色调支配全体,将这个色叫做统调色,也就是支配色调。 色相统调是在各色中加入相同的色相,而使整体色调统一在一个色系当中。从而达到调和。 明度统调是加白色或黑色,以使全体色调的明度相似。这样也可以达到调和。 纯度统调是加灰色,以使全体色调的纯度相似

第八步、在配色方面的分割 2个色如果互相处于对立关系是对比的,具有过分强烈的效果,成为不调和色。为了调节它们,在这些色中用其它色把它们划分开来,即分割。将用于分割的色叫做分割色。由于分割的目的,可以用于分割色的颜色不多,最常用的是白、灰、黑。 金色和银色也具有分割的效果。但在我们的电脑中很难调出具有重量感的这两种色,所以在电脑中几乎用不到这两种色。但可以用于印刷中。 使用其它彩色进行分割也可以,但要选择与原来色有明显区别的明度,同时也应考虑色相和纯度。

以上这些是我们在配色时注意的一些问题和解决的一些基本方法。我想还有更多的色彩问题,我这里没有谈到。如:色彩的感情、色彩的形状、色彩的味觉、色彩的距离感、色彩的音乐感等等。

http://e.chinaz.com/Get/Website/Color/index.asp
http://e.chinaz.com/Get/Website/Color/index.asp

2)网站打开后在状态栏中有字幕滚动
这是javascript写的跑马灯效果
<SCRIPT Language="JavaScript">
var msg="欢迎光临 洪恩在线 电脑乐园";
var interval = 300;
seq = 0;
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) { seq = 0 };
window.setTimeout("Scroll();", interval );
}
</SCRIPT>
<body onload="Scroll()"></body>

http://www.hongen.com/pc/homepage/javascript/sample/run1.htm
http://www.hongen.com/pc/homepage/javascript/sample/run.htm
参考资料:http://e.chinaz.com/Get/Website/Color/index.asp

I. 网站配色求助

网站设计上,给人一种不上档次的感觉,配色方案可以参考一下凡客诚品及拍拍等,再就是素材中国等网站上都有现成做好的免费网页模版,建议去下一个,稍做修改传到服务器上就可以用,现在不少做网站的都是下几套网站模版然后再改造改造变成自己的东西,建议你也试一下。

J. 网站配色方案是什么

一、网站配色方案——五种颜色环的配色方法


1、颜色匹配,


相似的颜色:气质的优点和缺点是一致和协调。缺点是很容易变得单调。注意:1。注意色彩亮度的对比。注意区域对比。背景色一般与主色相同。注意颜色回声。


2. 相邻的颜色匹配


相邻色:气质的优劣是一致感、语感、统一感、优雅和谐。注意:1。注意色彩亮度的对比。注意颜色区域的对比。背景色一般与主色相同。注意颜色回声。


3.对比匹配


对比色:气质的利与弊是强烈、大胆、有力、活泼、丰富。缺点是容易杂乱、刺激,造成视觉疲劳。颜色和谐:1。增加和减少颜色亮度。提高和降低颜色纯度。注意区域对比。注意孩子们的颜色呼应。


4. 互补色匹配


互补色:气质的利与弊是强、刺眼、吵、强。缺点是幼稚、原始、庸俗、不稳定、不协调。颜色和谐:1。增加和减少颜色亮度。提高和降低颜色纯度。注意区域对比。注意颜色回声。


5. 各种各样的颜色


不同颜色:气质、优缺点、同调、异调、中间调。


以上五点就是新彩环配色的技巧


配色原则:三色法。三色搭配原则:指一个图案,色彩应控制在三色之内。记住有三个,不是三个。


二、网站配色方案——三色组合:主色+辅色+润色


1. 主色(主色)约为75%。决定屏幕样式趋势的颜色或颜色组。主色调不一定是单一的颜色,它也可以是色调。最好选用一种或三种相同的色系或相邻的颜色,只要能保持和谐即可。


2. 辅助色(辅助图片)约为20%。辅助色是辅助主色,使画面更加完美、丰富、有利。辅助色不必是一种颜色。它也可以是一个多色相位援助。辅助图片是辅助图片,装饰性图片。点缀设计最好有1-2种,比较轻易绚丽,或主题分散。


3.成品的颜色(成品图片)在5%左右。装饰色彩(装饰画)可以引导阅读,装饰图片,创造独特的图片风格。装饰色彩(图)也有1-3种,但最好是一种为主,一种为辅,整体协调。


环球网校小编为大家整理的《在UI设计中最重要网站配色方案,有哪些类型?》到这里就结束了,如果你希望能将这篇文章灵活应用,还需多加练习,如果你还想学习更多有关UI设计的技巧或知识,可以点击本站的其他文章进行学习。

阅读全文

与如何给网站配色相关的资料

热点内容
网络共享中心没有网卡 浏览:527
电脑无法检测到网络代理 浏览:1377
笔记本电脑一天会用多少流量 浏览:597
苹果电脑整机转移新机 浏览:1381
突然无法连接工作网络 浏览:1080
联通网络怎么设置才好 浏览:1230
小区网络电脑怎么连接路由器 浏览:1057
p1108打印机网络共享 浏览:1215
怎么调节台式电脑护眼 浏览:720
深圳天虹苹果电脑 浏览:955
网络总是异常断开 浏览:618
中级配置台式电脑 浏览:1015
中国网络安全的战士 浏览:638
同志网站在哪里 浏览:1422
版观看完整完结免费手机在线 浏览:1464
怎样切换默认数据网络设置 浏览:1114
肯德基无线网无法访问网络 浏览:1290
光纤猫怎么连接不上网络 浏览:1499
神武3手游网络连接 浏览:969
局网打印机网络共享 浏览:1005