導航:首頁 > 網站知識 > 如何給網站配色

如何給網站配色

發布時間: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
深圳天虹蘋果電腦 瀏覽:956
網路總是異常斷開 瀏覽:618
中級配置台式電腦 瀏覽:1015
中國網路安全的戰士 瀏覽:638
同志網站在哪裡 瀏覽:1422
版觀看完整完結免費手機在線 瀏覽:1464
怎樣切換默認數據網路設置 瀏覽:1114
肯德基無線網無法訪問網路 瀏覽:1290
光纖貓怎麼連接不上網路 瀏覽:1499
神武3手游網路連接 瀏覽:969
局網列印機網路共享 瀏覽:1005