做了8年產品經理后，我是這么看產品經理的
在設計領域，有些原則雖然我們經常使用，卻可能并不熟悉其背后的理論。馮·雷斯托夫效應（Von Restorff Effect）就是這樣一種現(xiàn)象，它解釋了為何在一系列相似元素中，獨特的那個更容易被記住。
在我們的日常生活中，心理學的影響無處不在。它像一把神奇的鑰匙，能打開人們內心深處的秘密。作為設計師，我們更應該掌握并運用心理學，將其融入我們的設計中，從而創(chuàng)造出更具有吸引力和影響力的作品。
設計并不僅僅是形狀、顏色和布局的組合，更是對人類心理的探索和解讀。我們的每一個設計決策，都與用戶的心理狀態(tài)和認知過程息息相關。如何抓住用戶的眼球、引發(fā)他們的興趣、引導他們的行為，這些都是我們需要深入研究的課題。
在眾多的心理學原理中，馮·雷斯托夫效應（Von Restorff Effect）是一個值得設計師們關注的設計法則。這個效應揭示了一個有趣的現(xiàn)象：特殊的東西往往比普通的東西更容易被人記住。這就意味著，在設計中，我們要制造一些“特殊”的元素，使它們能夠從眾多的信息中脫穎而出，成為用戶關注的焦點。今天筆者就帶大家了解一下設計中常用的心理學之一馮·雷斯托夫效應。
在1933年的德國，一個名叫海德維希·馮·雷斯托夫的醫(yī)生開啟了一項改變我們對人類記憶理解的實驗。她深入探索了當人們面對一系列物品時，他們的記憶是如何運作的。通過精心設計的對比實驗，她發(fā)現(xiàn)了一個令人驚奇的現(xiàn)象：在一組物品中，那個最特別的物品總是更容易被人們記住。
這一發(fā)現(xiàn)為我們揭示了一個核心事實：特別的事物更能吸引我們的注意力，并在我們的記憶中留下深刻的印記。想象一下，在一組物品中，如果有一個被聚光燈照亮，那么相比其他未被照亮的物品，它無疑會成為人們關注的焦點，從而在記憶中留下更深的痕跡。
這個人類行為和記憶的規(guī)律后來被命名為“馮·雷斯托夫效應”。這一效應不僅僅是一個簡單的觀察，它實際上是人類行為學和心理學領域的一項重要研究成果。隨著時間的推移，這一效應逐漸被應用于美學和設計領域，為設計師們提供了全新的視角和工具，以創(chuàng)造出更具吸引力和影響力的作品。
自馮·雷斯托夫效應被正式確立命名以來，眾多科研學者在此基礎上進行了更深入的研究，他們不僅剖析了這一效應的內在機制和影響因素，還探討了其在不同情境下的應用。隨著研究的深入，對于這一效應的理解也在不斷加深，并衍生出了許多其他的理論和學術觀點。
馮·雷斯托夫效應為我們提供了一個獨特的視角，幫助我們更好地理解人類記憶的運作方式。通過運用這一原理，我們可以在設計中有意識地創(chuàng)造出令人難忘的元素，從而與觀眾建立更深刻的聯(lián)系。無論是在廣告、品牌推廣還是產品設計中，突出特別的元素都是一種有效的策略，可以幫助我們更好地吸引觀眾的注意力并留下深刻的印象。
馮·雷斯托夫效應，又被稱為隔離效應或新奇效應，揭示了人們在記憶中的偏好。當情境或經歷中出現(xiàn)與眾不同的刺激時，這種效應尤為明顯。
在當今信息爆炸的時代，用戶往往沒有耐心去仔細查找信息，而是快速掃視。因此，設計師需要巧妙地運用萊斯托夫效應，使關鍵內容從繁雜的信息中脫穎而出，吸引用戶的目光。
統(tǒng)一性是設計的基礎，但只有差異化的元素才能讓信息從頁面中脫穎而出。通過巧妙運用顏色、形狀、布局等元素，我們可以創(chuàng)造出與眾不同的視覺效果，引導用戶的視線。通過巧妙地突出關鍵內容，我們能夠更好地與用戶溝通，引領他們的注意力，為業(yè)務創(chuàng)造更大的價值。
在界面設計中，我們常常會遇到這樣的情況：在同類型的元素中，某一元素與其他元素存在顯著差異，這種現(xiàn)象我們稱之為“背景不同”。為了使某個模塊或元素在用戶心中留下深刻印象，我們可以利用環(huán)境差異來提高其識別度和記憶度。這種手法在UI設計中被廣泛應用，它利用了馮·雷斯托夫效應，能有效吸引用戶點擊。
例如淘寶底部標簽欄中的四個ICON，唯獨首頁的第一個ICON（品牌logo）風格與眾不同。即使離開了該頁面，這個特殊的ICON依然讓人印象深刻，餓了么第二的圖標也是如此。因此，我們在設計界面時，若想吸引用戶的注意或提高點擊量，可以打破常規(guī)，讓特定元素在同背景下脫穎而出。
再比如下圖的個人中心界面，功能入口模塊均采用ICON展示，而游樂場模塊卻采用了特殊的布局和設計。因此，當用戶進入個人中心時，最先映入眼簾的便是游樂場模塊。這也解釋了為什么我們在進行廣告和活動投放時，需要特別設計的原因。
當遇到與過去經驗顯著不同的情況時，我們的大腦會產生一種特殊的效應，這種效應被稱為“經驗不同”的效應。例如，在騎自行車的過程中，我們通常習慣于左手控制左把手，右手控制右把手。但是，如果我們嘗試用雙手交叉的方式來騎車，結果很可能會摔倒。從此以后，每當我們聽到或描述有關騎車摔倒的事情時，我們都會立刻想起那次“經驗不同”的嘗試。
同樣地，淘寶和京東在618、雙十一等大型促銷活動時，會選擇重新設計他們的首頁。與往常的設計相比，這些新的首頁設計通常會增加更多的促銷入口，甚至改變ICON的風格。從馮·雷斯托夫效應的角度來看，這種與以往不同的設計能夠更好地吸引用戶的注意力，加深用戶的記憶，并擴大活動對用戶的影響力。
在視覺層面難以實現(xiàn)強烈差異化時，我們可以通過功能來實現(xiàn)有效的隔離。以微信為例，其置頂功能允許用戶將好友或群聊消息置于頂部，從而與其他信息區(qū)分開來。這種設計確保了關鍵信息的優(yōu)先級，使用戶能夠更快速地找到和關注所需內容。通過巧妙地運用功能，我們可以輕松地解決視覺上的一致性與差異化之間的矛盾，為用戶提供更加流暢和個性化的體驗。
靜態(tài)頁面容易讓人視覺疲勞，動效能夠更加生動有趣地展示內容，引導用戶更加關注頁面。相較于被動接受信息，動效能夠更加有效地吸引用戶注意。
隨著Banner自動輪播的普及，用戶對其的吸引力逐漸降低。面對不斷變化的廣告，用戶不再耐心地逐個瀏覽。當無法獲取所需信息時，他們的視線會迅速轉向其他區(qū)域。
為了應對這一挑戰(zhàn)，騰訊視頻首頁的Banner采用了背景聯(lián)動的形式。這意味著頭部背景色會根據Banner圖片的色調進行變化，從而擴大了內容的變化空間。這種設計不僅使廣告更加引人注目，還使用戶更容易被吸引并保持關注。
頻道頁的入口方式多種多樣，金剛區(qū)icon無疑是最優(yōu)選擇。若要突出展示某些業(yè)務功能，單一的icon配合動效可有效吸引用戶關注。此策略簡單高效，有助于用戶快速找到所需內容。
在設計界面時，我們追求的是在有限的空間內展示更多的有效信息，避免信息的無效重復。但在電商平臺中，尤其是涉及到利益點時，我們需要確保信息具有足夠的價值感和吸引力。
以智行APP開通會員為例，領神卡作為核心賣點被突出展示，采用了平鋪展開的方式，從而突顯其價值。相對其他權益則相應地進行了弱化處理，以保持整體信息的清晰度和重點。這樣的設計既充分利用了屏幕空間，又確保了用戶能夠快速了解到核心的利益點。
頁面信息層次分明，信息層級越高，用戶感知越強烈，越能吸引注意。例如，模態(tài)彈窗處于最上層，與內容層完全隔離，用戶無法忽視。其次是非模態(tài)懸浮層，與內容層隔離，但不影響用戶操作。還有側邊懸浮按鈕、頂部或底部懸浮橫條等。
受“危險按鈕”的影響，過去設計師常常給予負向情緒操作很高的視覺層級，例如退出登錄。這樣的設計意圖是警示用戶操作危險，但視覺上卻過于強調，甚至有些“喧賓奪主”。近年來，移動端設計中這種矛盾逐漸減少，但仍然存在。與其強調操作的難度和危險性，不如考慮如何讓用戶自然地忽視這些操作，減少不必要的干擾。從馮·雷斯托夫效應來看，這種設計方式有本末倒置之嫌，應盡量避免。
新手設計師常常會遇到想要突出所有元素，但最終無法突出任何一項的問題。頁面中的特異點應該屬于少數，如果所有元素都想做得不一樣，都會讓頁面整體視覺效果崩潰。因此，在設計中要學會取舍，選擇最重要的元素進行突出，才能達到最佳的視覺效果。
總的來說，將馮·雷斯托夫效應運用到設計中，能幫助我們創(chuàng)造出更具吸引力、更容易被記住的設計。但請記住，任何設計決策都應以用戶為中心，了解他們的需求和心理是關鍵。只有這樣，我們才能真正創(chuàng)造出打動人心的設計。
專欄作家
大漠飛鷹；人人都是產品經理專欄作家。致力于產品需求的驅動、產品體驗的挖掘，利用設計的手段為受眾用戶帶來更好的體驗，即好看、好用。
本文原創(chuàng)發(fā)布于人人都是產品經理，未經許可，禁止轉載。
題圖來自 Unsplash，基于 CC0 協(xié)議。
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務。
蘭亭妙微(fmbyxs.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan
Bento UI其實流行已經有一段時間了，但是近一兩年來才展現(xiàn)出發(fā)展的勢頭，Bento UI的體驗和用戶友好性在設計中的價值不斷被認識與驗證。本文就Bento UI設計風格進行分析總結，希望能給你一些啟發(fā)。
Bento UI的流行已經有一段時間，但直到最近一兩年，它才真正展現(xiàn)出強勁的發(fā)展勢頭。這是因為設計師們逐漸認識到，Bento UI的體驗和用戶友好性在設計中的價值。
關于Bento UI的起源存在一些爭議，就像許多設計趨勢一樣。有人認為Bento UI的成功應歸功于蘋果公司，因為蘋果在其UI元素中采用了類似的風格。另一些人則指出，微軟的Metro UI實際上就是Bento UI的一種體現(xiàn)。不管它的來源如何，毋庸置疑，Bento UI正變得越來越受歡迎。隨著其使用量的增加，它作為一種UI風格的可靠性也在不斷得到驗證。
Bento UI 的靈感來自便當盒（一種精心布置且視覺上吸引人的日本料理）概念，提供了令人耳目一新的設計。它不僅僅是一個設計框架，而是一種兼顧用戶需求和視覺吸引力的整體理念。這篇文章讓我?guī)闵钊胙芯恳幌?Bento UI 如何實現(xiàn)實用性與美觀的相互融合。
Bento UI設計的優(yōu)點多種多樣，它將實用性和美學完美融合，為用戶帶來出色的體驗。
1. 強調模塊化和可重用性： Bento UI將界面元素拆分為模塊化的組件，使得設計師可以輕松地組合、調整和重用這些組件，從而提高了設計效率和一致性。
2. 簡潔而美觀的外觀： Bento UI注重簡約、現(xiàn)代和美學的結合，帶來干凈、清晰且視覺吸引人的界面。這有助于提升用戶的第一印象，增加用戶停留時間和參與度。
3. 良好的用戶體驗： Bento UI注重用戶導向，通過清晰的布局、直觀的導航和有趣的交互元素，為用戶創(chuàng)造出愉悅和流暢的瀏覽體驗。
4. 強化品牌形象： Bento UI可以根據品牌的風格和價值觀進行定制，從而增強品牌在用戶心中的形象和認知。一致的設計元素有助于塑造品牌的獨特性。
5. 強調交互和動畫： Bento UI強調微交互和動畫效果，為用戶創(chuàng)造出更加生動和有趣的互動體驗。這不僅吸引用戶的注意，還增強了用戶的參與感。
6. 提升移動設備體驗： Bento UI通常是響應式的，可以自適應不同的屏幕尺寸和設備類型。這為移動用戶提供了更好的體驗，無論是在手機、平板還是桌面電腦上。
要設計出成功的Bento UI，首先需要理解其核心原則。簡約、模塊化和活力交互是Bento UI的靈魂。簡約的設計風格能夠使界面更加清晰明了，而模塊化的組件則讓設計師能夠靈活構建頁面，快速滿足不同需求?；盍换?，包括動畫效果和微交互，能夠增強用戶與界面的互動感，提升用戶體驗。
在Bento UI中，清晰的布局是至關重要的。界面元素應該有明確的排列，避免過于擁擠和混亂。通過合理的分區(qū)和對齊，可以將信息有序地呈現(xiàn)給用戶，使其能夠快速獲取所需信息。此外，清晰的布局還能夠增強用戶的舒適感，使其更樂意與界面互動。
Bento UI倡導使用鮮明的顏色和獨特的圖標設計。色彩可以傳達情感和品牌特點，因此選擇適合項目風格的顏色是至關重要的。同時，圖標作為界面的視覺元素，能夠直觀地傳達信息，提高用戶的使用效率。確保顏色和圖標的使用既美觀又有意義，能夠為用戶帶來更好的視覺體驗。
Bento UI的動畫效果和微交互是設計中的亮點之一。動畫可以增強用戶與界面的互動感，使用戶感受到界面的活力。微交互則能夠提供反饋，引導用戶完成操作。設計師可以巧妙地運用過渡效果、淡入淡出和其他動畫元素，使界面變得更加生動有趣。
在整個設計過程中，保持一致性和用戶友好性至關重要。界面的風格、字體和元素應該保持統(tǒng)一，以確保用戶在瀏覽不同頁面時能夠感受到一致的視覺效果。另外，界面的導航和操作也應該簡單明了，讓用戶能夠輕松找到所需內容。
一些案例：
iPhone 14 Pro介紹頁面中，您將看到以這種方式呈現(xiàn)的高級功能介紹，并通??過多種視覺處理來保持有趣。雖然有不同的視覺處理，但由于使用大小和漸變文本有效地引導用戶的眼睛，內容不會相互沖突。
Bolt對每個圖塊使用了更加一致的視覺方法，以使內容更易于瀏覽。這對于傳達功能并引導他們在最后查看更多內容非常有用！
Linear的設計師也采用了Bento UI的設計風格，我個人很喜歡他們這樣的設計。
Iconwerk使用Bento UI風格來展示他們最好的圖標設計。每個內容框都保持得非常小，這樣當它們全部放在一起時，就不會感到擁擠。
Traf使用Bento UI以時尚的深色主題設計來布局他的作品集作品。
是否選擇應用Bento UI取決于您的項目需求和目標。如果您追求引人入勝的界面、活力的交互和用戶友好性，Bento UI可能是一個理想的選擇。特別是對于品牌展示、產品推廣和互動性強的網頁，Bento UI能夠為您的項目增添獨特的魅力和吸引力。然而，設計師應該根據項目特點，靈活運用Bento UI的元素，以確保最終的設計能夠滿足用戶需求并達到預期效果。
但是Bento UI并非適用于所有項目。它最適合于擁有簡潔層次結構的項目，因此，如果您的項目層次結構較為復雜，Bento UI可能并不適合。不過，如果您的項目存在復雜層次結構，或許是時候改變這一現(xiàn)狀了。
Bento UI的設計和感覺極具現(xiàn)代氛圍，我預測它將在未來一段時間內持續(xù)受歡迎。隨著蘋果等專業(yè)設計團隊的使用還有諸如Vision Pro等新技術的出現(xiàn)，它甚至可能發(fā)展成我們目前尚未能夠預見的新形態(tài)。
Bento UI是一種引人注目的設計風格，簡約美學、動感交互和模塊化創(chuàng)造力為設計帶來了新的可能性。作為一種新興的設計趨勢，Bento UI正在成為越來越多設計師和品牌的選擇。
通過將Bento UI的理念融入設計中，我們能夠為用戶創(chuàng)造出令人難忘的體驗，將品牌價值傳達得更加生動而深刻，從而實現(xiàn)更好的用戶參與和品牌傳播效果。
本文由 @收手的阿祖 原創(chuàng)發(fā)布于人人都是產品經理，未經許可，禁止轉載
題圖來自 Unsplash，基于 CC0 協(xié)議
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務。
蘭亭妙微(fmbyxs.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan
2022 原創(chuàng)輸出第 15 篇，我們互相努力。
作為設計師都會時刻關注設計趨勢，以 UI 設計來說每年都會出現(xiàn)很多相關的趨勢總結，基本是結合預測和實際相結合的。趨勢可以讓我們把控設計的方向，帶給用戶更好的感官體驗。
最近黑馬哥結合落地產品所呈現(xiàn)出來的設計趨勢，進行了這方面的探索，今天以其中之一的趨勢-極光風和大家先聊一聊。
一、極光風趨勢的來源
二、UI 場景中的極光風設計
三、實現(xiàn)極光風設計的方法
四、極光風案例實戰(zhàn)
五、小結
極光（Aurora），是一種絢麗多彩的等離子體（發(fā)光）現(xiàn)象，在夜間出現(xiàn)燦爛美麗的光輝。在南極被稱為南極光，在北極被稱為北極光，視為自然界中最漂亮的奇觀之一。（來源于百度百科）
這樣的自然奇觀被攝影師捕捉到靜態(tài)的影像中，設計師再結合這樣的影像作品，視覺化之后出現(xiàn)在了一些設計作品中。在 2021 年被廣泛運用，形成一種流行的視覺風格。在眾多的互聯(lián)網產品設計中，也經常運用這種類似極光的視覺影像風格，稱之為 Aurora UI。
在產品設計底層需求獲得滿足之后，感光體驗的提升被重視，視覺感的強化對 UI 設計師來說至關重要。基于不改變本身的結構層，在背景層和裝飾性元素上面發(fā)揮，使得 Aurora UI 得到了發(fā)揮的空間。
富有創(chuàng)意的極光風在背景層和裝飾性元素上面發(fā)揮得淋漓盡致，助推了其成為 UI 設計趨勢的關鍵，下面就讓我們一起來看看落地產品中的 Aurora UI。
由于在眾多落地產品中被廣泛運用，形成了近些年影響 UI 設計趨勢的風格。極光風和彌散光在表現(xiàn)形式上類似，也有設計師將該風格歸類為彌散光，下面就看一下具體的運用場景。
2.1、強化導航欄設計的視覺感
如果想要強化頂部導航欄的視覺感，通常是利用品牌色作為背景顏色，這樣也會顯得頂部比重較大。通過白色或者淺灰色作為背景屬于比較弱化的處理方式，而極光風的處理形式處于輕重之間的理想狀態(tài)。不僅可以豐富視覺表現(xiàn)力，也能使得整體風格更加年輕化。
2.2、強化個人中心頂部視覺區(qū)域
隨著互聯(lián)網用戶年輕化的趨勢，在配色上面逐步趨近于年輕化，眾多產品在個人中心界面的設計上面亦是如此。利用極光風效果呈現(xiàn)出的設計比較符合年輕化的趨勢，可以是同色系的飽和度變化，也可以是不同色相的相互融合。利用低飽和度高明度的配色原則，使得整體的視覺感更加輕量化，視覺效果清新自然且通透力更強。
也有基于品牌色結合極光風進行融合，相對單色來說效果更加豐富自然，使得背景的變化更加多樣。
2.3、豐富背景設計的視覺感
除了在頂部區(qū)域進行運用以外，也有一些產品會在背景層面進行強化，相較于白色或者淺灰色的背景來說色彩感更豐富。運用到整個界面背景層相對比較少，在局部背景層上的運用比較多些，可以強化局部模塊的視覺感。
2.4、點綴彈窗設計局部
極光風的設計表現(xiàn)也會出現(xiàn)在一些局部功能的細節(jié)處，比如運用到彈窗的色彩處理中，作為背景局部或者插畫部分等的襯托。帶來的視覺感更加親和自然，也不會過度干擾其他元素的呈現(xiàn)。
2.5、強化卡片式設計局部
卡片式設計也是近些年運用比較多的設計趨勢之一，基本是以白色卡片居多，具有整合信息的好處。在卡片的邊緣位置強化色彩，可以使得卡片色彩更加豐富，也有一些電商產品是起到與商品形成色彩呼應的作用。
2.6、突出搜索設計的差異化
搜索框的設計在大部分的認知里面都是白色或者淺灰色，也有一些是帶有邊框的形式，利用低飽和度高明度的配色原則來進行設計，帶來的效果更加年輕化。也是一種差異化設計的嘗試，打破常規(guī)的設計認知。也可以舉一反三，在一些按鈕或者標簽設計中運用。
2.7、分類標簽的裝飾設計
這是一個裝飾性的設計嘗試，在突出模塊分類的當前狀態(tài)時，通常都會通過裝飾元素來進一步強化?？梢酝ㄟ^字體粗細、顏色深淺、字體大小和裝飾元素來強化，裝飾元素除了線段和一些圖形元素以外，極光風的背景元素也是一種不錯的表現(xiàn)手法。
2.8、圖標設計中的運用
運用到圖標設計中通常是出現(xiàn)在質感類圖標，輔助強化圖標的色彩感和層次感。有時候無法通過常規(guī)的漸變形式達到要求，就可以嘗試運用極光風的處理技巧，將顏色通過模糊和剪切蒙版的形式融入到圖標中，可以使得圖標色彩豐富和強化光影變化。
2.9、深色卡片色彩強化
以上案例屬于在淺色或者白色的環(huán)境中運用，在深色主題中依然會用到極光風進行設計強化。在界面背景和卡片背景中運用，效果也是非常不錯的，可以給深色的卡片一些色彩感和豐富度。
2.10、作品包裝中的背景強化
除了在 UI 設計場景中運用以外，最近發(fā)現(xiàn)在設計師作品包裝中的運用也是非常普遍，用于背景層的渲染帶來的視覺體驗度也是非常不錯的。在作品包裝環(huán)節(jié)中作為背景運用和局部裝飾，也有在封面設計中重點運用，使得作品集緊貼設計趨勢，提高作品的打開率。
2.11、其他場景中的應用普及
在 UI 場景還有很多運用場景，這里僅為拋磚引玉，無論是作為背景強化還是元素裝飾，都能帶給用戶更加年輕化的感官體驗。
除了在 UI 場景中呈現(xiàn)以外，極光風的設計也會出現(xiàn)在更多其它場景中。在 Banner 設計、海報設計、專題頁設計等視覺設計層面也是運用廣泛，是一個影響范圍比較廣的設計趨勢之一。
通過一些線上的案例欣賞和分析，相信大家對于極光風在 UI 場景中運用都有一定的了解，在項目設計中也能輕松嘗試。這一類風格從技法實現(xiàn)的角度來說并不難，關鍵因素在于控制好配色原理，下面就為大家總結幾種實現(xiàn)的方法。
方法 01 ：利用不透明度漸變融合
不透明度漸變在設計中的運用比較普遍，利用的是不透明度從 100%-0% 之間形成漸變，讓色彩逐漸消失或者淡化。
畫一個圓形，選擇徑向漸變，漸變兩端的顏色選擇同一個色相。然后設置中間顏色不透明度為 100%，另一個顏色不透明度設置為 0%，這里顏色適合選擇低飽和度的范圍。同樣的方法反復繪制幾個不同顏色的圓形進行組合，即可完成極光風背景設計。
方法 02 ：利用模糊度變化融合
這個方法是結合了形狀和模糊設置（高斯模糊等），繪制幾個大小不等的圓形進行排版組合，然后選擇所有圓形一起進行模糊設置。形狀的繪制上面最好是有大小差異，排版錯落有致，這樣形成的效果比較富有變化。
在顏色的選擇上面需要根據背景的強化程度選擇，低飽和度的顏色融合性更高，適合作為弱化性質的背景使用。
方法 03 ：利用背景模糊融合
背景模糊在 Sketch、Figma 等設計軟件中有該功能，是一個影響設計趨勢較為常用的功能，特別是在實現(xiàn)玻璃質感和一些質感圖標上面非常實用。
在背景層繪制圖形，顏色和形狀均可自由發(fā)揮，然后再繪制一個形狀作為調節(jié)層，調節(jié)層是用于控制模糊效果的。在調節(jié)層的形狀上面設置一個帶有透明度的顏色（必須要帶有透明度），然后再設置背景模糊，背景模糊數值的大小決定模糊的程度，不透明度的大小決定整體效果的亮度。
方法 04 ：利用圖片模糊融合
以上的方法都需要進行配色處理，如果色感方面比較薄弱的設計師，也可以挑選一些不錯的圖片來實現(xiàn)極光風效果。
挑選一張色彩符合要求的圖片，然后在 Photoshop 等設計軟件中執(zhí)行高斯模糊，半徑值的多少決定了模糊之后的自然度。我們在選擇圖片的過程中除了整張圖片進行操作以外，也可以截取其中的一部分，也許可以帶來意想不到的效果。
除了這幾個方法以外還有更多不一樣的實現(xiàn)方法，大家可以根據自己的探索選擇最適合自己的方法。根據使用軟件的差別選擇最簡單的形式，根據想要實現(xiàn)的效果選擇最靈活的方法，這樣才能便于后期的反復調整。
五、小結
研究落地產品的設計細節(jié)和視覺趨勢，將有助于提高我們對于當前有效設計趨勢的把控，而不僅僅只是停留在概念化的預測階段，而是行之有效的真實案例。
極光風是近些年運用在落地產品中的 UI 設計趨勢之一，通過大量案例驗證之后的有效方法，希望大家能夠掌握并靈活運用到項目設計中。落地產品的 UI 設計趨勢還有很多，本次分享的僅為拋磚引玉，后續(xù)將和大家探討更多的有效設計趨勢，輔助提高我們的設計能力。
作者：黑馬青年（vx: heimaux）
本文由 @黑馬青年 原創(chuàng)發(fā)布。未經許可，禁止轉載。
UI 行業(yè)正站在創(chuàng)新與變革的前沿，極簡主義與情感化設計的融合、智能交互的驅動、響應式設計的進階、3D 元素與微交互的崛起以及數據可視化的深入應用等趨勢相互交織，共同塑造著未來 UI 設計的全新風貌。對于 UI 設計師而言，緊跟這些趨勢，不斷學習和探索新技術、新方法，將用戶需求與創(chuàng)新設計理念相結合，才能在這個充滿活力與挑戰(zhàn)的領域中打造出引領潮流、滿足用戶期待并推動數字產品成功的優(yōu)秀 UI 作品。
【6】Telegram更新：全面提升應用使用性能
【7】Openvibe：一款將多個社交應用進行整合的開放式社交平臺
蘭亭妙微(fmbyxs.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。
新需求為我們理解用戶需求提供了新的思路，而產品場景化思維則是將這些需求轉化為實際產品的重要方法。在產品設計、開發(fā)和推廣過程中，我們應該充分運用場景化思維，深入分析場景五要素，精準把握用戶需求，為用戶提供更加優(yōu)質、個性化的產品和服務，從而在激烈的市場競爭中脫穎而出。
蘭亭妙微(fmbyxs.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。
藍藍設計的小編 http://fmbyxs.cn
