pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

網站設計中的顏色心理學

  為什么Facebook是藍色的——從最初到最新的版本,幾經設計更迭,始終不變的主色調都是藍色?

  答案其實很簡單,根據《紐約客》的一次采訪,Facebook的創始人馬克·扎克伯格其實是一個紅綠色盲,他只能分辨出藍色:“藍色對我來說是色彩最豐富的顏色。”

網站設計中的顏色心理學 三聯

  * Facebook最初始的設計界面,那時候它還叫做thefacebook.com。當時,想要在上面開個賬戶必須有一個以.edu(哈佛大學)結尾的郵箱才行。

  無心插柳也好,有意栽培也好,色彩往往能夠體現互聯網品牌的創始人的審美和喜好,而設計師對于色彩的挑選和取舍,也是完成作品中的必備環節。

  Youtube設計師Marc Hemeon就曾收集了18組流行網站或產品的按鈕設計色彩,用來評估和調研色彩對于用戶心理的影響:

  對應網站或產品的謎底如下:

  1、Google

  2、Twitter

  3、Facebook

  4、Microsoft

  5、Pinterest

  6、Yahoo

  7、Instagram

  8、Flickr

  9、Spotify

  10、Rdio

  11、Svbtle

  12、Medium

  13、Basecamp

  14、Square

  15、Amazon

  16、Quora

  17、LinkedIn

  18、Path

  大部分網站或產品的按鈕色彩都不會超過3種,指向“動作”的按鈕應當統一為同一種顏色,比如Google的“搜索”按鈕是藍色,而Twitter的“注冊”按鈕則是明亮的黃色。

  社交分享工具Buffer的聯合創始人Leo Widrich在博客上補充了關于色彩的一些觀點,摘錄部分內容如下:

  色彩能夠幫助品牌極為簡易的建立用戶認知:

  灰色:象征冷靜、中立;(蘋果、維基百科、紐約時報……)

  綠色:象征健康、生命;(BP石油、食品超市whole foods、星巴克……)

  藍色:象征可靠、力量;(戴爾、大眾汽車、IBM……)

  紫色:象征智慧、想象;(雅虎、T-Mobile、科幻主題電視臺Syfy……)

  紅色:象征血氣、年輕;(可口可樂、樂高、肯德基……)

  橙色:象征歡樂、信任;(芬達、亞馬遜、火狐……)

  黃色:象征溫暖、透明;(百思買、法拉利、麥當勞……)

  站在消費者角度,色彩也能夠在理解和決策階段起到一定的影響作用:

  黃色:吸引注意力的購物窗口;

  紅色:刺激心血的緊迫感,常出現在清倉場景;

  藍色:多用于銀行和商業機構里,強調安全;

  綠色:讓人聯想到富裕和輕松,緩解壓力;(支付寶的信用卡還款按鈕選擇了綠色作為主色調,能夠理解原因了吧)

  橙色:呼叫意味濃厚,用于創建下訂、購買、出售的行動;

  粉色:服務于女性和年輕女孩的浪漫色調;

  黑色:奢侈品的最佳匹配;

  紫色:給人舒緩&平靜的感受,常被美容及抗衰老產品使用;

  男性和女性對于色彩的喜好度有所偏差:

  企業分析服務公司KISSmetrics的調查報告顯示(這份報告主要用于建議App產品的創業者在產品設計上的策略)——

  女性喜愛的色彩:藍色、紫色和綠色;

  女性討厭的色彩:橙色、棕色和灰色;

  男性喜愛的色彩:藍色、綠色和黑色;

  男性討厭的色彩:褐色、橙色和紫色;

  色彩能夠決定轉化率的差距:

  美國數字營銷公司Hubspot曾經做過一場A/B Testing,用于測試不同顏色對于用戶點擊轉化造成的差異——

  左右兩個測試顏面在內容上完全一直,唯一不同的是按鈕的顏色,在超過2000人次的樣本測試中,最終紅色方案的點擊率超過綠色方案的點擊率足足21%。

  而在測試之前,大部分的研究員都猜測綠色方案會獲得更高的點擊,因為就直覺而言,綠色代表著通行、準許通過的意思,而紅色則更傾向于警告、阻止意味。

  最后,為什么Html語言里超鏈接的默認顏色是藍色的?

  因為藍色是從灰色底色中脫穎而出的最佳色調。

  這個決定是由Tim Berners-Lee——萬維網的發明者做出的。在他那個年代,互聯網的第一代瀏覽器Mosaic顯示的網頁底色通常都是灰底黑字,為了讓超文本鏈接能夠更方便識別,Tim Berners-Lee將超鏈接定義為藍色并帶有下劃線的文字。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 全自动过滤器_反冲洗过滤器_自清洗过滤器_量子除垢环_量子环除垢_量子除垢 - 安士睿(北京)过滤设备有限公司 | 山东石英砂过滤器,除氟过滤器「价格低」-淄博胜达水处理 | 1000帧高速摄像机|工业高速相机厂家|科天健光电技术 | 杰福伦_磁致伸缩位移传感器_线性位移传感器-意大利GEFRAN杰福伦-河南赉威液压科技有限公司 | 贝朗斯动力商城(BRCPOWER.COM) - 买叉车蓄电池上贝朗斯商城,价格更超值,品质有保障! | 高压包-点火器-高压发生器-点火变压器-江苏天网 | 方源木业官网-四川木门-全国木门专业品牌| 医院专用门厂家报价-医用病房门尺寸大全-抗菌木门品牌推荐 | 真空吸污车_高压清洗车厂家-程力专用汽车股份有限公司官网 | 皮带机_移动皮带机_大倾角皮带机_皮带机厂家 - 新乡市国盛机械设备有限公司 | 圣才学习网-考研考证学习平台,提供万种考研考证电子书、题库、视频课程等考试资料 | 不锈钢/气体/液体玻璃转子流量计(防腐,选型,规格)-常州天晟热工仪表有限公司【官网】 | 陕西视频监控,智能安防监控,安防系统-西安鑫安5A安防工程公司 | 直线模组_滚珠丝杆滑台_模组滑台厂家_万里疆科技 | 南汇8424西瓜_南汇玉菇甜瓜-南汇水蜜桃价格 | 无锡网站建设-做网站-建网站-网页设计制作-阿凡达建站公司 | 威实软件_软件定制开发_OA_OA办公系统_OA系统_办公自动化软件 | 长沙印刷厂-包装印刷-画册印刷厂家-湖南省日大彩色印务有限公司 青州搬家公司电话_青州搬家公司哪家好「鸿喜」青州搬家 | 面粉仓_储酒罐_不锈钢储酒罐厂家-泰安鑫佳机械制造有限公司 | 美的商用净水器_美的直饮机_一级代理经销商_Midea租赁价格-厂家反渗透滤芯-直饮水批发品牌售后 | 盐水蒸发器,水洗盐设备,冷凝结晶切片机,转鼓切片机,絮凝剂加药系统-无锡瑞司恩机械有限公司 | 沈阳缠绕包装机厂家直销-沈阳海鹞托盘缠绕包装机价格 | 悬浮拼装地板_篮球场木地板翻新_运动木地板价格-上海越禾运动地板厂家 | 精密钢管,冷拔精密无缝钢管,精密钢管厂,精密钢管制造厂家,精密钢管生产厂家,山东精密钢管厂家 | 恒温槽_恒温水槽_恒温水浴槽-上海方瑞仪器有限公司 | 东莞螺杆空压机_永磁变频空压机_节能空压机_空压机工厂批发_深圳螺杆空压机_广州螺杆空压机_东莞空压机_空压机批发_东莞空压机工厂批发_东莞市文颖设备科技有限公司 | 好物生环保网、环保论坛 - 环保人的学习交流平台 | 拉卡拉POS机官网 - 官方直营POS机办理|在线免费领取 | 顺景erp系统_erp软件_erp软件系统_企业erp管理系统-广东顺景软件科技有限公司 | UV-1800紫外光度计-紫外可见光度计厂家-翱艺仪器(上海)有限公司 | 泥浆在线密度计厂家-防爆数字压力表-膜盒-远传压力表厂家-江苏大亚自控设备有限公司 | 清洁设备_洗地机/扫地机厂家_全自动洗地机_橙犀清洁设备官网 | 猪I型/II型胶原-五克隆合剂-细胞冻存培养基-北京博蕾德科技发展有限公司 | 预制围墙_工程预制围墙_天津市瑞通建筑材料有限公司 | 山东聚盛新型材料有限公司-纳米防腐隔热彩铝板和纳米防腐隔热板以及钛锡板、PVDF氟膜板供应商 | 防爆暖风机_防爆电暖器_防爆电暖风机_防爆电热油汀_南阳市中通智能科技集团有限公司 | 翅片管散热器价格_钢制暖气片报价_钢制板式散热器厂家「河北冀春暖气片有限公司」 | 上海电子秤厂家,电子秤厂家价格,上海吊秤厂家,吊秤供应价格-上海佳宜电子科技有限公司 | 全自动实验室洗瓶机,移液管|培养皿|进样瓶清洗机,清洗剂-广州摩特伟希尔机械设备有限责任公司 | 工业雾炮机_超细雾炮_远程抑尘射雾器-世纪润德环保设备 | 北京康百特科技有限公司-分子蒸馏-短程分子蒸馏设备-实验室分子蒸馏设备 |