1、如何在HTML中設計水平線的顏色?
在HTML中設計水平線的方法如下
1 在網頁設計過程中,如果隨意利用預設水平線,常常會出現插入的水平線與整個網頁顏色不協調的情況。打開水平線屬性面板也只有寬、高、對齊以及陰影方面的設置。
2,對水平線顏色的設置,怎麼辦? 其實,你只要仔細看一下水平線的屬性設置面板,就會發現一個「快速標簽編輯器」,點擊此標簽並在後面輸入color=顏色。這里的「顏色」可以是任何顏色,一般格式為:< hr color=#FF0000>。
3,用這個方法設置後,在Dreamweaver中無法直接看到效果,我們可以點擊「F12」鍵,在瀏覽器里瀏覽水平線的顏色變化。
最後,再告訴你個小技巧
諸如「#FF0000」這樣的顏色代碼對於初級朋友來說不容易分辯,你可以這樣做:給網頁中的字體加上顏色此顏色是你想給水平線所要加的顏色,然後把顏色代碼復制並粘貼到水平線的「快速標簽編輯器」即可。
2、網頁美工設計如何選擇合適的顏色
網頁的顏色對於網頁的表現效果具有非常重大的影響。所以在網頁設計的時候一定要選擇合適的顏色。但是網頁設計選擇合適的顏色也是沒有那麼容易的。下面小編告訴您網頁設計如何選擇合適的顏色,網頁設計怎麼選配色。
1、讓網頁有對比更平衡
在很多網頁中,你會發現網頁的主體通常使用了白色的背景和灰色或者黑色的文字。這種設計上的嘗試早已有之,這種對比度確保了可讀性。
使用中性色的美妙之處在於,它可以和任何配色方案搭配。你可以在配色方案中添加中性色,提高排版效果和可讀性。你也可以在網頁元素中適當地增加灰度,提高信息的層次,並不是網頁中每個元素都非得色彩鮮亮。有了層次,視覺就有了焦點,用戶就不會分心。
2、選擇多少色彩才合適
通常能具備主次兩種色調就夠用了,但是也可以通過調整色調、色彩和色度可以靈活創造更多的可能性。
值得一提的是,網站的色彩比例控制為6:3:1最為適宜。色彩比例均勻的話,會讓色彩之間相互沖突,主次不分。6:3:1規則指的是,主色調應該覆蓋6成的網頁和UI元素,輔助色占據3成,而剩下的.1成則應該是裝飾色或者強調色,讓網站或者UI更舒適。
3、配色方案最重要的因素
當你要使用你的配色方案來設計網頁布局的時候,你需要仔細審視整個網站來考慮如何使用這些色彩來引導你的用戶。審視網頁布局,你得先找出哪些地方更重要,哪些地方需要你的用戶點擊,哪個頁面是你希望用戶優先訪問的,確定了這些用戶行為方向之後,你就知道哪些地方的視覺是需要強化的。合理調整配色中顏色的色彩、色度和色調可以讓頁面不同的部分有輕重之分,正確引導用戶。
很多時候,你希望用戶能直接點擊某個按鈕,通常網頁設計中會讓它成為一個「行為召喚按鈕」,讓它隨著滑鼠行為而改變顏色。為了吸引用戶,按鈕一般狀態下會使用首選色,那麼要如何選擇它的懸停和禁用時候的顏色呢?一般來說,最好是有微小的過度,所以很多設計師會選擇使用同色系的色調或者色度來表示不同的狀態。
3、網頁設計中,淡藍色系網站如何配色?
首先說一下藍色系列網站既是最難搭配的也是最好搭配的,
之所以好搭配是因為藍色作為主色調的網站可以運用單色進行設計,配合黑色或者白色完全可以取得很好的效果。
之所以說難搭配是因為兩點
第一,藍色本身很難運用,很容易用「火」,顏色太純,過於刺眼。也很容易用「灰」,顏色太臟,過於灰暗。
第二,藍色的網站尋找合適的搭配顏色很難,並不是沒有。只要合理的選擇可以在互補色系中尋找比較好的顏色,切記一點就是「五色令人目盲」,顏色種類一定要控制在三種之內,要不就會顯得「亂」。
4、網頁美工設計的色彩搭配
在網頁美工設計中色彩搭配是相當重要的一個環節,網頁的視覺效果情況對於遊客的印象分有著很大的影響。下面是小編分享的網頁美工設計的色彩搭配,一起來看一下吧。
網頁美工設計色彩忌諱
盡管三原色的相互搭配創造出了無數顏色,可不是所有的顏色都適用於網頁美工設計,不同的顏色在搭配上也有著其中的學問,網頁美工設計就相當於平面設計,網頁美工設計師可以將平面設計中的審美觀點套用到這上面來,所以平面設計上的審美的觀點在網頁美工設計上非常實用。
在網頁美工設計中對於色彩的.使用特別忌諱臟、純、跳、花、粉這幾種情形。
忌臟是指背景與文字內容對比不強烈,灰暗的背景令人沮喪!
忌純是指艷麗的純色對人的刺激太強烈抗議,缺乏內涵。
忌跳是指再好看的顏色,也不能脫離整體。
忌花是指要有一種主色貫穿其中,主色並不是面積最大的顏色,而是最重要,最能揭示和反映主題的顏色,就象領導者一樣,雖然在人數上居少數,但起決定作用。
忌粉是指顏色淺固然顯的干凈,但如果對比過弱,顯得蒼白無力了,就象病夫一樣無可救葯。
另外,藍色忌純,綠色忌黃,紅色忌艷。
網頁美工設計色彩搭配原則
網頁美工設計中,最常用的幾個顏色為藍色、綠色、橙色,以及暗紅色。
藍色多與白、橙搭配,藍為主調。白底,藍標題欄,橙色按鈕或ICON做點綴;藍天白雲,沉靜整潔的感覺。
綠色多與白、蘭兩色搭配,綠為主調。白底,綠標題欄,蘭色或橙色按鈕或ICON做點綴,綠白相間,雅緻而有生氣。
橙色多與白、紅搭配,橙為主調。白底,橙標題欄,暗紅或桔紅色按鈕或ICON做點綴,橙色活潑熱情,標準的商業色調,因此多用於商業網站的網頁美工設計。
暗紅色顯得寧重、嚴肅、高貴,需要配黑和灰來壓制刺激的紅色,常以暗紅為主調。黑或灰底,暗紅標題欄,文字內容背景為淺灰色。
一位網頁美工設計的前輩說過:設計師不要「為設計而設計」。再炫酷的頁面效果、再豐富的表現形式,如果偏離了以用戶為中心的主線,讓用戶抓不住重點,感悟不到網頁本身所需要體現的信息,那麼,再好的畫面呈現也是敗筆。
5、網頁設計中的色彩搭配
出色的網頁設計能夠給用戶留下深刻的印象,包括整個頁面的布局,圖片展示以及內容編輯等,都影響著用戶對網頁的評價,但是所有的網頁元素設計都離不開色彩的搭配學問,因為網站的整體格調,版面效果等是由顏色決定的,也是用戶產生視覺共鳴的第一要素。以下是小編搜索整理網頁設計中的色彩搭配,歡迎大家閱讀!
我們經常所說的一個新穎充滿創意的網頁往往不是因為它真的有多特別,而是因為它用色彩搭配改變了人們對它的整體印象,帶給用戶的視覺沖擊力極強引起的驚嘆。有時候,光有一個不錯的設計形態是很難得到用戶的肯定的,只有用色彩方案賦予網頁該有的品質才是一個好的網頁設計。
色彩搭配雖然是一種抽象的東西,但它對於網頁設計來說並不是那麼困難,相信大多數用戶對某種網站的主題和顏色的印象已經形成了一種定向,搭配起來容易得多。即使沒有足夠的`理論知識和經驗,甚至是色感,只要遵循以下幾個方面,就可在網頁上運用自如。
網頁配色選擇
用戶對顏色的認知絕大多數是類似的,無論是哪一類的網頁,如果太過花哨不僅不會帶給用戶視覺的享受,還會干擾視覺,那麼很明顯,網頁在顯眼的顏色方面配色最好不要超過三種,以免造成頁面視覺體驗的混亂。
許多人認為不懂顏色搭配,就應找專業的顏色搭配來參考,從網路上搜集大量的配色工具來幫助設計,事實上這種方式會阻礙配色思維的發揮,甚至被誤導。
對於主色,只要選擇色相差異明顯的,在對比色、臨近色、冷暖色調之間能夠達到互補就可以了,或者在自己選擇好的主色中參考類似網站案例,就可以簡單完成配色。
靈活運用色調變換技巧
在選擇的顏色當中,善用透明度、柔光,顏色加深等方法來調試顏色的搭配,哪怕只選擇黑白色,也可通過這種方式讓顏色看起來不失光彩。
給顏色加上特效
顏色特效包括陰影,扭曲漸變,高光,線條映襯等,注重顏色的細節往往還是配色的成功之道,顏色種類盡管單調,但在特效上運用得當,也能彰顯網頁藝術特性。
當然,在網頁設計選擇色彩之前,一定要先綜合考量網站的特性,前期工作固然不可忽略,免得最終設計的效果與用戶的期待不相符,造成用戶體驗不佳的結果。
說到這個,也即是網站的定位和受眾目標的考慮,例如:科技類的網站用戶印象中都是充滿神秘的,那麼黑色,藍色估計是比較容易接受的網站風格,最好迎合用戶的認知習慣;再如,生態環保類網站,用戶可能首先想到的是綠色,那就不能選擇出入太大的顏色作為主色調。
網頁設計配色學問,說難不難,說其容易也不簡單,選擇對的顏色搭配或許是成功的一半,它能抓住用戶對網站的第一感覺,傳遞信任感,讓用戶更容易記住。
6、網頁設計過程中的色彩搭配的原理是什麼?
色彩能夠建立起我們對品牌的直觀感知。在談論網頁設計中色彩搭配原則之前,我們需要先來看看不同主色調的象徵意義。這個主色調的選擇,需要依據我們對所要設計網站的定位來確定。
通常,看看優秀的網站能夠給我們帶來很多啟示。下面我們就先看看這些主色調的象徵意義和這些色調中做的比較優秀的網站。
灰色:象徵冷靜、中立;(蘋果、維基百科、紐約時報……)
綠色:象徵健康、生命;(BP石油、食品超市whole foods、星巴克……)
藍色:象徵可靠、力量;(戴爾、大眾汽車、IBM……)
紫色:象徵智慧、想像;(雅虎、T-Mobile、科幻主題電視台Syfy……)
紅色:象徵血氣、年輕;(可口可樂、樂高、肯德基……)
橙色:象徵歡樂、信任;(芬達、亞馬遜、火狐……)
黃色:象徵溫暖、透明;(百思買、法拉利、麥當勞……)
網頁設計色彩搭配原則
網頁美工設計中,最常用的幾個顏色為藍色、綠色、橙色,以及暗紅色。
藍為主調。藍色多與白、橙搭配,。白底,藍標題欄,橙色按鈕或ICON做點綴;藍天白雲,沉靜整潔的感覺。
綠為主調。綠色多與白、蘭兩色搭配。白底,綠標題欄,蘭色或橙色按鈕或ICON做點綴,綠白相間,雅緻而有生氣。
橙為主調。橙色多與白、紅搭配。白底,橙標題欄,暗紅或桔紅色按鈕或ICON做點綴,橙色活潑熱情,標準的商業色調,因此多用於商業網站的網頁美工設計。
暗紅為主調。暗紅色顯得寧重、嚴肅、高貴,需要配黑和灰來壓制刺激的紅色。黑或灰底,暗紅標題欄,文字內容背景為淺灰色。
網頁設計師需要注意的幾點
盡管三原色的相互搭配創造出了無數顏色,可不是所有的顏色都適用於網頁設計,不同的顏色在搭配上也有著其中的學問,網頁設計就相當於平面設計,網頁設計師可以將平面設計中的審美觀點套用到這上面來,所以平面設計上的審美的觀點在網頁設計上非常實用。
在網頁設計師中對於色彩的使用特別忌諱臟、純、跳、花、粉這幾種情形。
忌臟是指背景與文字內容對比不強烈,灰暗的背景令人沮喪!
忌純是指艷麗的純色對人的刺激太強烈抗議,缺乏內涵。
忌跳是指再好看的顏色,也不能脫離整體。
忌花是指要有一種主色貫穿其中,主色並不是面積最大的顏色,而是最重要,最能揭示和反映主題的顏色,就象領導者一樣,雖然在人數上居少數,但起決定作用。
忌粉是指顏色淺固然顯的干凈,但如果對比過弱,顯得蒼白無力了,就象病夫一樣無可救葯。
另外,藍色忌純,綠色忌黃,紅色忌艷。
當然,作為網頁設計師,我們最需要時刻提醒自己的是不要為了設計而設計。
一切的設計都要以用戶的需求為導向。一個優秀的網站,會給用戶非常直觀簡介明了的體驗和簡明的導航。
7、在網站設計中顏色代碼
這是32位的RGB顏色編碼
其中#000000是代表黑色
是用光學三原色紅綠藍來混合排的,其中前兩位是紅色,中間兩位是綠色,後邊兩位是藍色,每一位分別從0到F排,全亮是白,全滅是黑
所以標准綠色是#00FF00
紅色是#FF0000
黃然是#FFFF00
粉色#FF00FF
我是靠記憶寫的沒驗,你自己看一下三原色色譜吧