2015年8月17日星期一

如何巧用色彩打造動人心弦的網頁設計



  色彩心理學被廣泛地運用到各個設計領域,這早已網路行銷台中不是什麼秘密。從日常的雜貨到LOGO設計,色彩所網路行銷起到的作用越來越大,它是給用戶傳遞信息的最重要的因素之一。

  根據Kissmetrics 的說法,當我們看到一個色彩的時候,信息會傳遞到大腦的下丘腦的某個區域中。接下來,信號會進一步傳遞到腦垂體,然後到甲狀腺腺體。這也就意味著,色彩會刺激大腦和腺體分泌激素,引發出我們的情緒反應,並影響我們的行為。

  科學研究表明,色彩會影響情緒,會招致正面的情緒,也能帶來負面的影響,有的時候帶來的情緒與實際要的並不匹配。Kissmetrics 接著補充道,網站的訪客通常只需要大概90秒就能針對一個網站作出判斷和選擇,而在者其中,有62%~90%的因素是取決於某個產品的色彩。

  在UXPin的免費電子書Web Design for the Human Eye 中我們曾說過,某個事物在給人第一印像的時候,色彩扮演著無可爭議的重要角色。

  色彩意味著什麼

  每種色彩對於每個人而言都有著特定的含義,但是它的具體含義通常取決於他們所處的文化背景、個人經歷和喜好。

  事實上, 色彩心理學在設計領域並不是一個精確的學科,個體差異非常明顯。社會因素,個人認知,甚至性別也會對色彩感知產生影響。進一步的研究發現,產生影響的並不總是色彩本身,使用這些色彩的品牌口碑行銷與用戶之間的關系也會影響用戶對於色彩的感知。所以,如果你的設計是針對女性的,那麼紫色會是一個相當不錯的選擇,因為紫色在女性受眾中普遍受歡迎,但是對於多數男性而言,紫色並不太受歡迎。在下方的圖片中,紫色被運用在巴黎歐萊雅的網頁中,效果非常不錯。主體使用的黑白 配色,黑色的頁頭頁腳看起來非常優雅,紫色點綴其中,整體感非常不錯。實際上他們的產品並不便宜,但是給人感覺比較高端。

  另外,使用白色的文本,讓人感覺平靜又足夠現代,紫色則被賦予了奢華、優雅、女性化的含義。所有的這些都能夠在這個網站裡查到。
  首先,對於女性類的網站而言,粉紅色本身還是比較老套的,但是作為一個女性健康類的網站,這樣的 配色和主體並不算是特別搭。

  色彩會影響用戶的心情和感受,盡管這個頁面的第一張圖片是隨機滾動播放的,但是想想看,整個減肥相關的頁面幾乎被粉色淹沒了,適得其反。
  配色方案
  通常當你准備設計一個網站的時候,不會只使用一種色彩吧?你需要考慮整個網站的整體 配色方案,單個色彩的選取,以及不同色彩之間的搭配。接下來,你還需要考慮不同色彩對於用戶的影響,搭配色與主色調之間的協調,等等等等。
  這樣一來,就需要設計師對於色彩的混合搭配使用有更深入的考量了。下面三個基本的配色技巧,可以幫你搞定這一問題。

  #1: 三色搭配

  這是最基本的方法,也是最平衡的配色思路,使用互補的鮮艷色彩。在色輪上選取相互間隔120度角的三種色彩,分別來作為背景、內容和導航的色彩。
  #2: 組合配色(拆分互補)

 台北網頁設計 這種 配色方案相對而言比較有難度,你需要通過一定的測試和探索才能獲取。如果搭配好了,效果非常驚艷。如圖所示,這種配色方案是選取色輪上相鄰的兩對對比色。
  #3: 近似配色

  這種配色的核心是選取連續的相鄰互補色,如果你想借此來取悅用戶的話,在選取的時候一定要謹慎小心。這種配色方式能夠突出色彩的活力,但是因為相輔相成,色彩和效果對比不會那麼強烈,但是會更加誇張。
  所以,當你開始考慮色彩的心理學屬性的時候,盡量將整個配色方案作為整體來進行衡量,而不是單獨為某個部分選取一個色彩,以期它能與其他部分協調工作。

網頁設計台北  1、背景色——深色的背景讓整個頁面看起來經典、精益求精、沉穩、正式且足夠“企業化”。當你設計一個網站的是,“精益求精”的感覺總能給人良好的觀感。正式和企業化的屬性,則通常能讓訪客不會以玩樂的心態來看待這個網站,且能夠帶來一定的信任感。
  2、按鈕色——設計師在這個CTA按鈕(行為召喚按鈕)上使用了強對比的紅色,醒目且非常吸引用戶去點擊。相對而言,白色邊緣的幽靈按鈕在優先級上明顯低於紅色的CTA按鈕。按鈕用色按鈕用色在整體配色中符合邏輯,位置清晰。
  3、文本色——白色的文本與黑色的底色形成明顯的對比,從整體配色方案上來看也非常搭調。另外和文字搭配的線條圖標也采用了同樣的白色,在色彩上采用了高度一致的方案,露頭的文本暗示用戶需要向下滾動。
  總體上來說,整套設計方案還不錯,中規中矩的黑白配,加上紅色之後,就顯得活潑起來了。由於紅色的使用相當之可知,稍加點綴,不會顯得過猶不及,這一切讓整個配色脫穎而出。讓整個配色脫穎而出。

博主好站推薦:氬焊機,陽極處理,團體服,團體制服

没有评论:

发表评论