歡迎訪問士人網絡天水網站建設專業服務平臺 會員中心 | 網站地圖 | 聯系我們
天水士人網絡
天水網絡公司電話
當前位置:主頁 > 網站建設 > 建站知識 >

談談網頁制作與設計的頁面色彩搭配技巧

時間:2019-06-11 | 來源:eshiren.com | 作者:天天五味瓶 | 點擊:

談談網頁制作與設計的頁面色彩搭配技巧

  色彩在我們的生活中有著豐富的含義,在不同的場景下,色彩代表了不同的意義,人們視覺看到色彩后情緒也會有不同的變化,在建站時候色彩的搭配和運用帶給客戶的是視覺和情緒上的體驗,網頁制作中色彩要遵循“總體協調”的原則,意思就是網站整體色彩體現出和諧,不同的內容采用不同的色彩進行搭配。下面天水網頁制作小士就來和大家一起談談網頁制作與設計的頁面色彩搭配技巧。

  網頁色彩的搭配

  (一)色彩的平衡

  下面來說說色彩的平衡原則問題,在網站制作的過程中顏色均衡原則,盡量避免采用單一顏色,也就是說一個網站不可能單一的運用某一種顏色,但是也不能運用太多的顏色,一般網站采用一種主體色,配合1-2種鄰近色色來進行對比,所謂的鄰近色就是在色帶上相鄰的顏色,比如綠色和藍色、紅色和黃色,這樣的色彩的搭配能避免網站色彩雜亂,能夠達到網站色彩的均衡和諧。打動別人的視知覺,色彩就必須要平衡。一般情況下要考慮幾點。

  1、比較全局。

  2、不同的物體也不同。例如,你如果從頁面上看到鐵塊之類的物品,潛意識里瀏覽者就會認為鐵塊肯定比在頁面上出現的一顆小草要重很多,這是生活上出來的經驗。

  3、色彩不能偏。色彩不能偏于一方,發否則就會失重。

  4、色彩要均衡。若說到均衡,則純度或明度較差的大面積色塊與小面積色塊的鮮明色塊也均衡。

  (二)色彩的適應性

  色彩在生活中有著豐富的感情含義。比如紅色讓人聯想到玫瑰和喜慶,聯想到興奮;黑白灰是萬能色,可以跟任意顏色一起搭配。白色是網站中使用最普遍的顏色,留白,會給人一個遐想的空間,讓人感覺舒暢。

  (三)網頁色彩搭配原則

  天水網頁制作小士認為色彩是視覺上最敏感的部分,主頁的色彩處理的好就可以錦上添花。色彩應用原則用四個字來概括“總體協調,局部對比”。

  暖色與黑色搭配能達到很好的視覺效果,暖色一般在購物網站、兒童類網站用的比較多,會給人以溫馨、活波的感覺,從而喚起人們的積極的情緒,比如紅色、橙色、黃色等、相反冷色與白色搭配,會體系嚴肅、穩重的效果,一些高科技和游戲類的網站應用比較多,我們生活中的綠色、藍色都屬于冷色系。

  另外,色彩還具有民族性,各個民族由于環境文化傳統等因素,對于色彩的喜好也存在較大的差異,充分運用色彩的特性可以使主頁具有深刻的內涵及文化品位。下面介紹幾種常用的配色方案。

  1、暖色調。可以使主頁呈現溫馨、熱性的分為。(暖色調包括紅色、橙色、黃色等)

  2、冷色調。可以使主頁呈現寧靜、清涼、高潔的氛圍。(冷色調包括青色、綠色、紫色等)

  3、對比色調。對比色調即把色性相反的色差搭配在同一個空間里,如紅與綠、黃與紫、橙與藍等。這樣可以產生強烈的視覺效果,當然用對比色調用的不得當會適得其反產生刺眼的不良效果。

  最后要考慮主頁的底色即背景色的深淺問題,底色深,文字的顏色就要淺,以深色的背景色襯托出淺色的文字或圖片;反之亦然,底色淺的,文字的顏色就要深些,以淺色的背景色襯托出深色的文字或圖片。這種深淺的變化在色彩學中稱為明度變化。有些主頁,底色是黑色的,但文字也選用了較深的顏色,由于色彩的明度比較接近,讀者在瀏覽的時候眼睛就會感覺很吃力,當然,色彩的明度也不能變化的太大,否則屏幕亮度反差就太強了些,讀者的眼睛依然會受不了。

  (四)網頁色彩的選擇標準

  網站給人的第一印象來源于視覺的沖擊效果,如果你沒有豐富的網頁內容,那么網頁設計中對網站的標準色的設計就顯得尤為重要了。標準色彩能夠體現網站形象和延伸內涵的色彩,它是影響網站整體效果的關鍵。

  網頁設計的過程中,搭配網頁色彩時要注意色彩的合適性,色彩與表達的內容氛圍要相適合,社會背景不同的人,對于色彩的感受往往也不相同,還有一點就是關于色彩的對比,它會受到很大因素的影響,如色彩的面積、時間、亮度等。

網頁色彩搭配技巧

  網頁設計配色趨勢

  1.Metro風格與柔和色

  Odam Luiran的網站就是典型的Metro風格,這種風格尤其適合比較鮮嫩柔和的顏色。近來,扁平化網頁設計相當流行,同時也讓柔和色彩的用途變得越來越廣泛,馬卡龍色系也會常常出現在網頁設計中。

  2.偏灰的冷色系+粉彩色

  偏灰的冷色系色彩,是一種看起來比較百搭的顏色。但是實際上,要將這類顏色使用得恰如其分,并不是一件容易的事情。

  因為這類色彩比較中性,所以搭配任何顏色都不會顯得突兀,但同時也不容易出挑。要讓色彩之間真正融合,最好是選擇清淡的粉彩系透明色,這樣會讓網頁看起來更加清新脫俗。

  3.根據圖片搭配背景色

  網頁設計有一條原則是:要看整體,而不能針對性的看局部。圖片,往往是表達網站思想和意圖的一部分,屬于網站元素中比較重要的環節,所以讓背景色來適應圖片的顏色是情理之中。

  如下案例所示,藍色系的圖片搭配藍灰色的背景,整體表現的十分融洽:

  4.只有一個重點色

  一談到色彩搭配,大家都會說一個保守的搭配方法:一個區域范圍里不能超過三種顏色。這句話并不算完全正確,更深層的含義是,只能有一個重點色。

  5.以簡單灰作為網頁基調

  用灰色作為網站的主基調是一種比較保守而可靠的做法。灰色屬于所有色彩中最簡單的顏色之一,所以設計師有充分的理由去選擇使用灰色,以此來襯托出網頁中內容的可讀性,減少用戶的閱讀干擾。

  6.低透明度色彩

  如今的設計越來越追求用戶的交互體驗,因此低透明度的色塊能讓用戶更加容易發現并且閱讀。

  7.用高亮色體現用戶交互

  大片高亮色一定會造成用戶的視覺疲勞,令人反感;但小部分的高亮色設計卻能起到突出重點的作用,既能將內容有效的區分開來,又能保證與整體色調保持一致。

  8.不輕易減少亮度中的黑色

  下面這個案例很簡單地使用了黑色和橙色。橙色作為很亮眼的一種顏色,有時會給人帶來比較刺眼的感覺,但案例中的橙色卻令我們的視覺感覺很舒適。原因在于設計師在原本亮麗的顏色中加入了一些黑色,既能讓顏色之間形成對比,又不會顯得很招搖。

談談網頁制作與設計的頁面色彩搭配技巧

  9.藍色是網站的“基本款”

  藍色在網頁設計中屬于不會出錯的顏色,當你舉棋不定時,可以嘗試一下藍色,也許能順利化解你的問題。搜狐快站也正是以藍色為色彩基調。

  10.單色系網頁

  單色系頁面似乎不存在配色的問題。然而要打造一個層次多樣、色彩統一的網頁,設計師可以以一個基本色調來擴張色相、飽和度和亮度等條件。

  總而言之,色彩在任何一種設計中都起著很重要的作用,相差不多的色彩卻能渲染出截然不同的情感效果。好好利用色彩與生俱來的魅力,就能讓你的網頁設計更特別。

  網頁色彩的設計原則

  1.與網站主題相協調

  不同的色彩具有不同的含義,比如綠色代表春夏,金黃色代表秋天,灰褐色代表冬天,還比如行業中常用的色,科技行業采用藍色、環保行業采用綠色、醫療衛生行業已白色為主等等,所以我們建站時候可以根據自己行業或公司的文化理念出發選擇合適的顏色,如何運用這些色彩特征進行搭配給網站訪客已最佳的視覺感受呢?今天就來講一下色彩搭配原理。

  不同的色彩有不同的象征意義,給人的心理感受也不同。網頁的色彩設計要有針對性,應體現出自身的特色。如政府部門的網頁風格應有莊重感,呈現寧靜、嚴肅、高雅的氛圍,以冷色調為宜;電子商務類網頁可以通過紅色、橙色、黃色等暖色調的搭配,呈現溫馨、和煦、熱情的氛圍;藍色給人的心理印象是崇高、深遠、廣大而睿智,為高科技企業網站所鐘愛;保健類的網站不宜大面積地采用刺激性強的大紅、黃和橙等色彩,因為它們易造成人們心理上的緊張感和恐慌感,而綠色象征生命與希望,給人健康、安全的感覺,適宜作為保健類網頁的主調色。

  2.個性鮮明

  在網站云集的互聯網上,網頁的色彩只有與眾不同、有自己獨特的風格,才能顯得個性鮮明,給瀏覽者留下深刻的印象。尤其在同類網站中,網頁的色彩不但要符合此類網站的用色特點,還要有其獨到之處。網頁設計是一種藝術活動,只有按照內容決定形式的原則,大膽進行藝術創新,才能設計出既符合網站主題,又有一定藝術特色,風格獨特、個性鮮明的網頁。

  網站在選擇主色調的時候,往往考慮的因素都會比較多,比如是否與企業logo相協調,以及用戶感官上的舒適度等,網站整體的色彩搭配也需要與主色調相協調。在配色上很多商城都會選擇暖色調為主,刺激消費者大腦皮層神經,達到刺激消費的效果。而企業官網往往會偏向于采用藍色這類冷色調作為主色調,給客戶高端大氣的感覺,烘托品牌形象。

  3.與瀏覽者的審美情趣相統一

  由于地域、民族、宗教信仰、生活環境、年齡、性別、文化修養等存在差異,人們的審美角度、審美能力也有很大差別。不同的瀏覽者對色彩的聯想和理解不會相同,對色彩的喜好也不一樣。網頁設計師要盡可能地采用符合瀏覽者審美傾向的色彩,以使其產生共鳴。如針對兒童喜歡對比強烈、個性鮮明的純色,兒童網站應采用紅、黃、藍、綠等對比鮮明的色彩,以營造活潑、愉快而富有童趣的視覺效果等。

  設計師要適當關注流行色的發展。流行色是特定時期內社會風行的時髦色彩,是一種時尚色、鮮活色,具有很強的誘惑力和沖擊力。若能抓住瀏覽者緊跟潮流、追趕時尚的心理,適時地選用流行色作為網頁的主色調,必定能產生良好的傳播效果。

  4.便于閱讀識別

  人們從物理、生理、心理、化學等多角度對色彩進行研究后發現,色彩的美存在于各色彩的相互關系中,這種相互關系就是色彩的對比與和諧。色彩的對比包括明度對比、純度對比和色相對比。最能引人注意也是運用得最為普遍的色彩對比,是色相對比中的互補色或冷暖色的對比。色彩的和諧是指色彩在對比關系中能給人造成既鮮明又協調的視覺感受。

  網頁色彩設計還要注意文字與背景色彩的明暗對比,文本要易讀,圖像要易于識別,以使人們在瀏覽大量網頁信息的時候,減少屏幕刺激,減輕視覺疲勞。

  5.有一定的延續性

  網頁色彩要保持用色的延續性。雖然網頁的信息會不斷更新,網頁的版式也會定期修改,但網頁色彩的基調和風格一旦形成后,不宜大幅或頻繁地改換,而應保持一定的延續性,這樣才能使瀏覽者迅速識別且印象深刻。但為了保持新鮮感、提高吸引力,也應小范圍地對網頁色彩的明度、純度進行適當的調整和變換。

  網頁交互設計最常見的錯誤

  一、鋪天蓋地的創新

  網頁設計師都非常有創造力。我們希望通過作品來表達自我。我們總是在尋求創新的設計方法來脫穎而出。但是,當涉及到交互設計時,創新并不總是好事。甚至會給你的網站帶來壞的影響。用戶渴望熟悉的事物,他們總是會遵循一些特定的操作方式。

  二、令人困惑的導航

  “不要自作聰明”的準則也可以沿用到導航上。有些設計師試圖使用折衷的名稱來尋求新穎。比如Chijoff網站就讓用戶不知道他們究竟提供什么,如何聘請他們。需要看上好一陣子,才能理解“共同創造”頁面實際上就等同于“服務”。甚至還有,通讀整頁后用戶仍然不知道該怎么做……頁面末尾只有個小注冊表單用來獲取最新的行業新聞和提示!在“聯系”頁面也沒有表單,只有郵編和郵箱地址。使人們聯絡或聘用他們非常困難。

  三、雜亂無章

  有一段時期,網站都試圖把一切可能的東西擺上臺面。那些日子已經一去不復返,但是很多網站仍然在犯這個錯誤。

  設計師試圖堅持一種單色配色,但是大量顏色不同的色塊、logo和字體,在這個頁面上就足夠讓用戶步履蹣跚。搜索框有著醒目的文案:“那么,今天你想要什么?”,但整個布局的外觀和感覺非常過時。

  四、注意對比

  對比是創造視覺層級、吸引用戶注意特定元素的最重要的方式之一。在網頁設計中,對比不僅僅意味著顏色使用,也包括尺寸、形狀和位置。

  五、忽視表單樣式

  表單設計是用戶體驗最基本的部分。每個網站都有一個目標——無論是樹立榜樣、直接售賣產品或是提供信息。不幸的是,許多網站有著光鮮的首頁,卻寧可用長表單和復雜的驗證碼來使用戶厭煩致死。除非用戶有強烈的先導動機,否則他們就會離開。

  網站制作時色彩的運用并沒有一個通用的法則,需要根據企業產品、個人喜好等多個方面來決定,一般網站都先確定一個主體色,然后在主體色基礎上再來選擇合適的輔助色,最終的讓網站達到讓訪客悅目的效果。

士人網絡:營銷型網站建設專家,多款天水網站建設套餐供您選擇,最好最專業的天水網絡公司!
服務熱線:13085946658 在線QQ:1825552735 郵箱:[email protected] 地址:天水市麥積區橋南伯陽路58號
Copyright ? 2007-2019 Powered by 天水士人網絡技術有限公司! 隴ICP備15001361號-1 甘公網安備 62050302000144號
訪問微站
血战到底技巧口诀 香香正版挂牌2019年全年资料 彩神app官方网站登录 时时乐单选号码走势图 新疆时时彩走势图表 王中王一肖中特论坛 买秒速时时的技巧 赛车改单套利 北京pk计划领头羊 大透乐中奖结果 内蒙古时时玩法说明 北京时时冠军走势图 一肖中特版 体彩票开奖直播频道 北京pk计划全天一期 陕西快乐十分1200期历史 内蒙古快三走势图下载