【資料圖】
隨著社會越來越發(fā)達,大家都選擇在網(wǎng)絡(luò)上汲取相關(guān)知識內(nèi)容,比如網(wǎng)頁設(shè)計中顏色搭配的技巧,為了更好的解答大家的問題,小編也是翻閱整理了相應(yīng)內(nèi)容,下面就一起來看一下吧!
中顏色搭配的技巧 以下就是網(wǎng)頁設(shè)計中顏色搭配的技巧等等的介紹,希望為您帶來幫助。
網(wǎng)站色彩搭配是一個很復(fù)雜的問題,如何用好色,配好色,分清主次,需要網(wǎng)站設(shè)計人員潛心研究。網(wǎng)站色彩搭配好,就會極具沖擊力。
因為喜好不同,有的網(wǎng)站喜歡用一種色彩,這樣的網(wǎng)站給人感覺是整體統(tǒng)一,通過色彩通明度和飽和度的變化,有層次感。有的網(wǎng)站則喜歡用兩種色彩來搭配網(wǎng)站,當(dāng)然,這兩種顏色是有主次的,黑白分明。
最后有的網(wǎng)站在色彩上選擇一個色系,比如例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。
對于網(wǎng)站建設(shè)來說,使用什么色彩是掌握在網(wǎng)站所有者的手中,對于網(wǎng)站設(shè)計人員來說,一般都是先考慮網(wǎng)站所有者的意見,然后根據(jù)這個進行設(shè)計規(guī)劃,雖然這樣很被動,不能否認,大多數(shù)能存活下來的網(wǎng)站都是因為其有很強的商業(yè)功能,很少人把它當(dāng)做藝術(shù)品去欣賞,而且我們這里說到的色彩搭配,也是為了迎合用戶體驗,獲得好感而設(shè)計的,這自然需要符合大多數(shù)的審美特性,很多時候,在確定整體顏色之后,只能在細節(jié)上下功夫。
這些細節(jié)上的設(shè)計包括網(wǎng)站底部顏色設(shè)計、網(wǎng)頁鏈接色彩、內(nèi)容頁的標題和正文的色彩設(shè)計等等。現(xiàn)在依次和大家分享一些經(jīng)驗心得。
網(wǎng)站底部往往是一個容易讓人忽略的地方,對于那些點擊網(wǎng)站駐留時間不長的用戶來說,可能根本就看不到,但是,對于網(wǎng)站的忠實用戶,他們會注意網(wǎng)站底部,因為通常在底部會加入很多他們需要的內(nèi)容,有人說,網(wǎng)站底部以灰色為主題顏色,這樣具有安定用戶情緒的作用。而在底部,需要加入一些友情鏈接和次要的導(dǎo)航,當(dāng)然,一些網(wǎng)站也會把聯(lián)系地址在底部展現(xiàn)出來,現(xiàn)在又多了二維碼,在顏色上如何讓用戶一眼就能找到聯(lián)系方式和進行二維碼登陸,良好的顏色搭配會有助于用戶付之于實際行動。
網(wǎng)頁鏈接的顏色設(shè)計。對于網(wǎng)頁超級鏈接,大家似乎都喜歡統(tǒng)一色調(diào),那就是淡藍色,任何網(wǎng)站都不可能只有單一的一頁,所以文字和圖片的鏈接是網(wǎng)站中不可或少的一部分。尤其是文字的鏈接,因為文字鏈接和文字不同,所以文字鏈接的顏色和文字的顏色
絕對不能一樣?,F(xiàn)代人的生活節(jié)奏都很快,沒有人會花很多精力在尋找網(wǎng)站的鏈接上。因此,設(shè)置獨特的鏈接顏色,讓人感覺其獨特性,從而驅(qū)使用戶移動鼠標,點擊鏈接。
網(wǎng)頁標題和正文。網(wǎng)頁標題的色彩以及正文的顏色,大多數(shù)以黑色為主,這已經(jīng)讓用戶。但是,如果在標題上面或者下面加入圖片廣告,或者在文中加入超鏈接,有的網(wǎng)站為了吸引用戶點擊廣告,還在內(nèi)容左側(cè)加入圖片,這個時候?qū)ι实拇钆渚托枰ㄙM一點小心思了,那么,不讓用戶產(chǎn)生反感的情緒,就應(yīng)該通過色彩搭配形成統(tǒng)一感,以新穎的版式讓用戶津津有味的看下去,而不會輕易離開。除此之外,對于每篇文章的模板需要統(tǒng)一規(guī)劃,網(wǎng)頁頂部和底部的色彩層次分明,否則會讓用戶感到混亂,引起不適,從而關(guān)閉網(wǎng)頁。
網(wǎng)頁設(shè)計中
最根本的原則是,做好用戶體驗,而且自己不適主角,真正唱主角的是網(wǎng)站內(nèi)容,你的設(shè)計應(yīng)該是形成一種氛圍,目的突出網(wǎng)站的內(nèi)容。一個網(wǎng)站,擁有別的網(wǎng)站所沒有的風(fēng)格,就會讓瀏覽者愿意多停留些時間,細細品嘗該站的內(nèi)容,甚至該站會得到多人的鼓勵與注目,所以,在做網(wǎng)站設(shè)計中,好好在色彩上下功夫,可以起到畫龍
點睛的神奇效果!
網(wǎng)頁設(shè)計中如何給網(wǎng)頁配色 一、顏色選擇
我們要做的第一步是顏色選擇,在網(wǎng)站剛開始要設(shè)計的時候,這一點就要著手去做了,在這里要注意的是顏色的選擇并不是憑空想象的,而是要根據(jù)服務(wù)產(chǎn)品的定位、風(fēng)格、還有要傳達給用戶的理念,將這幾點考慮到,在進行選取,而不是根據(jù)自己的經(jīng)驗或者嗜好來。
我們來舉個例子,假如說為一家大型企業(yè)設(shè)計官網(wǎng),這家企業(yè)的要求是 VI 風(fēng)格,采用統(tǒng)一配色,那么這家企業(yè)官網(wǎng)的配色我們就應(yīng)該選取 VI 的風(fēng)格配色。
選色的方法:
(1)工具流:這個鏈接包含大量選色工具12個適合設(shè)計師的在線色彩搭配工具
(2)參考流:尋找別人的網(wǎng)站作為參考選取顏色(但是注意要風(fēng)格類似,比如你的客戶要求高雅風(fēng)格,你就去找類似風(fēng)格的網(wǎng)站選色),這個方法適用于初學(xué)者。
二、顏色的分配
當(dāng)你選取好了主色系之后,那就應(yīng)該要考慮如何將它們分配到網(wǎng)頁的每一個位置中去了,這里的操作也要講究的,我們要注意的是,如果在紅綠兩色之間加其它的顏色的話,進行調(diào)和是可以搭配出很好看的色彩的,大家可以看看圣誕節(jié)各大電子商務(wù)網(wǎng)站的banner。
顏色選擇好之后我們就開始對顏色進行搭配,這個時候設(shè)計師就要利用上色彩基礎(chǔ)知識了,色彩分為主色、輔助色、點綴色這三個叫法,如果可以的話還可以細分,一個網(wǎng)站的主色調(diào),是可以傳達網(wǎng)站的整體風(fēng)格的,面積也是
最大的,所以在選擇色階段選取的幾個顏色中選一個作為主色,然后用在網(wǎng)頁中需求
最多的地方,如果banner的顏色,導(dǎo)航的背景色、文字標題的顏色等等,輔助色是比主色百分比略少的顏色,點綴色一般是飽和度較高的顏色,一般用在網(wǎng)頁中的強調(diào)內(nèi)容或者突出的內(nèi)容,如按鈕、鏈接等,三種顏色在整個網(wǎng)頁的比重大概是60%、30%、10%。
網(wǎng)頁色彩搭配的原理 1.色彩的鮮明性。網(wǎng)頁的色彩要鮮艷,容易引人注目。
2.色彩的獨特性。要有與眾不同的色彩,使得大家對你的印象強烈。(參考設(shè)計思考第二篇網(wǎng)站CI的標準色彩一節(jié))
3.色彩的合適性。就是說色彩和你表達的內(nèi)容氣氛相適合。如用粉色體現(xiàn)女性站點的柔性。
4.色彩的聯(lián)想性。不同色彩會產(chǎn)生不同的聯(lián)想,藍色想到天空,黑色想到黑夜,紅色想到喜事等,選擇色彩要和你網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)。
配色方案技巧: 1.用一種色彩。這里是指先選定一種色彩,然后調(diào)整透明度或者飽和度,(說得通俗些就是將 色彩變淡或則加深),產(chǎn)生新的色彩,用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一,有層次感。
2.用兩種色彩。先選定一種色彩,然后選擇它的對比色(在里按ctrl+shift+I)。我的主頁用藍色和黃色就是這樣確定的。整個頁面色彩豐富但不花稍。
3.用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。確定色彩的方法各人不同,我是在
photoshop里按前景色方框,在跳出的拾色器窗中選擇 自定義 ,然后在 色庫 中選就可以了:)
4.用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺很 跳 。
在網(wǎng)頁配色中,忌諱的是:
1.不要將所有顏色都用到,盡量控制在三種色彩以內(nèi)。
2.背景和前文的對比盡量要大,(
絕對不要用花紋繁復(fù)的圖案作背景),以便突出主要文字內(nèi)容。
網(wǎng)頁設(shè)計中的顏色搭配 藍色:商務(wù)流行色。
最安全的web顏色。受設(shè)備偏色影響較小,搭配效果較好。
紅色:熱情、沖動、刺激、勇氣、恐怖、暴力、血腥、殘忍。
粉紅色:浪漫、幸福、迷茫、困惑。
桃紅:緋聞、挑逗、時尚、明亮。
暗紅:神秘、深奧、穩(wěn)健、深沉。
黃色:有多個變種,每個變種很容易與其他顏色搭配,但同一種黃色在不同環(huán)境中所表現(xiàn)出來的視覺和心理效應(yīng)往往有很大差別。
橙色:快樂、時尚、溫馨、感動。有紅色熱情奔放的特點,但又不像紅色那樣光彩奪目。有黃色明快爽朗的一面,而又不容易產(chǎn)生平庸帶澀之感。視覺和心理效應(yīng)
最穩(wěn)定,不會有太大起伏和變化。
紫色:浪漫、優(yōu)雅、高貴、深沉、憂郁、神秘。
白色:白色、灰色、黑色、沒有明顯感情色彩或心理傾向,稱為中性色。可以營造出強烈視覺效果。
灰色:大面積灰色背景可以讓白色、紅色、前景信息更加醒目,可以讓整個網(wǎng)頁充滿現(xiàn)代氣息。用灰色過渡可以讓極難搭配的顏色變得容易搭配。
黑色:可以輕松從其他顏色中凸現(xiàn)出來,讓其他顏色更加惹眼。黑白紅可以構(gòu)成簡潔明快的布局。可以和綠、紫色描繪陰森恐怖的氣氛。