<li id="g3zqm"></li>
在日常的數字產品設計中，彈窗雖小，卻往往承擔著轉化用戶、傳遞信息、引導行為的關鍵角色。一個恰到好處的彈窗，能讓用戶體驗如絲般順滑；而一個設計粗糙的彈窗，則可能成為用戶流失的導火索。
基于上百個真實的實戰案例深度拆解，蘭亭妙微ui設計公司總結出 12 種超實用的彈窗設計切入點。每一種都附有真實案例與核心優點，既好上手又具備延展性。無論你是想介紹產品功能、推送運營活動，還是引導用戶互動，都能在這里找到適配方案，助你快速擺脫靈感瓶頸，讓小小彈窗既好看又好用。
蘭亭妙微（藍藍設計）m.hengshangtqd.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
我們平常會使用很多APP，久而久之我們會發現一些APP的設計非常的相似；一個有新意、精致的APP界面可以讓用戶產生很深的影響，對產品的形象也有一定的幫助；本文由蘭亭妙微UI設計公司分享了關于如何提升UI設計的高級感的方法，我們一起來看一下。
一個App設計是否精致，是否富有設計感，在于它的細節，這就意味著我們在進行設計的時候，要從細微之處著手，從多方面去鉆研如何創造出打動人心的UI設計。
本文總結了12個簡單直觀的提升設計感的小細節，一起來學習。
在對UI 文本進行樣式控制的時候，最常見的錯誤莫過于過度依賴字體大小差異來營造對比；單純使用字體大小對比，所營造的對比并不夠，嘗試結合色彩和字重來營造更好的對比效果。
每種顏色都有一個視覺權重，這有助于在內容中建立層次結構；通過使用顏色的深淺，為元素賦予不同的重要性。
如果可以的話，你甚至可以采用兩到三種顏色：
類似的，在UI設計的時候，通常兩種不同的字重足以營造出優秀的層次感：
▲主標題字重為600，其他標綠點的文字字重都為400
應當盡量不要讓正文部分字重低于400，因為這一部分字體本身尺寸已經較小，低于400會使得可讀性不佳。
如果你依然需要降低字重，那么不妨讓字體色彩更淺一點，或者替換成其他識別度較強、字重相對較小的字體。
灰色文字在無彩/彩色背景下要分開處理：
不要在有色背景上使用灰色的文本，在白色背景下，將黑色的文本改成灰色（或者在黑色背景下使用灰色文本），是不錯的淡化其視覺效果的做法。
但是在彩色背景下，想要降低和背景色之間的對比，通常有兩種方法：
一是降低白色文本的不透明度；二是讓文本逐步接近背景色，而不是改為灰色。
▲左圖設計師職位信息為白色文字降低不透明度，右圖為和背景同色相高明度的顏色
其次當涉及長篇內容時，大面積的深色粗體字會給人一種沉重感，而且很跳躍；通過選擇類似深灰色（#4F4F4F）這樣的顏色可以很容易地解決這個問題，使文字更容易被識別。
選擇一種基礎色，再調整色調和顏色深淺來增加均衡；設計時避免用過多的顏色。如果項目允許，只需使用固定的色板，通過調整基礎色的飽和度和明度，利用這種簡單的方式為設計增加一致性。
陰影是UI設計中最常見的視覺表現手法，它可以增加元素的深度，使其從背景中脫穎而出，引起用戶的注意力，同時也能增強畫面的視覺層次感。
相比于采用大范圍的擴散模糊陰影，使用微妙的垂直偏移陰影效果更明顯，更自然，它模擬了最常見的光源特征，光線從上往下照下來所營造的陰影效果。
這種輕柔的陰影呈現出的干凈，增加了畫面的精致；如果陰影的范圍太小或顏色太深，位置也沒有偏移，而是聚集在元素的四周，就會讓畫面更加扁平，讓視覺變得厚重，呈現出不精致的畫面感。
陰影不一定是黑色的，還有一種擴算陰影是模擬元素本身的顏色投射在背景上，由于陰影與元素的色調一致，因此呈現出十分融洽的畫面感。
在UI設計中，這種手法不宜過多使用，否則呈現出的各種色彩搭配會讓人眼花繚亂。
合格的設計師能夠繪制風格統一的圖標，而優秀的設計師能夠創造風格獨特的圖標。
我們能否在追求大小一致，圓角一致，線寬一致和配色一致的同時，為它的視覺表現力加入更多的創意呢？例如下面這組圖標設計，無論是在圖形上的創新，還是顏色搭配上都呈現出無與倫比的創意。
標簽欄作為一個App的全局導航起著至關重要的作用，它的設計影響著整個產品的視覺風格。
通常，大多數App都是使用iOS規范的設計樣式（默認灰色，選中填充品牌色），這樣的設計太普通，太常見了；要想讓標簽欄圖標設計精致和富有個性，可以豐富每一個選中態圖標的視覺表現，例如給圖標加上背景和表情，即顯得生動有趣，又增加了用戶的好感，給人留下深刻的印象。
3D立體圖標設計是近幾年來的流行趨勢，看上去十分精致、華麗，但是看久了會讓人產生輕微的視覺疲勞，同時因其復雜的結構會增加用戶的認知成本，一般在外賣美食類應用中比較常見。
Tab是App設計中最常見的控件之一，它源自Material Design的設計規范；現在很多iOS產品當中也開始使用這種導航欄樣式來進行設計，而原本屬于iOS規范當中的分段選擇器變得不那么常見了。
在視覺表現形式上，Tab和標簽欄同樣也分為選中態和未選態，它的設計較為簡單，通常是使用一組文字標簽，通過顏色或在標簽下加上小長條來區分兩者的狀態；因為它簡單，卻越難設計出彩，要發揮極大的設計想象力，跳脫出設計規范的限制，才能找到完美的方案。
例如蝦米音樂的Tab選中態是一段音頻波線，再配合文字的大小對比，一個富有設計感又符合產品特征的Tabs就被創造出來了。
我們還可以從品牌基因中獲取靈感，品牌作為用戶熟知的形象是個絕佳的來源。
從品牌形象中提取具有獨特氣質的視覺富豪作為Tab選中態的小長條，這樣就建立起視覺上的聯系，讓用戶產生由內而外的一致感受；例如馬蜂窩品牌形象中的微笑符號和飛豬旅行品牌形象中的豬頭都被延伸到Tab的設計上，既讓界面視覺獨一無二，又進一步強化了用戶對品牌形象的認知。
在UI設計中，有許多的裝飾元素，如卡片的邊框、列表的分割線等，雖然邊框，分割線是分隔兩個元素的好辦法，但是它不是唯一的方法；使用過多會讓整個布局的設計感降低，或多或少都會干擾用戶瀏覽的視線，讓信息內容失去注意力，因此可以減少不必要的裝飾元素。
我們可以通過以下幾個方法來劃分元素的視覺層次，讓畫面變得干凈，整齊：
1）使用陰影
陰影同樣可以營造出邊界感，而且相比邊框分割線更加微妙，并不會顯得突兀，不會分散用戶的注意力，讓內容更聚焦。
2）使用不同的背景色來區分
通常，相鄰的元素背景只需要有微妙的差別就能夠讓人對他們進行區分；所以，你所需要做的就是在不同的區塊采用不同的背景色，并且嘗試刪除分割線，因為你根本不需要它。
3）增加額外的留白
創建元素之間的分離效果，并不一定要通過線框來表現，只要增加留白，讓它們分隔開就行了，通過留白和間距來實現元素分組是UI設計中的常用手法。
在App中的每一個界面都有許多元素，那些同類的元素應保持統一的設計樣式。
通常個人中心的標簽欄圖標是一個人形剪影，它代表著用戶，因此可以在展示用戶頭像和用戶形象的界面中延續使用。
如果圖形擁有獨特的外觀，如橢圓矩形，也可以作為視覺符號的一種，延續到其他界面中，成為圖形或按鈕的外觀；這樣，整個界面就被統一的設計元素聯系起來了，給用戶始終如一的一致感。
選擇符合產品氣質的字體，可以與產品的定位相吻合，傳遞給用戶正確的情感意識。
雖然默認字體可以滿足大多數App 的設計需求，但會出現一個問題就是——系統字體的普適性并沒有什么特色，在一些特定的情境下就顯得收效甚微；例如在運動類App中更適合粗壯的斜體來傳遞力量、爆發力、速度的感覺，換成系統字體后，整體感覺在氣勢上就變弱了很多。
大多數App都支持三方登陸，他可以減輕用戶注冊的時間成本。
通常是在注冊登陸頁的底部展示第三方圖標入口，這也是設計師最常忽略的內容，往往是直接將第三方圖標調整一致大小和擺放整齊位置，沒有針對它們再設計；一個設計精致的App不應漏過任何的細節，我們可以以自家App的圖標風格為依據，對第三方圖標進行優化設計。
App中優美的圖文設計，能帶給用戶如沐春風的視覺享受，它非常重要。我們經常看到文字疊加在圖片背景上的設計樣式；為了減少復雜圖片背景對文字的干擾，通常的做法是疊加半透明度的黑色蒙版，讓白色文字清晰可見，但這不是最優的辦法。
我們可以從圖片中提取主色調用于疊加背景的填充色，這樣就使文字、色塊和圖片融入到一起了，畫面變得高級和富有設計感。
圖片的質量影響著整個App的格調和用戶的情緒，高品質的圖片給人愉悅的視覺享受，產生美好的聯想；而低品質的圖片會瞬間拉低App的質感。
在App設計中，一張漂亮的圖片從收集到上線，需要經過裁剪，調色等過程才能被使用；即使是普通的商品圖片，我們將它摳圖后調整成統一大小，再加上干凈的背景，就能立刻提升商品的美感，界面視覺也會變得美觀、整潔。
現在的UI界面設計中，卡片式設計已經是一種非常常見的設計形式，它有利于信息分層和整合，劃分出更加清晰的組織結構，實現復雜內容的簡化處理，提高空間利用率；同時卡片式設計通常很依賴視覺元素，很強的視覺元素正是卡片式設計的一種優勢，也是提升設計品質感的良方。
轉載：人人都是產品經理
蘭亭妙微（藍藍設計）m.hengshangtqd.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
讓用戶在使用產品時不產生混淆、可快速獲取所需信息，是產品設計時應當考慮的重要層面，而這需要團隊在設計時預先做好方案，去掉無關事物，清晰地呈現信息，提升產品的易用性與用戶體驗。蘭亭妙微 UI 設計公司始終以 “精簡信息、提升信噪比” 為設計核心，本篇文章里，作者結合實戰經驗，介紹了提高信噪比的設計技巧，一起來看一下。
蘭亭妙微（藍藍設計）m.hengshangtqd.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
| 復雜性類型 | 設計應對策略 | 典型案例 |
|---|---|---|
| 功能復雜性 | 模塊化組織、漸進式披露 | 金山 WPS 企業版 |
| 流程復雜性 | 可視化工作流、狀態實時追蹤 | 明道云 |
| 數據復雜性 | 多維視圖、智能篩選排序 | Tableau |
| 權限復雜性 | 角色矩陣、分級授權管控 | 釘釘 |
| 隱層復雜性 | 表面簡化設計 | 最終用戶體驗 |
|---|---|---|
| 推薦算法 | 無限刷新信息流 | 內容精準匹配，提升使用粘性 |
| 內容理解 | 統一的信息卡片樣式 | 不同形式內容一致呈現，降低視覺認知成本 |
| 興趣預測 | 個性化內容排序 | 越用越懂用戶，提升體驗契合度 |
| A/B 測試系統 | 穩定的界面與交互 | 產品持續優化，用戶無感知適配 |
| 設計維度 | B 端設計傾向 | C 端設計傾向 |
|---|---|---|
| 信息密度 | 高密度，減少頁面跳轉，適配專業操作 | 低密度，焦點明確，降低認知負荷 |
| 交互模式 | 專業、高效，標準化流程優先 | 直覺、有趣，輕量化體驗優先 |
| 個性化程度 | 基于角色定制，匹配企業組織架構 | 基于行為偏好，實現千人千面 |
| 迭代速度 | 穩重、兼容性優先，保障業務連續性 | 快速、創新優先，貼合市場需求 |
蘭亭妙微（藍藍設計）m.hengshangtqd.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
UI設計有設計規范要遵循，同樣的原型圖也有自己的規范。
任何通過圖形示意的東西一樣，規范帶來的最大的好處是提高信息傳達效率。
人是視覺動物，好看的東西總喜歡多看兩眼，混亂的東西給人最直白的感受就是邏輯混亂。
這就是「卷面分」。
這篇文章我們說下原型圖的規范。
所謂的規范就是定規則，按照這一套規則作為標準進行執行，這里邊包含元素規范、布局、顏色等等。
我對畫原型圖對規范的要求是：盡量向著規范靠近。
原型圖不像UI圖，不用去到像素級別去摳。
因為畫原型我們需要考慮時間，考慮效率，我們需要將最大的精力去放到方案的產出，寫需求文檔上。
規范只是為了讓我們有個標準，如果你想畫的規范時，給你一個參考。
對于手機端、PC端、平板、車機等不同的產品形態，最大的區別是尺寸。
在畫原型圖之前，我們要做的就是先把頁面原型尺寸給定下來。
可以參考的規范有：手機端首屏的尺寸設置為 375×667 px。
注：375 × 667 是首屏高度，也就是原型圖的最小高度，并不是原型的固定高度，當內容很多時，直接把高度拉長到合適的內容即可。下邊提到的PC端尺寸也是這個道理。
狀態欄：375 × 20 px
導航欄：375 × 44 px
底部tab：375 × 49 px
這個規范的尺寸是使用的 iPhone8 的尺寸，產品經理火的那幾年就是這個尺寸火，所以用這個尺寸的多。
你同樣的也可以使用其他常用的手機端尺寸，這沒有固定限制。
我比較建議用這個尺寸，因為很多Axure組件也都是按照這個尺寸去做的，適配的比較好。
對于PC端，尺寸可以按照 1440×900px。
雖然當前使用最多的屏幕尺寸是1920×1080。
對于原型圖1440的寬度，如果是左邊是原型圖，右邊寫需求描述的話，在屏幕上可以正好展示出原型圖+需求描述，不用左右滑動去看。
對于平板，建議直接使用 768×1024 px。
對于原型圖的顏色，我們可以分別來看：
1）有UI設計師參與的
我們可以考慮使用中性色，中性色是指不強烈的色彩，常見的就是黑白灰。
在選擇黑白灰時，我很推薦的是Axure色板中自帶的顏色，在畫原型時直接選取使用就行。
另外一些大廠規范中，都有自己的中性色定義，你也可以選擇使用。不過我不建議你花費太多時間去處理顏色。
如下圖，左邊是用Axure中的黑白灰，右邊是使用的Arcodesign的中性色，在畫原型時，整體上影響并沒有那么大。
雖然右邊的更好點，如果你要用其它中性色，可以將顏色收藏進Axure的色板中，方便下次使用。
2）沒有UI設計參與的
比如說后臺，可以添加一些顏色。
后臺一般都是內部使用，對樣式沒有太高要求，也不會讓UI進行設計；
因為后臺一般都是使用現成的UI組件進行開發的，比如Antdesign、Element等；
具體什么顏色，可以用萬能的藍色作為主色調，使用其他顏色作為輔助即可。
對于語義色，來表達成功、警告、錯誤語義，可以選擇紅綠黃進行使用即可。
對于文字，涉及到字體、字號、粗細、行間距等。
字體
可以使用 Arial，也就是Axure默認的字體。
同樣的，也可以使用蘋方、微軟雅黑，這兩個字體則需要單獨安裝。
不過當你通過Axure打包發布出去時，如果對方沒有安裝對應的字體，將則不會展示為蘋方/微軟雅黑字體進行展示。
對方查看的效果和你看的效果會不一樣，我正在找處理方案，目前還沒找到。
字號、字重
也就是字體大小、字體粗細，對于字體大小、粗細，還有顏色，影響的信息層級關系。
我們直接看規范：
一級標題：20px、加粗，顏色#000000
主標題：18px、選擇性加粗，顏色#000000
次標題：16px、選擇性加粗，顏色#000000
小標題：14px、選擇性加粗，顏色#000000
正文：14px、選擇性加粗，顏色#000000/#333333
輔助文字：14px/12px，不加粗，顏色#333333/#555555
次級文字：12px/10px，不加粗，顏色#555555/#7F7F7F
注：對于文字的大小，前提是在 375×667、1440×900 的頁面尺寸下的。如果你使用的尺寸過大，對應的字號也需要加大。
這個規范不用記，可以用字號 14 作為標準，層級高的字號+2，加粗、顏色加重即可，層級低的字號就-2，不加粗，顏色淺一些。
行間距
在原型中不重要，Axure時會根據字體大小自動調整行間距，如果文字內容過多時，可以手動進行加大間距。
原型中如果是「圖標+文字說明」一起出現，不用管圖標，直接使用圓形或矩形代替即可。
占位符太丑，不建議用。
顏色不要使用太深的中性色。如下圖示例：
如果只有「圖標」，可以選擇能表達具體含義的圖標。
從iconfont、iconpark中搜索復制svg格式粘貼到Axure使用即可。
如下圖中的掃一掃、設置、播放圖標。
如果你覺得使用圓形或矩形表達圖標的意思不明顯，或者是不想找圖標，就在加個「icon」文字，或者直接用寫文字。
如下圖的掃一掃、設置、播放，直接使用文字說明即可。
對于頭像、圖片等，都可以加個文字說明。
如果是沒有UI介入設計，當需要確定圖標時，則需要產品經理確定，同樣的去iconfont、iconpark中找到圖標，按前端要求提供過去即可。
圖片在原型中不需要使用真實圖片，直接使用矩形代替即可。
Axure中自帶的圖片元件太丑了，不建議用。
可以再加上文字說明，來表達這是圖片，比如加個img，或者根據圖片特性，如封面、頭像，都是可以的。
原型中的圖片規范可以按照寬高比，比如 4:3，3:2，16:9，1:1。
當然這個沒那么嚴格，如果你想規范些，可以這樣用。
圓角在原型中不重要，如果你想使用圓角，可以按照2的倍數調整。
圓角在UI中的作用很大，而且規范還挺多，原型中就無所謂了。
陰影不重要。如果想使用陰影，可以將陰影使用純黑色號000000，透明度30%，模糊5。
對齊是版式設計的基本原則，使用工具進行對齊即可。
具體采用「左對齊、右對齊、上對齊、底對齊、居中對齊」，你可以按照布局來，比如靠右的元件，使用右對齊。
分布是指將頁面內容使用水平分布、垂直分布的方式進行平均分布，來保證頁面元素之間的間距相同。
當相同的元素多次出現時，我們可以使用分布快速調整，讓頁面更規范。
間距沒有那么重要，但是規范的原型一定要有會有間距。
間距分為上下左右間距，分為模塊與模塊間的間距，子模塊與子模塊的間距，元素與元素之間的間距。
對于整個移動端來說，可以使用 5 的倍數調整間距。
對于尺寸較大的PC端原型，可以按照 10 的倍數調整間距。
也可以直接將元件結合「對齊、分布」直接調整，不用關注具體間距。
根據我們之前提到的設計原則「親密性」，屬于同組的內容間距小，不同組的內容間距大。
組件是就是可以直接拿過來的元件組合。
對于每個組件都是通過基礎的形狀、文字、顏色、尺寸、間距等進行組合形成的。
就是UI設計中的原子化設計。
當完成基礎的形狀、文字、顏色、尺寸、間距等規范確定后，進行基礎元素的組合即可得到規范的組件。
你可以基于上邊的規范去制定自己的產品組件庫，可以快速使用規范的組件。
在畫原型時，可以將原型中的內容盡量填寫為真實內容，使用極值狀態，將內容最多、數據最多的情況畫出來。
規范建立好是為了使用，我們了解清楚原型的規范后，可以在畫原型時往規范上靠，慢慢的養成好習慣。
一個規范好看的原型圖在求職面試、評審的時候，會是個加分項。
當然，不要過度遵循規范，原型圖不是UI圖，重要的是使用原型將功能表達出來。
對于剛入門的產品經理來說，原型圖是日常的基本工作。
轉載：人人都是產品經理
蘭亭妙微（藍藍設計）m.hengshangtqd.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
蘭亭妙微（藍藍設計）m.hengshangtqd.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
既然 AI 已能通過文字直接生成圖片，卻仍無法獨立完成專業的 UI 界面設計，核心原因在于其在理解復雜業務邏輯、創造性表達與情感傳遞上存在天然局限性，這也讓我們清晰認知到 AI 并非萬能。蘭亭妙微 UI 設計公司在實踐中發現，AI 雖能針對設計中的顯性問題，為優化工作提供數據化的專業建議，但在深層設計維度仍有明顯短板。以 58 同城商業地產頁面設計稿的評審工作為例，AI 可精準識別設計中的亮點與待優化點：
蘭亭妙微（藍藍設計）m.hengshangtqd.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
編輯導語：在快節奏的當下，金融業務的辦理對于金融行業來說有了更高的要求，在效率為先的基礎上，也要追求服務體驗。本文以某銀行的金融借貸業務為例，分析其服務體驗優化升級的思路，與蘭亭妙微UI設計公司一起來看看。
在追求效率的今天，辦理金融業務的消費者們對金融行業有了更高的要求。銀行也在追求服務效率和服務精準度方面不斷提升自己的服務體驗。本文以某銀行金融借貸業務流程和產品架構優化為例，探尋銀行服務升級之路。
本次服務升級主要通過神秘人暗訪、競品對比、滿意度調研和用戶訪談等，對金融借貸業務的辦理流程和體驗度量進行梳理，結合行方產品特點和發展方向，以服務設計為核心和驅動力，在借貸業務服務流程和產品架構層面進行體驗升級，打造更有溫度的金融產品借貸體驗。
隨著研究的深入，我們發現由于借貸產品辦理渠道的多樣性和用戶的多層次性，借貸業務在服務體驗層面問題明顯，包括業務辦理流程繁瑣、線下線上辦理渠道雜亂、多渠道斷裂、業務辦理流程和信息不透明、用戶被動接受等。
在這次的體驗升級項目中，我們對現狀問題進行了分析和討論。與行方、專家、KOL 用戶進行多次腦暴，提煉出“簡單”“快捷”“可視”“個性”四個關鍵詞，并從“產品”和“服務”兩個維度進行發散和思考，為后續體驗提升和產品設計提供方向和指導。
“簡單”上，我們從業務辦理的場景和流程入手，簡化借貸業務辦理流程和用戶信息錄入，減少用戶負擔；對新老用戶和不同類型的業務申請，依靠行方大數據能力，實現服務的高效簡捷。“快捷”上，打通線下、線上的業務流程和信息共享，減少不同渠道的辦理壁壘，縮短用戶的辦理周期。
“可視”上，通過業務辦理流程和用戶行為軌跡的可視化設計，讓用戶能夠隨時回溯和感知辦理節點。
“個性”上，通過用戶畫像進行分層和標簽化管理，對用戶進行個性化服務和業務推薦，精準營銷提升用戶滿意度。
借貸業務辦理的每個節點都要考慮到用戶最真切的需求和最希望得到的服務，是服務設計的要點。對應到銀行金融借貸業務，從一個借貸用戶的行為路徑來看，可以拆解為獲客觸達-產品介紹-申請辦理-簽約放款-還款貸后這五個階段。不同的階段對應著不同的用戶心理特征和借貸業務的服務重點。
無論是傳統行業亦或是新興行業，拉新永遠是進行時，獲客觸達始終是第一步。在這個階段，企業要通過不同的渠道和媒介讓產品被用戶看到，即目標用戶在哪里產品宣傳就要到哪里。
此時，要特別注意場景化的運用，我們的宣傳和營銷要貼合用戶的實際場景和需求，通過場景喚醒用戶借貸的某種心理狀態或需求。簡言之，金融借貸產品在向用戶發出邀約的當下，是否有精準喚醒用戶“借明天的錢，圓今天的夢”的內部動機和美好期許：
預支一筆費用，為新購置的小家加點裝飾、解決畢業租房的燃眉之急、添置一套心儀已久的運動裝備……
在安全可信的原則之下，合理運用場景化的營銷理念，通過口碑傳播、營銷短信/電話、平臺官網/APP/微信公眾號/線下物理網點等觸點、合作商戶等的精準布控，實現用戶的成功觸達。
大多數情況下，產品介紹環節最重要的觸點是人，即行方客戶經理。因此，良好的線上/線下客戶經理形象、敏銳的需求洞察力，以及較高的業務水平決定了產品介紹環節的用戶體驗高度和滿意度。
在產品介紹階段，需通過客戶經理解決用戶在產品認知階段遇到的困惑和疑慮，包括用戶不能自主解決的、產品信息簡略、內容不夠精確的、產品介紹入口不可尋或詳細說明不可觸達的、信息可靠性受客戶經理牽制、信息片面等問題。
提升本階段的服務體驗，觸點環節需要做好用戶、客戶經理、說明文本三方面的體驗工作。如賦能用戶自主了解、熟悉產品和解決問題的能力、提升客戶經理響應速度和服務態度、提升產品信息（紙質&電子產品文本）透明度。
“申請辦理”這個階段是需要用戶與客戶經理密切配合的、需要用戶高密集的信息確認與反饋、申請材料的整理與提交、明確貸款許可（申請額度、貸款類型）、確定權利與義務范疇（包括還款期限、利率、還款方式、還款限制與補充說明等）的階段。
該階段業務系統（平臺&客戶經理）的可用性，及其間接傳遞出的價值觀，是影響用戶對全流程服務體驗的至關重要因素。這一階段，用戶存在的痛點包括申請辦理過程缺乏對全流程的掌控感、申請辦理過程安全感差，官方認證感覺差、對申請流程及所需材料感知不清晰、申請辦理操作成本高。
為解決“申請辦理”階段各個觸點用戶的問題，重點需要在流程設計上做好提升安全感、加強可視化、確保強反饋三個方面的工作。
具體而言，首先需要做到申請辦理過程中各渠道對外標識一致、統一；線上/線下對接的客戶經理能夠提供專業標準的服務；申請流程及進度可視化；申辦材料簡單易懂、有材料清單和說明幫助方便用戶準備和提交、提供線下線上多渠道提交窗口；在用戶辦理異常時有專業人員及時跟進處理、對用戶的疑問及時反饋和解答，幫助用戶更好地進行申辦。
簽約過程的儀式感、順暢度，簽約人員的禮儀及態度，貸款合同的可讀性、易保存性，簽署時給予用戶的主動性等，都影響著用戶的情緒體驗（緊張-放松、尷尬-自然、局促-舒緩、擔憂-平靜），進而影響到用戶對整個機構專業性和安全性的感知和評價。
簽約過程需要盡可能避免過度 push 用戶，喚起緊張、被動的不良感知；避免開放環境，注重用戶隱私保護；把后續還款時間節點、還款方式、短信提醒等內容生成清單轉交用戶，并告知注意事項。同時需要告知用戶簽約結束并不代表交易地結束，持續跟進、專業及時的咨詢服務全天候向用戶開放，會有效的提升用戶滿意度。
此階段的用戶，壓力感和緊張感都已降到最低，但在首次還款時，仍然有可能因還款信息不清晰、客戶經理態度冷淡而產生猶疑、擔憂和怨懟，并因此回想起前期流程中的體驗瑕疵，影響對整個流程的體驗評價。
作為全流程用戶體驗的“終點”環節，本階段更要注意用戶服務的細節和方式，包括通過短信、微信和 APP 等方式及時提醒用戶還款信息、還款途徑，要注意提醒方式的克制，不能過度打擾用戶；貸后關系的維護，如首次還款提醒、后續流程告知、問題咨詢響應速度和反饋質量等。
還款貸后階段，還款及貸后提醒的專業性及時性、客戶回訪及服務流程告知、逾期管理標準化流程需要重點關注。
通過分析銀行金融借貸業務的“五個流程+N個觸點”，我們不難發現：想要更好的用戶體驗，不能只盯在產品有多少功能、種類有多么豐富、幫助手冊有多么詳實等幾個片面的服務孤島上，而是需要基于體驗場景，將用戶體驗流程串成鏈條，在各個觸點、各個階段落實“以用戶為中心”服務設計理念，讓用戶在鏈路的所有觸點體驗到安全、便捷、舒適的服務。
轉載：人人都是產品經理
蘭亭妙微（藍藍設計）m.hengshangtqd.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
2026年的UI設計，不再強調嚴苛的視覺規則，而是更注重結合使用場景做出合理的設計選擇。
設計師不再默認選用極簡或極繁風格，而是根據用戶需求、情感訴求以及產品的實際使用方式來設計。
其中一個重大變化是，只要設計目的明確，人們對復雜設計的接受度大幅提升。
界面可以層次感豐富或富有表現力，只要易于理解就是合理的設計。
適配性是塑造2026年UI設計的另一核心趨勢。界面的響應性不斷升級，不僅能適配屏幕尺寸，還能根據用戶的行為和偏好做出調整。
動效、色彩與布局的設計，不再只是為了裝飾界面，更是為了傳遞設計意圖。
這些變化共同指向了一種更平衡的設計思路，讓視覺風格與產品易用性同步發展、相輔相成。
歷經多年的扁平化界面設計后，2026年UI設計在視覺上的一大重要變化，是重新聚焦于設計的縱深感與質感。
通過分層布局、立體組件和細膩的三維元素，讓界面重新擁有空間維度。
觸覺極致化并非讓界面變得雜亂無章、令人眼花繚亂，而是讓數字元素更具物理質感和交互反饋感。
按鈕設計看起來觸手可及，而非單純的符號；
圖標設計兼具重量感與質感。
這些細節能讓用戶無需額外說明，就能理解各元素的使用方式。
渲染技術、產品性能和瀏覽器支持度的提升，讓設計師能輕松為界面添加3D效果，且不會拖慢產品運行速度、影響產品的可訪問性。
2026年的排版設計不再局限于靜態布局，為文字賦予動態效果的動態排版，正從純粹的裝飾元素，成為界面設計的核心組成部分。
用戶滾動頁面時，標題文字可能會拉伸、位移或做出其他響應；用戶點擊或懸停時，標簽文字也會產生細微的動態變化。
這些動效能清晰傳遞視覺焦點、層級或狀態的變化，且設計的核心是提升文字的可讀性，而非分散用戶注意力。
合理運用動態排版，能為界面賦予情感與韻律，讓產品呈現出更活潑、精致或趣味的氣質，同時也能幫助用戶更輕松地瀏覽復雜的界面布局。
2026年，排版不再只是承載內容的載體，更在塑造整體用戶體驗中扮演著主動且關鍵的角色。
在大膽且富有表現力的界面設計成為潮流的同時，受雜志排版啟發的柔和、簡約設計風格也愈發受青睞。
這一設計趨勢借鑒印刷雜志、攝影作品和高端出版物的設計思路，并將其適配應用于數字產品設計中。
柔和光影風格的UI設計，通過柔和的漸變、漫射的陰影和細膩的紋理營造溫暖的氛圍與視覺縱深感，同時又不會造成視覺雜亂。
配色方案通常以低飽和度的中性色、暖白色為主，搭配少量點綴色，整體呈現出舒緩、簡潔且設計感十足的視覺效果。
兼具雜志質感的界面布局，注重留白設計、視覺韻律與清晰的層級劃分，讓內容有足夠的呼吸空間，同時又能保持精致的設計感。
這種設計思路特別適用于創意工具、內容平臺和生活方式類產品——這類產品的設計氛圍與基調尤為重要。
在設計風格的另一維度，科幻風漸變在2026年的使用頻率大幅提升，尤其適用于科技類和實驗性產品設計。
這類界面常運用高對比度、大膽的色彩搭配和富有氛圍感的光影效果，打造極具未來感的視覺體驗。
未來感漸變設計通常以深色為背景，搭配霓虹藍、亮紫、金屬色等鮮艷的電光色系，營造出極具電影質感的視覺效果，現代感與沉浸感拉滿。
合理運用這類漸變設計，既能凸顯產品的創新屬性，又不會讓整體設計顯得雜亂。
這種設計風格在深色模式下的表現尤為出色，發光的點綴元素與分層的光影效果，能為界面增添更多縱深感與氛圍感。
漸變的應用場景也不再局限于背景，如今還被廣泛運用于按鈕、文字和交互元素的設計中。
2026年，漸變不再只是裝飾性的設計元素，更在品牌塑造與視覺敘事中發揮著關鍵作用。
2026年的動態圖形設計已完全融入UI設計體系，不再局限于基礎的懸停效果或加載動畫。
動效設計被用于詮釋各界面元素之間的關聯、提供清晰的交互反饋，還能讓不同交互場景間的過渡更流暢。
屏幕切換的動效設計目標明確、銜接自然，動畫效果能根據用戶的操作做出實時且自然的響應。微交互動效則無需過多文字說明，就能清晰展示系統狀態、引導用戶操作。新一代動態圖形設計的核心優勢，在于動效的細膩度與一致性。
動效不會刻意吸引注意力，而是通過讓界面更易懂、更好用，為整體使用體驗賦能。
隨著設計工具與框架的不斷升級，動態圖形設計已不再是特殊的可選設計元素，而是優質UI設計的必備組成部分。
極簡主義在2026年依然是主流設計思路，但已進化為更具表現力、更以人為本的新極簡主義。
這種設計風格保留了傳統極簡設計的清晰性與簡潔性，同時融入了溫暖的氛圍、細膩的質感與靈活的設計手法。
新極簡主義的界面設計摒棄強烈的色彩對比與刻板的網格布局，轉而采用柔和的色彩過渡、圓角元素與更具有機感的留白方式。
字體的選擇經過精心考量，不再追求中性化，細微的視覺細節為設計增添獨特個性，又不會造成視覺雜亂。
這一設計趨勢的興起，反映出人們逐漸意識到：極簡主義并非只能營造冰冷、缺乏人情味的視覺效果。
新極簡主義在追求設計清晰性的同時，將使用舒適度放在重要位置，打造出既高效又富有情感溫度的界面。
敘事化設計已成為UI設計中愈發重要的組成部分，尤其適用于以教育、啟發用戶或引導用戶完成復雜操作為核心目標的產品。
2026年的界面設計不再追求一次性展示所有內容，而是遵循敘事邏輯，隨用戶操作逐步呈現內容。
基于滾動的敘事設計、漸進式信息展示和隨操作變化的視覺效果，讓用戶能以結構化、沉浸式的方式瀏覽內容。
動效、色彩與布局的變化，能清晰傳遞內容的推進節奏與使用場景，讓用戶的交互過程成為一場連貫的體驗之旅。
這種設計思路將信息傳遞與用戶自然的探索習慣相結合，有效提升用戶對內容的理解度與參與度。
主打敘事化設計的界面，不會用繁多的選項讓用戶感到無從下手，而是為用戶提供清晰的操作指引與體驗節奏。
懷舊風依舊在影響UI設計，但在2026年，這種風格呈現出更精致、更具設計意圖的新形態。
新復古風格將早期的數字美學與現代設計標準、技術相結合，做出全新的設計詮釋。
像素紋理、復古配色方案和經典的界面設計元素，通過高分辨率視覺效果、流暢的動效和自適應布局被重新演繹，最終呈現的設計既帶有熟悉的懷舊感，又不會顯得過時。
這一設計趨勢能引發用戶共鳴，因為它將情感記憶與當代的產品易用性巧妙結合。
在致敬經典的同時擁抱現代設計，新復古風格的界面營造出一種跨世代的視覺延續感，能吸引不同年齡段的用戶。
隨著數字產品的滲透度越來越高，設計中對用戶心理舒適度和長期使用體驗的重視程度也不斷提升。
舒緩式界面設計將可預測性、可訪問性和情感舒適度放在首位，而非追求持續的視覺刺激。
這類界面會減少不必要的通知提醒、降低視覺干擾，且謹慎使用動效；配色方案的選擇以提升使用舒適度為核心，布局設計則注重一致性與清晰性。
舒緩式界面設計對生產力工具、健康類平臺和用戶日常高頻使用的應用尤為重要。
2026年，尊重用戶的注意力，已逐漸成為評判設計品質的重要標準。
隨著觸控技術、運動傳感器和空間計算技術的不斷發展，手勢交互設計的應用愈發廣泛。
在許多界面中，滑動、拖拽、長按和多點觸控等手勢操作，正逐步取代傳統的可視化控件。
合理的手勢交互設計能減少視覺雜亂，打造更流暢的交互模式，但這需要設計師做好新手引導與交互反饋設計，確保手勢操作的易發現性與可訪問性。
2026年，成功的手勢交互界面設計，都能在保證直觀易用的同時，兼顧設計的清晰性。
轉載：人人都是產品經理
優秀的UI設計，能在表現力與克制感、創新性與易用性、美學設計與人文共情之間找到完美平衡。
設計師不僅關注界面的視覺效果，更重視用戶的使用感受，才能打造出超越表面視覺吸引力、引發用戶深度共鳴的產品體驗
蘭亭妙微（藍藍設計）m.hengshangtqd.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
今天蘭亭妙微UI設計公司來和大家聊聊在 B 端設計當中十分基礎，但是爭議越來越大的組件：步驟條
因為在過去很長一段時間里，步驟條幾乎是 B 端復雜表單的“標配”，只要遇到信息量大的任務，設計師的第一反應往往是：太長了，用步驟條切分一下吧；產品經理設計原型也是：邏輯復雜了，步驟條來一下吧。
但是在 2026 年的今天，我們重新在看很多表單時，經常會出現濫用表單的情況，而很多高效的 SaaS 產品正在讓步驟條退場，取而代之的時更扁平、直觀的單頁交互。
為什么會出現這種變化？我們在設計表單時，到底該如何抉擇？今天我們就來深入討論一下。
首先，在交互設計初期，我們需要承認步驟條確實做出了很多貢獻。在交互設計的理論當中，步驟條的核心價值在于“降低認知負荷”。
它利用的就是心理學中的“組塊化”原理，將一個龐大的任務（比如 50 個填寫項）拆解為若干個小任務（Step 1、Step 2、Step 3）。
這種邏輯非常線性，同時能夠降低用戶的理解成本，通過步驟引導用戶，避免了他們在復雜的流程中迷路，所以最初在 C 端產品當中經常使用。
同樣這樣就造成了很多設計師的路徑依賴：只要表單長，就用步驟條，產品經理的視角也是如此
然而，這種線性邏輯遇到復雜的 B 端業務時，問題就會出現。
因為 B 端通常都是專家型用戶，他們在處理業務時，需要的往往不是“保姆式的引導”，而是“全局的掌控感”。
步驟條在 B 端復雜場景下，存在三個致命的體驗缺點：
這是最嚴重的問題。想象一下，一個采購員正在創建一個復雜的入庫單，如果使用步驟條，他必須填完基礎信息點擊下一步，才能看到物料明細。
但在實際業務中，他可能需要看著“物料明細”的種類，反過來去修改“基礎信息”里的倉庫類型。
步驟條這時候就是一堵墻，切斷了信息之間的聯系。用戶被迫在“上一步”和“下一步”之間反復橫跳，導致使用步驟條表單異常痛苦，極大地降低了錄入效率。
B 端的高效錄入講究的是 連貫、一氣呵成，通常需要高效的無鼠標快速操作。
而步驟條的每一次“下一步”點擊，本質上都是一次系統級的強打斷，它強制用戶從輸入的心流中抽離出來，停下手中的動作去尋找按鈕、等待頁面校驗或刷新。對于每天要處理上百個表單的業務員來說，這種高頻的中斷會成倍放大操作的疲勞感。
在傳統的單頁長表單中，發現數據填錯，用戶只需鼠標滾動回去修改即可，所見即所得。
但在步驟條模式下，修改成本被無限放大：用戶可能需要連點兩次“上一步”，修改完成后，再連點兩次“下一步”才能回到原位。
更糟糕的是，B 端表單不僅用于“新建”，更常用于數據的“二次編輯”。如果是為了修改最后一步的某個小字段，用戶卻不得不把前面的步驟全部重新點擊過一遍（甚至可能觸發連環的必填項校驗攔截）。在編輯場景下，步驟條帶來的交互冗余是成倍增加的。
目前我們看到越來越多的系統，正在提出一個新的要求：“非必要，不步驟”。
B 端產品開始轉向“長表單 + 錨點導航”的模式。這種現象我認為其實就是在：把業務的處理掌控權，徹底交還給用戶。
全局視角：目前其實最常見的做法就是將基礎信息、詳細配置、關聯數據等所有模塊，展示到一個空間當中，配合頁面當中的 錨點定位，用于告訴用戶頁面的整體情況，這樣就能消除未知的焦慮。
隨機存取：在表單層面，我們希望徹底解放線性順序的束縛。用戶不再受制于系統，可以根據手頭掌握的資料靈活決定錄入節奏，對于很多當前信息缺失的情況，我們可以提供更多新增的入口，減少用戶跳轉。
同時需要考慮草稿箱、暫存等功能，給表單提供非線性的操作路徑，才能契合真實的復雜業務場景。
沉浸式心流： 通過上下翻頁替代步驟跳轉，我們發現在單一頁面中，能夠使用戶更容易沉浸心流，專注填寫。
難道就不能用步驟條了？
作為設計師，我們需要明確步驟條的使用決策。
在決定使用哪種組件時，先問自己兩個問題：
Q1：后續步驟的內容，是否與前一步內容會有依賴？是 → 使用步驟條。（比如：Step 1 選了“企業”，Step 2 才出現“營業執照”上傳入口；選了“個人”，Step 2 則是“身份證”。前后有強邏輯耦合。）否 → 使用單頁錨點。（比如：填寫入職信息，基本信息和教育經歷之間沒有邏輯依賴，只是信息的類目不同。）
Q2：這個任務是否是一次性的、不可逆的？是 → 使用步驟條。（比如：大額轉賬匯款、極低頻的系統初始化向導，需要用戶步步確認，謹慎操作）否 → 使用單頁錨點。（比如：日常的高頻數據錄入、編輯商品詳情信息）
其實在我看來，很多系統“去步驟條化”，本質上是要求設計師跳出組件庫的舒適區，重新深挖業務場景。
作為 B 端設計師，我們不能成為盲目拖拽組件的執行者，而要在業務效率與交互心智之間找到最佳平衡點，這才是我們不可替代的價值。
轉載：人人都是產品經理
蘭亭妙微（藍藍設計）m.hengshangtqd.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
藍藍設計的小編 http://m.hengshangtqd.cn