網頁設計黃金配色原則是什麼
身爲網頁設計新手的你,是不是還在糾結於你製作的網頁找不到一組完美的配色方案?在本教程中我們將與你分享6條肯定會火,並且“錯不了”的指導方針,你可以按照這些原則把握最基本的色彩規律。現在我們分享的這些原則都不是規則,你會在你的職業生涯中創造出更多的配色方案。相反,他們是一個起點,是你如何生存在網頁設計領域色彩方向的安全指南。
一、需要配色的是你的畫布,而不是你的圖片
一個在網頁設計中最根本的原則是,無論你花了多少時間創造了一個輝煌的設計,其最終的作用是發揮出內容的核心位置。你的配色方案永遠不應該比它呈現的內容的更加“響亮”。你的設計應該是在後臺,目的是幫助突出網站的內容。
淡色的畫布突出了圖像,而明亮的畫布反而不能突出你的內容。(別笑,後者是發生在網絡上的真實案例^—^)
用Photoshop或者Sketch等軟件設計網站的時候,創建設計的過程往往是相互獨立的。有些設計單個看起來很不錯,也能被你的客戶所接受,但是當它真正被設計成網頁的時候不適當的配色往往會分散訪客的注意力。事實上,網頁設計的過程是和內容緊密相連的,很多製作高品質的網頁看上去空空蕩蕩,幾乎沒有內容。
這是一個偉大的想法:你可以在你的網站上先鋪陳出你的內容,用設計軟件也好用代碼也好,然後在你內容的周圍設計你的網頁。當然這也是一個特殊情況,如果一個特定風格的圖像和照片都能和你的設計和諧的融爲一體,那麼你的'設計配色纔算是完美。試想一下,網站的配色對內容而言就像衣服對於人的重要性,對此你必須制定一套完美的並且合身的衣服。
二、選擇簡單的灰色作爲你網站的基調
你可以爲你的網站基調選擇無數種顏色,不過我建議你採用最簡單的顏色,比如白色/淺灰色與深灰色的搭配文字背景。
你可以看看任何熱門的網站、模版、主題,白色或淺灰色與深灰色搭配成了大多數的選擇,這當然也是有充分理由的。這樣的搭配對訪客而言提高了你內容的可讀性,並且把你的圖片突出在最前方。
一般來說,你的文字最好避免使用墨黑色,深灰色一般更容易閱讀。我們提供一個比較舒服的文字顏色範圍:#333333到#666666。
對於你的背景色,全白色(#FFFFFFF)是可以搭配任何文本的最安全的顏色。如果你想選用其他的背景顏色,我們建議採用#FFFFFF到#CCCCCC
當然,這些顏色的選擇都不是固定死的。只不過如果你是新手,以上的配色方案你可以放心使用。
三、只選擇一種顏色突出顯示
如果你選擇好幾種不同的色調來,那麼你的配色方案絕大多數是有問題的。你顏色用得越多,你的頁面就越來越難以控制。所以,在你網頁以灰色基調的前提下,你最好只選擇一種鮮豔的顏色來作爲你想要突出的事物,比如標題、菜單、按鈕等等。你的高亮顏色可以是藍色、紅色、綠色,等等。
你最好選擇與你的基調顏色相關的高亮顏色。打開你的顏色選擇器,並單擊你彩色方塊的中心。
向上或向下移動你的滑塊,你可以仔細選擇你認爲最合適的顏色。
現在,你設計的頁面有了三個基本的顏色:背景色、文本色和高亮色。在以後你也可以選擇一種以上的高亮色,但現在對於新手的你來說還是選擇一種比較合適。你現在已經掌握了基本的配色,如果你有信心,你以後還可以嘗試更多種不同的方案。
你剛剛學到:
學會了如何選擇“色相”。概括來說,色相是基本色,當你移動滑塊,你會看到h值在顏色選擇器中的變化。
“H”代表色相,一旦你選擇了你的高亮顏色,文本框中顯示的就是你當前顏色的色相。
四、如果有疑問,請使用藍色
如果你對你的高亮色的選擇有疑惑的話,不妨使用藍色。藍色是一種彈性比較大的顏色,可以和很多種顏色搭配。黃色和紫色也很不錯,但是如果使用不當會適得其反。
另一方面,如果你是用藍色,那麼你用錯顏色的概率就會很低。如果你正猶豫着不知道用什麼顏色好,不妨使用藍色。比較安全的藍色包括從H235到H190,從海軍藍到深藍色。
如果是我的話,我通常選擇H205的藍色,如果你選定了一種顏色作爲你的高亮色,那麼也請你在其他需要的地方使用這種顏色。如果你的按鈕、標題等需要高亮,把它們的顏色也換成同一種藍色。在下面這個例子中我把白色換成了藍色。
五、給你的高亮色增加變化
你一旦選擇了高亮的顏色,從該點移動滑塊來選擇接下來的顏色。在你的設計中也需要其他的顏色,高亮色的稍微變化會讓你的顏色選擇變得簡單。
相關文章
-
網頁設計黃金配色原則
親愛的祖國:您曾經飽受欺凌受人宰割,你曾經千瘡百孔一窮二白,可是這一切都已成爲過去。你千千萬萬代代相傳的優秀兒女,不屈不撓奮起抗爭,以熱血和智慧捍衛着你五千年凝鑄成的尊嚴。如今,你以中華人民共和國的名字屹立在世界 -
網頁設計黃金配色的原則
LG公司,在中國的華東地區上海,的待遇怎麼樣?開始的時候工資多少,待遇如何?之後發展空間如何?謝謝! -
網頁設計黃金配色的6條原則
作爲網頁設計的新手,你是不是還在糾結於製作的網頁找不到一組完美的配色方案?以下是本站小編搜索整理的關於網頁設計黃金配色的6條原則,供參考借鑑,希望對大家有所幫助!想了解更多相關信息請持續關注我們應屆畢業生考試 -
網頁設計黃金配色的原則有哪些
閒來無事😁主要材料:彩紙 16所需工具:爪子 一雙製作步驟:第1步:一張方形的紙(家裏沒紙了,就把之前做的拆了,摺痕什麼的請忽略)第2步:對摺,兩邊都要!然後鋪平!第3步:選任意兩角向中間對摺第4步:再選一角向中間折,留出一個三角第5 -
列舉網頁設計黃金配色的6條原則
最好用薄一點的彩紙,好折主要材料:不同顏色彩紙 2所需工具:雙面膠製作步驟:第1步:四條摺痕。(兩張紙都是)第2步:如圖第3步:套進去,摺痕重合。第4步:一邊如圖對摺。第5步:再折第6步:上面兩個尖兒如圖往下折第7步:分別塞進去第8步 -
網頁設計的原則是什麼
余男,1976年9月5日出生於遼寧省大連市,中國內地女演員。1999年畢業於北京電影學院表演系。下面就和本站一起了解余男個人資料簡介、演員余男圖片、余男演過的電視劇吧!余男個人資料簡介余男,身高169cm,體重50kg,1 -
網頁設計的黃金比例是什麼
導語:作爲一個網頁設計師開始一個項目時經常會考慮到網頁的佈局,雖然現在很多人傾向使用 Grid css框架(如960,blueprint),但有時也需要設計一些獨特的佈局。以下是小編爲大家精心整理的網頁設計的黃金比例,歡迎大家參考!1、黃 -
網頁設計十大原則是什麼
刷酸是現在很多集美們都嘗試的護膚理念,可以自己在家刷酸,也可以去正規美容院進行刷酸,刷酸對淡化痘印是有幫助的,如果您臉上愛長痘痘,可以通過刷酸來改善。下面,我們來看看本站帶來的刷酸祛痘多久有效果的介紹吧 -
網頁設計色彩搭配原則
篇一:吳振軒泡泡糖!粘哪裏?是哪裏發出的聲音?沒錯,就是教室的同學們。這個遊戲叫泡泡糖規則是這樣的:老師站在一旁,同學們站成一排,在指令發出之後做出相應反應就行了。遊戲前,我又緊張又興奮,心裏想:我一定要一直撐到最後!我的手 -
網頁設計的6條配色原則
身爲網頁設計新手的你,是不是還在糾結於你製作的網頁找不到一組完美的配色方案?在本教程中我們將與你分享6條肯定會火,並且“錯不了”的指導方針,你可以按照這些原則把握最基本的色彩規律。現在我們分享的這些原則都不是