99久久精品国产片-99久久精品国产免费-99久久精品国产麻豆-99久久精品国产国产毛片-99久久精品国产高清一区二区-99久久精品费精品国产一区二区

UI&UE實用方法論 | 做設計為什么需要“對比”:「馮·雷斯托夫效應」

2024-5-22    濤濤

UI&UE實用方法論 | 做設計為什么需要“對比”:「馮·雷斯托夫效應」

 

 

羅賓·威廉姆斯《寫給大家看的設計書》應該是每一位設計人的入門必讀吧?雖然我不確定你有沒有讀過,但是“親密、對齊、重復、對比”這四個基本的視覺設計手法,你應該多多少少有聽過了吧。

 

 

今天我們要談到的設計方法論,就和這四個設計手法中的 “對比”有莫大的關系。

 

以前我看羅振宇的一個節目,聽他談過一個個人觀點,具體原話我記不清了,但大概意思差不多是:得到APP里有一個活動或者功能特別重要的時候,他會要求設計師把入口做得足夠特別,格格不入或者丑一些都沒關系,但要保證用戶一眼就可以看到它,并且產生足夠的好奇心和想去點擊的欲望。
羅振宇在這里用到的設計手法就是“對比”,而這種手法背后的理論支撐,就是我們今天要探討的—— 馮·雷斯托夫效應(Von Restorff Effect)。

 

 

一、馮·雷斯托夫效應及其衍生

 

 

1933年,德國醫生海德維希·馮·雷斯托夫(Hedwig von Restorff)進行了一系列記憶研究實驗,通過多組、多次的對比實驗發現了一個人類記憶規律:在一組物品中,人們總是很容易關注記住某個最特別的東西。比如說一組物品,用聚光燈照射其中一個,那么相比其他未被照射的物品,人們會更容易注意并記住它。

 

也就是說該實驗發現并證明了:越特別的事物,越容易搶奪人們的注意力,并形成記憶點。這種人類行為、記憶現象后來以實驗者的名字被命名為了「馮·雷斯托夫效應」。「馮·雷斯托夫效應」實際是隸屬于人類行為學、心理學方面的研究結果,歷史上過了許久才慢慢地被運用于美學設計中來。

 

 

 

從該效應被正式確立命名之后,基于它,后面還有許多科研學者對這種行為、記憶現象展開了更深入的研究,剖析了「馮·雷斯托夫效應」的優缺點,并衍生出了許多其他的理論和學術說。

 

我個人認為其中比較重要,且對設計同行們有較大意義的兩個是:

 

  1. 獨特性可以讓內容被人更輕易地關注和記住,但同時會攫取人們的注意力,從而降低人們對項目中其他內容的關注度。因此構建特殊性,就要承擔同時會削弱人們對項目整體記憶的風險;

  2. 越突出、越新穎、越令人驚訝、越獨特的刺激,越能增強「馮·雷斯托夫效應」的作用程度(1978·Taylor & Fiske 研究結論)。

 

我認為這兩個衍生結論對設計人員最有意義的原因是,它們分別對應了 Material Design “一個頁面只專注一件事情” 的設計原則 和 羅賓·威廉姆斯書中所說 “要對比就對比得足夠夸張的觀點。

 

我知道許多的產品設計者總是希望自己頁面上的每一個功能都被用戶看到,但你必須學會劃分優先級,請把「馮·雷斯托夫效應」作用在真正重要且必須的事情上。

 

二、到底對設計有什么作用

 

從前面我的反復提及可以看出,「馮·雷斯托夫效應」會影響到人們的注意力記憶兩個方面。拆解了這兩點,就比較容易理解應該如何將這個設計理論運用在項目之中了。

 

  · 作用一:對注意力的影響作用  

 

開頭我提到的羅振宇的觀點中,他就是利用了「馮·雷斯托夫效應」對注意力的影響作用。

 

其實這一手法在UI設計中經常被使用,不論出于商業價值考慮還是功能考慮,設計師們總是知道用視覺差異來吸引用戶的注意力。上案例:

 

 

我們看到,得到和汽車之家APP在常規的排版設計中遵循統一、和諧的視覺語言,壓低了次要功能的視覺層級,再通過脫離常規視覺語言的設計,抓取用戶注意力,吸引用戶關注,從而助力營銷和商業目標。

 

不光是商業設計中有很多案例,我們幾乎每天都接觸到的Badge(徽標)控件,實際也是為了構建視覺上的獨特性,引起用戶的視覺關注。

 

 

 

所以在設計中,和諧、統一固然是基本,但正是因為有序,才讓設計師能夠發揮“無序”的功效和威力。

 

在《寫給大家看的設計書》中,羅賓·威廉姆斯總結了許多構建對比的方式,比如 大小、字體、粗細、冷暖色、平滑與粗糙、水平與垂直、松與緊等等。這些方法均可以運用到我們自己的設計中去。

 

 

 

  · 作用二:對記憶力的影響作用  

 

你會記住生命中最極致快樂和最極致痛苦的時刻,因為它比起其他的日子足夠特別,這也是「馮·雷斯托夫效應」作祟。別忘了「馮·雷斯托夫效應」最開始本就是起源于行為和心理學。

 

讓特殊的日子被紀念,百度Doodle不就是做著這樣有趣并且有益于文化傳播的事嗎?

 

 

Doodle的出現,已經是將「馮·雷斯托夫效應」作用于產品溫度和連接用戶情感的層面上了,傳遞了品牌調性與理念。

 

這一點也可以用于打造自身產品,不論是從功能、交互還是視覺,構建產品的差異,從同質化嚴重的互聯網現狀中脫穎出來,就可以讓用戶深刻地記住你。例如馬云的雙十一,例如為了躲開馬云而發展出來的垂直電商...

 

三、反向運用案例

 

  · 反例一:太多的突出=沒突出  

 

 

前面我提到一句“正是因為有序,才讓設計師能夠發揮‘無序’的功效和威力”,所以越有序的內容中出現一個越不和諧的元素,才能把「馮·雷斯托夫效應」發揮得越極致。

 

看一個案例:以下兩個頁面,哪一個你更能關注到標簽欄中的“搖現金”功能?毋庸置疑的答案是頁面2。

 

 

因為頁面1中金剛區和功能瓷片區搶走了用戶非常多的視覺關注,圖標的用色在飽和度和對比度上也比較一致,我很難關注到標簽欄中的活動。而頁面2中“搖現金”圖標的畫風、色彩飽和度都與其他元素不一致,我雖然眼睛盯著金剛區,但我的余光一直在被標簽欄瘋狂拉扯。

 

當然我這里只是為了論證太多的突出=沒突出的論點,拼多多也許有自己的商業和功能考量。該案例在單一論點中進行描述,只是想告訴大家:要發揮「馮·雷斯托夫效應」的作用,前提就是先構建“平庸的和諧”。不要想著每一個元素和功能都要突出,都突出=都不突出。

 

  · 反例二:本末倒置  

 

受“危險按鈕”的陶冶,曾經設計師們都喜歡給負向情緒操作非常高的視覺層級。例如退出登錄。

 

 

實際上設計者是希望告知用戶此操作危險,視覺層面卻仿佛在瘋狂地暗示用戶“看我!然后點我”。雖然近些年在移動端,這樣的矛盾設計已經越來越少了。但這個“危險按鈕”也真實地困惑了我很久...與其告訴用戶“這個操作很難危險”,為何不直接讓用戶盡量忽視掉這個操作呢...

 

我至今沒有探索和查找到相關文獻來解釋為何“危險按鈕”視覺層級這么高。但AntDesigng規定“危險按鈕”一般還需要進行二次確認操作,些許解開了一點我的擔心。

 

但單從「馮·雷斯托夫效應」來看,這樣的設計確實是有些本末倒置。在日常的設計當中,也應該極力避免。

 

 

 

 

藍藍設計(www.lapeinture.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

日歷

鏈接

個人資料

藍藍設計的小編 http://www.lapeinture.cn

存檔

色综合久久天天综合观看| 高清一级毛片一本到免费观看| 精品久久久久久综合网| 午夜欧美成人久久久久久| 一级毛片视频播放| 欧美激情伊人| 999精品在线| 成人高清免费| 精品视频一区二区三区免费| 久久99这里只有精品国产| 91麻豆国产| 韩国毛片免费大片| 亚洲 国产精品 日韩| 九九久久国产精品大片| 亚欧成人乱码一区二区| 精品在线观看国产| 亚洲第一页乱| 香蕉视频一级| 午夜欧美成人久久久久久| 免费国产在线观看| 999精品视频在线| 亚欧成人乱码一区二区| 日韩av成人| 国产不卡高清| 成人免费高清视频| 久草免费资源| 国产成人啪精品| 韩国三级一区| 日韩一级黄色| 九九久久99| 天天色色色| 欧美国产日韩在线| 天天做日日干| 99久久网站| 精品毛片视频| 久久久成人网| 欧美激情一区二区三区视频高清 | 日韩av片免费播放| 国产韩国精品一区二区三区| 国产成人啪精品| 999久久久免费精品国产牛牛| 欧美另类videosbestsex高清| 午夜精品国产自在现线拍| 欧美电影免费看大全| 国产一区精品| 欧美激情中文字幕一区二区| 欧美激情伊人| 九九久久国产精品| 久久精品欧美一区二区| 免费的黄色小视频| 精品久久久久久免费影院| a级精品九九九大片免费看| 成人免费高清视频| 久久福利影视| 一级毛片视频免费| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 欧美另类videosbestsex高清| 日韩欧美一二三区| 精品视频在线观看一区二区三区| 日日夜夜婷婷| 美女免费毛片| 黄视频网站免费看| 国产伦精品一区三区视频| 国产a视频| 国产不卡精品一区二区三区| 97视频免费在线观看| 国产网站在线| 麻豆网站在线看| 色综合久久天天综线观看| 成人免费高清视频| 国产网站免费| 日韩av成人| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 高清一级毛片一本到免费观看| 免费毛片播放| 国产成人精品综合在线| a级黄色毛片免费播放视频| 韩国毛片免费大片| 欧美激情一区二区三区视频 | 国产欧美精品午夜在线播放| 国产精品免费精品自在线观看| 国产视频一区在线| 欧美电影免费看大全| 国产麻豆精品hdvideoss| 日本免费乱理伦片在线观看2018| 日本伦理黄色大片在线观看网站| 999精品影视在线观看| 天天做日日干| 九九久久国产精品| 国产极品白嫩美女在线观看看| 精品国产香蕉在线播出| 亚洲第一页乱| 久久久成人网| 91麻豆精品国产自产在线| 香蕉视频久久| 一级毛片视频免费| 午夜在线亚洲| 99热精品一区| 欧美18性精品| 九九九国产| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 日韩一级黄色| 午夜欧美成人久久久久久| 国产一区二区精品| 台湾毛片| 国产精品免费久久| 欧美激情一区二区三区在线| 可以免费看毛片的网站| 精品国产亚洲一区二区三区| 久久国产精品永久免费网站| 国产亚洲免费观看| 欧美激情一区二区三区在线| 四虎影视久久| 九九九国产| 亚洲www美色| 九九免费精品视频| 欧美一级视频免费| 久久国产精品永久免费网站| 精品视频在线观看一区二区| 黄色短视频网站| 国产麻豆精品hdvideoss| 黄色短视频网站| 韩国三级视频网站| 国产91精品露脸国语对白| a级精品九九九大片免费看| 精品视频一区二区| 国产综合成人观看在线| 国产美女在线一区二区三区| 一级女性全黄生活片免费| 欧美日本免费| 国产原创中文字幕| 日韩免费在线| 久草免费资源| 国产精品自拍在线观看| 黄视频网站免费| 国产成人精品综合在线| 欧美国产日韩久久久| 中文字幕一区二区三区精彩视频| 国产91丝袜在线播放0| 四虎久久影院| 久久精品道一区二区三区| 九九久久国产精品| 天天色成人网| 99久久精品国产高清一区二区| 可以在线看黄的网站| 精品视频在线观看免费| 国产成人精品影视| 日韩一级黄色| 国产a视频| 夜夜操网| 久久精品大片| 91麻豆国产福利精品| 国产91丝袜高跟系列| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 国产欧美精品午夜在线播放| 一级片片| 九九九网站| 精品国产一区二区三区久| 亚洲精品影院| 国产国语在线播放视频| 国产麻豆精品免费密入口| 成人免费观看视频| 欧美激情伊人| 亚洲 男人 天堂| 人人干人人插| 四虎影视久久久| 可以免费看毛片的网站| 欧美另类videosbestsex视频| 精品视频在线看| 亚洲 男人 天堂| 你懂的国产精品| 国产亚洲免费观看| 日本在线www| 日韩在线观看视频网站| 精品在线观看国产| 高清一级片| 青青久久国产成人免费网站| 美国一区二区三区| 午夜激情视频在线播放| 色综合久久天天综合| 青青青草影院| 久久国产精品自由自在| 国产麻豆精品免费密入口| 日本免费区| 日本在线播放一区| 色综合久久天天综合| 免费国产在线视频| 97视频免费在线观看| 国产一区二区精品| 国产a视频精品免费观看| 天天做日日爱| 青青青草视频在线观看| 色综合久久手机在线| 美国一区二区三区| 午夜欧美成人久久久久久| 香蕉视频久久| 青青青草影院| 午夜激情视频在线观看| 欧美激情在线精品video| 香蕉视频一级|