黑色網頁設計
① 怎麼在網頁排頭添加一行黑色背景網頁設計高手請進
直接給你寫行代碼吧.假設你要設置的這一行黑色背景高度為10個像素。
在你需要插入黑色背景的地方寫下:<div class="top_black"></div>
<style>
.top_black{width:100%;height:10px;background:#000;}
*{margin:0px;padding:0px;}
</style>
如果你要修改黑色背景的高度,就改height:10px的 數值10即可。
② 網頁製作 怎麼改變網頁背景顏色 我想讓背景變成黑色
背景嘛就是,background,黑色就定義background: #000;
③ 網頁設計配色的用色十例
以下將分別介紹十個配色較好的網站,大家可以學習和借鑒一下,培養對色彩的敏感以及獨到的審美能力。
1)大型的NBA網站。通常我們經常看到的此類網站以白色為背景,但是這個網站卻用灰黑色RGB為(48,48,48/#333333)(以下顏色都用RGB表示),文章標題用色為RGB為(203,201,153/#CCCC99),菜單使用的RGB為(112,119,112/#707770)。這樣的配色可以顯示獨特的個性,又不失大型網站的風采。
2)娛樂類的綜合性網站UGO,他的配色方案是背景色為黑色RGB為(0,0,0)中嵌套RGB(0,0,82),字體白色RGB(255,255,255),菜單為RGB(77,114,159)。這樣的雖以黑藍為主色調,但是配以漂亮的圖片,給人的感覺是生機盎然,充滿了互動色彩和青春氣息。
3)微軟公司網站,微軟不僅軟體做的好,連網頁製作也是世界一流。他的每一個網頁都是製作的樣板。從網頁我們就可以看出微軟公司的風格、作風,以及雄厚的實力。背景顏色使用藍色RGB為(0,151,254),菜單為黑色RGB(0,0,11),菜單為灰色RGB(200,200,200),字體為黑色RGB(0,0,0)。
4)相對簡單網站,但是她的用色也別具匠心,現在我們來看一看,整體上使用的是白色RGB(255,255,255),輔助色為RGB(79,88,95),菜單色為RGB(48,64,64)和RGB(0,81,111)字體使用的是RGB(83,86,91)。雖然簡單,但顏色搭配非常的科學合理。
5)黃色調為主網站,很體現公司的個性,現在我們就來看一看她的顏色搭配。主色調為黃色RGB為(255,199,48/#FFC730),輔助色調為RGB(49,102,46)字體為棕色RGB(153,103,0),中間再配以抽象的圖片,顯得個性十足但又不單調。
6)橘紅色網頁。下面的這個網站就是一個非常著名的例子。他的主色調為RGB(255,151,0)輔助色調為RGB(255,103,4),菜單RGB為(252,200,0)。字體使用黑色RGB為(0,0,0)。此種配色顯得主人較為前衛,色彩熱烈,給人的震懾力較強。
7)鮮紅色也是一種震撼感很強的顏色,如果搭配不當,也可能使網站沒有風格和特點。下面的這個網站就是使用紅色比較好的網站。我們來看看他的顏色搭配。他使用的主色調是RGB(200,9,0),配以抽象的圖形,文字使用的是RGB(213,229,167)顯得美觀而不失獨特,大氣而不逼人。
8)不經常用到的顏色色調,如果使用到你的網頁中,肯定會給人耳目一新的感覺。他的主色調為RGB(144,151,97)輔助色調為RGB(173,168,112)邊飾為黑色RGB(0,0,0)字體為黑色RGB(0,0,0)。這樣的搭配顯得風格獨特,顏色和諧而莊重。
9)設計更加的簡單化,但是顏色的使用使網頁並不呆板,反而讓人感覺到一股濃濃的生活和家庭氣氛,使人置身於美麗和愛中。他的主體是由兩種顏色構成,分別是RGB(239,200,161)和RGB(201,254,200)。如此簡單,但是卻栩栩如生,躍然網上。
10)下面舉出這個例子是想證明一個道理——只要你有足夠的想像力,你就能夠設計出漂亮的網頁。目前在網上非常流行一句話就是網頁的搭配不要超過四種主要顏色,否則就有雜亂之感。下面的這個網站遠遠的超過了三種顏色,但是她並不失美麗。因此重要的還是色彩的駕馭能力。下面這個例子的菜單就使用了7種顏色,但是我們看到的網頁並不雜亂,相反感覺作者很有創意。
網頁設計的顏色搭配需要在實踐中不斷的摸索和不斷的創新,認真學習別人的先進方法和經驗,可以快速的提高我們的製作水平。
可以說。網頁顏色搭配得當,成功也就走了一半。
④ 網頁設計是否可以用百分百的黑
100% 的#000,
沒學過設計,但99%的網站都沒有全黑色的。
這樣不好配色,而且就是黑色,也會加透明度的。
⑤ 網頁設計基本能用到的顏色都是多少RGB值求大神幫助
這樣說吧: 先看看8位色深的RGB色值代表.例如白色: R:255 G:255 B:255. 然後用網頁代碼表專示為屬: #ffffff 再如 黑色: R:0 G:0 B:0 網頁代碼表示為: #000000 你在Photoshop的調色板中可以直接找到代表當前顏色的網頁代碼; 其中的奧秘就是其實網頁代碼就是RGB的16進制寫法.表示方式是#RRGGBB. 0的16進製表示為 00, 255的16進制是ff. 結論: 網頁代碼可以表示8位色深的RGB的任意顏色. 可以通過軟體查詢網頁代碼的方式得到.photoshop.Dreamweaver.flash都可以.(當然,如果不嫌棄麻煩,已知RGB色分值,自己換算也能得到相應代碼 (*^__^*) )
⑥ 網站設計用黑色作為背景好嗎
黑色作為背景的話可以將一些明亮的色彩作為前景,只要搭配好就行了
⑦ 網頁設計 網頁配色的特徵有哪些
每天我們在互聯網上看到的網站都是有色彩的,不管是彩色系還是黑、白、灰,色彩構成了網站的整體風格,也為用戶帶來了不一定的視覺體驗。好的色彩搭配對於網站的頁面來說是非常重要的,想要做好這一點首先要對顏色有一定的了解。
網頁視覺體驗主要是由形式(或叫布局)、色彩、圖片和文字信息組成,共中色彩主要指的就是色彩的搭配和運用。頁面設計需要考慮和搭配的是頁的顏色而不是同片的顏色,所以我們可以將整個頁面當做一個畫布,然後對需要的部分進行色彩填充,使其看起來即實用又美觀。想要很好的玩兒轉網頁設計色彩搭配,我們首先要對顏色有一定的了解,了解顏色可以從以下兩方面入手,一方面是不同顏色的象徵意義,另一方面是色彩心理學知識。
互聯網風頁上的顏色,在HTML下看到的是以顏色英文單詞或者十六進制的表示方法(如#000000表示為黑色)。不同的顏色有著不同的含義,網頁上的顏色搭檔2也是一種無聲的語言,給人各種不同的的感覺和聯想。顏色的象徵意義是人們在長期的使用色彩時得到的一種共性的常識,網站頁面設計師需要將顏色自己的含義、網站頁面和公司的網站建設定位三者結合起來,最終得出適合的網站頁面設計方案。網站頁面設計技巧一:找准主題色調在解析網站頁面設計中色彩搭配的技巧一找准主題色調前,我們先來了解一下幾款不同色調整的網頁設及相對應的成功案例。不同顏色的象徵意義和相對應的網頁設計成功案例。紅色:熱情、奔放、喜悅、血氣、年輕;(成功案例:可口可樂、肯德基)黃色:高貴、富有、燦爛、活潑、溫暖、透明;(成功案例:法拉利、麥當勞)黑色:嚴肅、夜晚、沉著;(成功案例:Uber Brand Guide)白色:純潔、簡單、潔凈;(成功案例:分形科技)藍色:天空、清爽、科技、可靠、力量;(成功案例:戴爾、大眾汽車、IBM)綠色:植物、生命、生機、健康;(成功案例:星巴克)灰色:象徵冷靜、莊重、沉穩;(成功案例:蘋果、維基網路、紐約時報等)紫色:浪漫、富貴、智慧、想像;(成功案例:雅虎)
橙色:象徵歡樂、信任;(成功案例:芬達、亞馬遜、火狐)
解析:網頁色彩搭配方法1、同種色彩的搭配方法同種色彩搭配的方法是指先選定一種主色,然後再以這款顏色為基礎進行透明度和飽和度的調整,通過對顏色進行變淡或加深得到其化新的顏色。好處:讓網頁的整個頁面看起來色彩統一,且具有層次感。2.鄰近色彩搭配方法鄰近色彩指的是在色環上相鄰的兩種不同顏色,如綠色和藍色、紅色和黃色即互為鄰近色。好處:採用鄰近色搭配的網頁可以避免色彩雜亂,容易達到頁面和諧統一的效果。3.對比色彩搭配方法一般認為,色彩的三原色(紅、黃、藍)是最能體現色彩間的差異的三款顏色。色彩的這種強烈對比效果具有很強的視覺誘惑力,能夠起到突出重點的作用。好處:在網頁設計中通過合理使用對比色,能夠使網站特色鮮明、重點突出。以一種顏色為主色調,將其相鄰對比色作為點綴,以起到畫龍點睛的作用。4、冷、暖色色彩搭配方法冷色調色彩搭配指的是使用綠色、藍色及紫色等冷色系色彩進行搭配,暖色調色彩搭配是指使用紅色、橙色、黃色等暖色系顏色的搭配。好處:冷色調色彩搭配的網頁可以為用戶營造出寧靜、清涼和高雅的氛圍,冷色色彩與白色搭配一般會獲得較好的視覺效果。暖色調色彩搭配可為網頁營造出穩定、和諧和熱情的氛圍。5、文字與網頁的背景色對比的搭配方法
⑧ css中網站底部設計為什麼要用黑色或者淺黑、淺灰色的背景色
就是把版權區和上面內容區區分開而已,用灰色最大眾,很上面上面顏色都好配,設計上你把版權做成任何顏色都無所謂,只有好看。
⑨ {求助}網頁製作該如何搭配顏色,比如背景色為黑色,那麼字體該配合什麼顏色
如果你的背景色為黑色,你的頁面主體也是黑色的嗎,而且如果用黑色作為背景,會給人壓抑的感覺,你要確定你的網站服務的主題