2016-11-04 分類: 網(wǎng)站制作
網(wǎng)站UI設(shè)計在網(wǎng)站制作中很重要,它是用戶訪問網(wǎng)站時的主要感觀。其中UI設(shè)計中色彩搭配又是重中之重,對于設(shè)計師來說尤為重要,一個網(wǎng)站的色彩可以影響一個公司網(wǎng)站的形象、可以影響人們在瀏覽這個網(wǎng)站時的心情甚至可以決定對產(chǎn)品乃至整個企業(yè)的印象。所以在網(wǎng)站建設(shè)前您要確定您想要網(wǎng)站以什么樣的面貌見人。今天成都網(wǎng)站制作小編就來談談這個話題。
網(wǎng)站制作網(wǎng)頁設(shè)計中色彩搭配的原則和技巧
1、色彩統(tǒng)一原則
網(wǎng)站的色彩要與企業(yè)文化相吻合,特別是要與公司的標識、商標、LOGO的色彩一致,形成統(tǒng)一的企業(yè)文化。網(wǎng)頁上各部分色彩都有自己的角色,主色、輔色、點睛色、背景色一起組成和諧統(tǒng)一的色彩關(guān)系。當網(wǎng)站的色彩與企業(yè)的LOGO搭配得出色時,是會加深用戶對企業(yè)的一個視覺印象,日后用戶看到與企業(yè)相似的色彩時,都能想起這個色彩屬于這個企業(yè)的。
2、色彩鮮明原則
一個網(wǎng)站的色彩鮮明,很容易引人注意,會給瀏覽者耳目一新的感覺。這樣才能體現(xiàn)企業(yè)的個性,網(wǎng)頁色彩鮮明,給瀏覽者留下深刻印象。
3、色彩獨特原則
一個網(wǎng)站的用色必須要有自己獨特的風格,這樣才能顯得個性鮮明,給瀏覽者留下深刻的印象。如郵政類網(wǎng)站多采用綠色,微軟的網(wǎng)頁多采用藍色。要有與眾不同色彩,網(wǎng)頁的用色必須要有自己獨特的風格,這樣才能給人瀏覽者留下深刻的印象。
4、色彩藝術(shù)原則
網(wǎng)站設(shè)計是一種藝術(shù)活動,因此必須遵循藝術(shù)規(guī)律。按照內(nèi)容決定形式的原則,在考慮網(wǎng)站本身特點的同時,大膽進行藝術(shù)創(chuàng)新,設(shè)計出既符合網(wǎng)站要求,又具有一定藝術(shù)特色的網(wǎng)站。
5、色彩合理原則
色彩要根據(jù)主題來確定,不同的主題選用不同的色彩。例如,用藍色體現(xiàn)科技型網(wǎng)站的專業(yè),用粉紅色體現(xiàn)女性的柔情等。
網(wǎng)頁色彩搭配技巧
1、找準主題色調(diào)
在解析網(wǎng)站頁面設(shè)計中色彩搭配的技巧一找準主題色調(diào)前,下面就讓我們一起來認識一下顏色的屬性:
(1)冷色系:藍、綠、紫
①藍色:藍色可能在你印象中第一個是一個藍天,藍天代表廣闊無垠,因為是冷色系,給人的感覺就有了一種冷靜,所以也衍生除了科技感,這也是為什么很多科技的產(chǎn)品都使用藍色的去設(shè)計的原因,所以我們總結(jié)得到一些藍色的屬性是:美麗、冷靜、理智、安詳、廣闊、科技感
②綠色:關(guān)于綠色就比較容易了,綠色代表了春天,春季萬物復蘇,所以它也代表了自然、生命、希望、寧靜,所以我們總結(jié)一下得到:自然、環(huán)保、和平、寧靜、生命、希望
③紫色:這個顏色我們是見得最少的冷色系顏色,所以大家可能也都沒怎么去了解它,它代表的是女性美,一種神秘感,總結(jié)一下它有這些屬性:隱晦、憂郁、高貴、神秘、深沉、成熟、浪漫
(2)暖色系:紅、橙、黃
①紅色:紅色是中國的國色,深受國人喜愛,例如我們的五星紅旗,代表了莊嚴肅穆,我們的節(jié)日也經(jīng)常見到紅色,因為在中國它也代表了喜慶,當然除了這些好的,還有一些不好的屬性,例如紅色是我們血的顏色,所有有一種血腥和殘暴,所以紅色的屬性有這么幾個:吉祥、喜氣、熱烈、奔放、激情、斗志、血腥、暴力
②黃色:說到黃色第一個想到的是什么?我想到的第一個是金黃色的太陽,熱和光的代表,同時也代表了光榮。我們看一下除了這些還有哪些:智慧、光榮、忠誠、希望、喜悅、光明、落寞、色情
③橙色:關(guān)于橙色你能想到什么?金色的秋天,成熟的碩果,橙色也是暖色調(diào)中最溫暖的顏色,它代表的是:華麗、童趣、吸引力、娛樂、 快樂、振奮、富饒、充實、未來、友愛、豪爽、積極
(3)無色系:黑、白、灰萬能搭
①黑色:說到黑色第一個想到的就是黑夜,黑夜給人的感覺就是寒冷、黑暗、寂寞。除了想到黑夜我們還能想到黑社會,很有霸氣,權(quán)威。這些就是黑色的屬性。所以我們總結(jié)出來就是有這么幾種屬性:權(quán)威、高雅、執(zhí)著、冷漠、防御、寂寞、黑暗、壓力、嚴肅、氣勢
②白色:說到白色想到的第一個是什么,白衣天使醫(yī)生,白大褂,代表了善良、神圣,我們把生命交給他們也有一種信任。另外我們的房子為什么都喜歡用白色的瓷磚,也是因為白色有一個干凈純潔的屬性。所以我們總結(jié)一下就得到了白色是:純潔、神圣、善良、信任、開放
③灰色:灰色是一種介于黑白之間的無色系,想到灰色,也許有人會想到混泥土,給人的感覺就會很臟很亂,不干凈這些,當然除了一些不好的,也有好的一面,比如我們穿灰色的西裝,給人一種成熟穩(wěn)定感,所以我們總結(jié)一下得到灰色的屬性:誠懇、沉穩(wěn)、權(quán)威、
根據(jù)每個顏色的屬性,那么就可以有相應的網(wǎng)站設(shè)計配色方案,大家可以根據(jù)自己企業(yè)的特性來有目的性的選擇設(shè)計色彩,使網(wǎng)站設(shè)計與企業(yè)相融合。
2、配色要有重點色
配色時,可以選取一種顏色作為整個界面的重點色。
①重點色可以被運用到焦點圖、按鈕、圖標,或者其他相對重要的元素,使之成為整個頁面的焦點;
②重點色不應該用于主色和背景色等面積較大的色塊;
③重點色應用于強調(diào)界面中重要元素的小面積零散色塊。
3、注意色彩平衡
配色的平衡主要是指顏色的強弱、輕重和濃淡的關(guān)系。
①同類色彩的搭配方案往往能夠很好地實現(xiàn)平衡性和協(xié)調(diào)性;
②高純度的互補色或?qū)Ρ壬?例如紅色和綠色很容易帶來過度強烈的視覺刺激,使人產(chǎn)生不適的感覺);
③高明度的顏色顯得更明亮,可以強化空間感和活躍感;
④低明度的顏色則會更多的強化穩(wěn)重低調(diào)的感覺。
3、選對網(wǎng)頁色彩搭配方法
能夠夠為網(wǎng)頁合理配色是每個網(wǎng)頁設(shè)計師必備技能之一,它對于用戶對網(wǎng)頁的視覺體驗起著主導作用。一個網(wǎng)頁色彩搭配是否合理直接影響著訪問者情緒和感受的好壞。好的色彩搭配會給訪問者帶來很強的視覺沖擊力,不恰當?shù)纳蚀钆鋭t會讓訪問者浮躁。
①同種色彩的搭配方法
同種色彩搭配的方法是指先選定一種主色,然后再以這款顏色為基礎(chǔ)進行透明度和飽和度的調(diào)整,通過對顏色進行變淡或加深得到其化新的顏色。
好處:讓網(wǎng)頁的整個頁面看起來色彩統(tǒng)一,且具有層次感。
②鄰近色彩搭配方法
鄰近色彩指的是在色環(huán)上相鄰的兩種不同顏色,如綠色和藍色、紅色和黃色即互為鄰近色。
好處:采用鄰近色搭配的網(wǎng)頁可以避免色彩雜亂,容易達到頁面和諧統(tǒng)一的效果。
③對比色彩搭配方法
一般認為,色彩的三原色(紅、黃、藍)是最能體現(xiàn)色彩間的差異的三款顏色。色彩的這種強烈對比效果具有很強的視覺誘惑力,能夠起到突出重點的作用。
好處:在網(wǎng)頁設(shè)計中通過合理使用對比色,能夠使網(wǎng)站特色鮮明、重點突出。以一種顏色為主色調(diào),將其相鄰對比色作為點綴,以起到畫龍點睛的作用。
④冷、暖色色彩搭配方法
冷色調(diào)色彩搭配指的是使用綠色、藍色及紫色等冷色系色彩進行搭配,暖色調(diào)色彩搭配是指使用紅色、橙色、黃色等暖色系顏色的搭配。
好處:冷色調(diào)色彩搭配的網(wǎng)頁可以為用戶營造出寧靜、清涼和高雅的氛圍,冷色色彩與白色搭配一般會獲得較好的視覺效果。暖色調(diào)色彩搭配可為網(wǎng)頁營造出穩(wěn)定、和諧和熱情的氛圍。
⑤文字與網(wǎng)頁的背景色對比的搭配方法
文字內(nèi)容的顏色與網(wǎng)頁的背景色的對比要突出,底色深,文字的顏色就應淺,這樣才能讓深色的背景襯托出淺色的內(nèi)容(文字或圖片);反之,底色淡,文字的顏色就要深些,和淺色的背景襯托深色的內(nèi)容(文字或圖片)。
4、常見色搭配方式
①藍為主調(diào)――藍色多與白、橙搭配。白底,藍標題欄,橙色按鈕或ICON做點綴,這樣的頁面設(shè)計給人一種藍天白云,沉靜整潔的感覺。
②綠為主調(diào)――綠色多與白、蘭兩色搭配。白底,綠標題欄,蘭色或橙色按鈕或ICON做點綴,綠白相間的頁面設(shè)計給人雅致而有生氣。
③橙為主調(diào)――橙色多與白、紅搭配。白底,橙標題欄,暗紅或桔紅色按鈕或ICON做點綴。橙色活潑熱情,這樣的這樣的網(wǎng)頁設(shè)計色彩搭配是標準的商業(yè)色調(diào),多用于商業(yè)網(wǎng)站的頁面設(shè)計。
5、常見色搭配方式
①藍為主調(diào)――藍色多與白、橙搭配。白底,藍標題欄,橙色按鈕或ICON做點綴,這樣的頁面設(shè)計給人一種藍天白云,沉靜整潔的感覺。
②綠為主調(diào)――綠色多與白、蘭兩色搭配。白底,綠標題欄,蘭色或橙色按鈕或ICON做點綴,綠白相間的頁面設(shè)計給人雅致而有生氣。
③橙為主調(diào)――橙色多與白、紅搭配。白底,橙標題欄,暗紅或桔紅色按鈕或ICON做點綴。橙色活潑熱情,這樣的這樣的網(wǎng)頁設(shè)計色彩搭配是標準的商業(yè)色調(diào),多用于商業(yè)網(wǎng)站的頁面設(shè)計。
網(wǎng)站配色是一門大學問,頁面配色不能只憑感覺,還要利用一些專業(yè)的色彩搭配技巧,這樣才能在制作網(wǎng)站時將所有的頁面色彩規(guī)劃得更加好。
名稱欄目:淺析網(wǎng)站制作網(wǎng)頁設(shè)計中色彩搭配的原則和技巧
標題路徑:http://redsoil1982.com.cn/news/59381.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務項目有網(wǎng)站制作等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容