无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

首頁

情感化 UI 設計簡明指南 | 蘭亭妙微設計 致新手設計師

濤濤 設計思維

在 UI 設計從功能驅動轉向體驗驅動的當下,情感化設計早已成為打造優質產品體驗的核心要素。冰冷的界面與功能,唯有注入情感的溫度,才能讓用戶產生共鳴、建立情感連接,進而提升產品的用戶粘性與品牌好感度。蘭亭妙微設計深耕 UI 設計領域,深知情感化設計對新手設計師的入門難度,本次特整理一份簡明易懂的情感化 UI 設計指南,從核心設計思路到落地技巧,為新手設計師梳理清晰的設計方向,助力快速掌握情感化設計的核心邏輯。

8 個實用 UI 設計技巧,打造高質感界面 | 蘭亭妙微設計

濤濤 設計管理與成長

在 UI 設計的實踐中,精致的界面往往并非源于復雜的設計手法,而是藏在細節的視覺調整里。蘭亭妙微設計深耕 UI 設計領域多年,深知細節對設計質感的提升作用,本次為大家梳理 8 個簡單易懂、落地性極強的 UI 設計技巧,能夠快速改進設計中的常見問題,提升界面精致度,讓設計作品更具專業感。

UI 設計中的視覺引導技法深度解析 | 蘭亭妙微設計

濤濤 系統UI設計文章及欣賞

視覺引導是 UI 設計的核心技法之一,涵蓋色彩引導、動效引導、操作引導、視覺心理等多個維度,而真正優秀的設計,從來都是設計思路先行于設計技法。蘭亭妙微設計深耕 UI/UX 設計領域,始終秉持「形式追隨功能」的核心設計理念,在實際項目中通過科學的設計思路落地視覺引導技法。本次我們將以一個汽車問答測評 H5 的實戰案例,拆解視覺引導的設計邏輯與落地技巧,分享從問題分析到方案優化的全流程設計思路。

2016 年 UI 設計趨勢深度分析 | 蘭亭妙微設計

濤濤 行業趨勢

進入 2016 年,UI 設計行業在體驗設計領域涌現出諸多全新設計元素與表現手法,彩色投影、雙色調漸變等設計形式在各大設計社區的出現頻率持續攀升,逐漸成為行業新的設計風向。蘭亭妙微設計深耕 UI 設計領域,始終關注行業前沿趨勢變化,為了讓設計實踐更具方向感,也為給行業同仁提供參考,我們對 2016 年 UI 設計的主流流行趨勢進行系統梳理與深度分析,提煉出當下最具實踐價值的設計思路與手法。

組件庫 | UI設計師必會的組件系統!

清陽 設計資源

在產品設計與開發的協作鏈路中,組件庫是串聯設計規范、視覺落地、開發還原的核心樞紐。從文字、圖標等基礎元素,到按鈕、輸入框、表單等功能控件,組件庫將所有通用界面元素標準化、規范化,既讓設計輸出更高效,也讓開發還原更精準,更是團隊統一設計語言、提升協作效率的關鍵工具。本文從組件庫的基礎認知、核心價值、構成要素、搭建思維到避坑要點,全方位拆解 UI 設計師必備的組件庫搭建能力,助力初 / 中級設計師快速掌握組件系統的設計與落地邏輯。
 

一、組件庫基礎認知:為什么建?是什么?怎么搭框架?

 

1. 為什么一定要做組件庫?

image.png

無組件庫的設計工作,本質是陷入重復勞動的低效循環:設計表單時定好的輸入框尺寸、描邊色值,后續復用只能重新繪制或拷貝舊文件,極易出現數值偏差、屬性混淆;若需統一調整樣式,上百個界面逐一修改的工作量,不僅耗時耗力,還會大幅提升出錯率。
 
而組件庫的核心價值,是讓設計師從 “重復畫圖的工具人” 轉變為 “聚焦業務的設計者”—— 一次設計、無限復用,統一修改、全局同步,既保證視覺一致性,又能將節省的時間投入到業務需求思考與體驗優化中,真正提升設計價值。
 

2. 什么是組件庫?

 
組件庫是將界面中具備通用性的元素 / 控件進行歸納、整理、規范后形成的組件集合,核心目標是實現快速復用、批量修改、協作統一。

 

它是設計師與開發的 “通用工具庫”:設計師可隨時調用組件完成界面設計,開發可基于組件封裝樣式與邏輯;對組件的任一修改,都會同步更新所有已調用的實例,從根源上解決設計與開發的銜接偏差,確保用戶體驗的一致性。
image.png

3. 組件庫的底層框架:原子設計方法論

 
2013 年 Brad Forst 在《Atomic Design》中提出的原子設計方法論,是組件庫搭建的核心邏輯,將產品界面從基礎到復雜分為 5 個層級,層層嵌套構建完整的設計體系,也是組件庫分類與整理的底層依據:
 
  • 原子:界面最基礎、不可拆分的元素,如單一顏色、字體、圖標、線條等;
  • 分子:2 個及以上原子組合而成的功能性單元,如搜索框(輸入框 + 按鈕 + 圖標)、單選按鈕、表單項等;
  • 組織:多個分子組合而成的完整功能模塊,如個人信息版塊、商品列表模塊、導航欄等;
  • 模板:由原子、分子、組織構建的頁面框架,定義布局與元素排布,如列表頁模板、詳情頁模板、表單頁模板等;
  • 頁面:在模板基礎上填充真實內容、完善細節后的高保真界面,是組件庫的最終落地形態。

image.png

二、組件庫的核心價值:不止提效,更是產品設計的底層保障

 
組件庫并非簡單的 “元素合集”,而是貫穿產品設計、開發、迭代全流程的基礎體系,其價值體現在 5 個核心維度:
 

1. 保持設計與體驗的一致性

 
產品不同業務場景的設計表現易出現差異,組件庫通過標準化的樣式、交互規范,讓團隊在既定框架內設計,既保證輸出質量統一,也讓用戶在不同頁面、不同功能中獲得連貫的使用體驗,避免因設計混亂導致的用戶認知成本提升。
 

2. 降低團隊協作與新人上手成本

 
新成員加入時,無需花費大量時間梳理項目設計語言 —— 成熟的組件庫是 “可視化的設計手冊”,無論是設計新人還是資深設計師,都能快速參考、直接調用,大幅降低溝通成本與試錯成本,快速融入工作節奏。
 

3. 全方位提升團隊工作效率

 
  • 對設計師:減少重復性設計工作,組件統一修改后全局同步,避免逐一調整的低效操作;
  • 對開發:可封裝常用組件樣式與邏輯,按需調用即可,減少冗余代碼、優化軟件包體積,同時降低與設計的溝通成本,后期維護也更便捷。
 

4. 穩固產品的品牌視覺形象

 
顏色、字體、圖標風格等品牌基因,均是組件庫的核心構成部分。一致性的視覺樣式讓產品的品牌形象更鮮明,讓用戶形成穩定的視覺認知,加深對產品的記憶點,讓品牌視覺落地更可控。
 

5. 遵循用戶固有使用習慣

image.png

組件化設計嚴格貼合用戶的慣性思維:綠色代表安全 / 通過、紅色代表錯誤 / 警告、放大鏡圖標關聯搜索功能…… 除非產品體量足夠大且有合理的差異化需求,否則無需違背用戶習慣。標準化的組件設計,能減少用戶的思考與試錯成本,提升使用體驗。
 

三、組件庫的核心構成:從基礎元素到功能組件,層層規范

 
組件庫的構成遵循 “從基礎到復雜” 的邏輯,核心分為基礎視覺元素功能基礎組件兩大部分,每一部分都需明確規范、統一標準,確??蓮陀谩⒖烧{用。
 

1. 顏色:定義產品視覺調性與信息層級

image.png

顏色是產品設計風格的基礎,核心是按功能屬性分類定義,形成標準化色庫
 
  • 先明確核心色系:主體色(品牌色)、輔助色、中性色(背景、文字)、功能色(成功、錯誤、警告、提示);
  • 基于核心色系提煉漸變色與色階,適配不同場景的視覺需求;
  • 對所有顏色進行分組、命名,確保設計師與開發可快速檢索、統一調用,同時梳理顏色的信息層級,讓界面視覺平衡、重點突出。
 

2. 文字:標準化字體體系,適配全場景使用

image.png

文字規范的核心是明確核心屬性,按場景分類,避免樣式混亂,核心包含 4 個基礎屬性:字體、字號、字重、行高;針對不同使用場景制定對應的文字樣式,并整理成標準化表格,方便查閱與調用。
 
表格
 
 
 
樣式規范 字號 行距 (折行) 核心使用場景
大標題級 40px 60px 模塊標題、核心數據、頁面大標題
小標題級 32px 48px 內容標題、板塊小標題
正文級 28px 42px 正文內容、按鈕文字、副標題
輔助說明級 24px 36px 金剛區文字、Tab 欄、輔助說明
微提示級 24px 36px 容器標簽、彈窗提示、小紅點數字
 
段間距、字距、縮進等屬性使用頻率較低,可根據產品實際需求,確定使用頻率后再決定是否納入組件庫。
 

3. 圖標:統一繪制標準,適配開發靈活調用

image.png

圖標設計的核心是標準化繪制規范,保證視覺統一且開發可適配
 
  • 用 keyline 柵格控制不同形狀圖標的大小、比例,確保視覺協調性;
  • 繪制完成后轉曲為面性圖標,避免樣式變形;
  • 定義圖標常用顏色,讓開發可根據高保真效果圖靈活切換,無需重復適配。
 

4. 基礎組件:原子方法論的落地,功能化組件合集

image.png

參考原子設計方法論,將原子、分子、組織層級的元素組合、嵌套、精細化歸類,形成可直接調用的功能基礎組件,涵蓋產品設計的核心通用控件,例如:按鈕(不同尺寸、狀態)、彈窗(提示、確認、操作)、表單(輸入框、選擇器、校驗項)、選項控件(單選、多選、開關)等,每個組件都需明確樣式、交互、狀態規范。
 

四、組件庫搭建的核心思維:從框架到細節,科學規劃

 
搭建組件庫并非簡單的 “元素堆砌”,而是基于產品特性的科學規劃,核心掌握 4 大思維,讓組件庫兼具復用性、擴展性、易用性
 

1. 先理解產品結構,再搭建組件框架

image.png

先梳理產品的業務屬性、核心功能、頁面布局,以此為基礎構建組件庫的基本框架,并對組件進行分類與權重排序 —— 相同業務屬性的產品,布局與組件復用率極高,過度的結構差異化會違背用戶習慣,引發反感。
 
因此,組件庫的差異化應聚焦細節設計(如按鈕圓角、圖標風格、色彩搭配),而非核心結構,讓組件庫既適配產品業務,又符合用戶認知。
 

2. 組件分類歸類:明確類型,區分基礎與屬性

 
在 UI 層面,將組件分為 4 類,并進一步整合為基礎組件屬性組件,讓前期規劃更清晰,后期調用更高效:
 
  • 基礎組件:包含系統原生組件與擴展組件,適配全產品通用場景;
     
    ? 原生組件:系統(Android/iOS/ 小程序)自帶的基礎控件,如按鈕、彈窗、導航欄;
     
    ? 擴展組件:基于原生組件的功能擴展,如帶圖標的 toast 彈窗、增加功能入口的導航欄;
  • 屬性組件:包含自定義組件與封裝組件,與產品核心功能強關聯;
     
    ? 自定義組件:脫離系統組件,貼合產品特性的設計,如商品列表、個人中心卡片;
     
    ? 封裝組件:根據產品使用場景組合封裝的復雜組件,如日歷組件、篩選組件、分頁組件。
 

3. 結構細分:拆至最小顆粒,提升復用率

 
將獨立組件打散至原子級的最小顆粒,例如將按鈕拆分為 “背景色 + 文字 + 邊框 + 圓角”,充分提高細小組件的復用率;修改時僅需調整單一原子元素,即可實現全局響應,再通過原子的重新組合,形成不同樣式、不同功能的組件,讓組件庫的樣式與數量呈倍數增長,兼具靈活性與統一性。
 

4. 命名規則:層次清晰,團隊通用

 
合理的命名是組件庫維護與調用的關鍵,核心原則是層次清晰、通俗易懂、團隊通用
 
  • 用 “/” 分隔場景與類別,體現組件的結構層次(Sketch 可自動識別),讓設計師快速檢索;
  • 命名示例:按鈕 / 主操作 / 大按鈕 / 待激活、按鈕 / 次要操作 / 小按鈕 / 可操作、表單 / 輸入框 / 初始狀態;
  • 避免使用生僻的專業名詞,優先選擇 “按鈕、表單、彈窗” 等團隊共識的術語,降低使用成本。
 

五、組件庫搭建與使用的避坑要點:避開誤區,讓組件庫真正落地

 
組件庫的搭建與使用,易陷入 “重形式、輕實用” 的誤區,掌握 4 個核心注意事項,讓組件庫兼具規范性與易用性:
 

1. 核心原則:先保證易用性,再追求復用性

image.png

不要為了復用而復用,組件庫的核心是服務于產品體驗與設計效率。針對特殊業務場景,在符合產品易用性的前提下,可將已復用的組件解除關聯,適當做加減法 —— 既不盲目追求極致簡約,也不刻意增加復雜度,讓組件適配場景才是最佳選擇。
 

2. 命名技巧:不糾結細節,追求團隊通用

 
無需花費大量時間在組件命名的 “精致化” 上,核心是通俗易懂、團隊可快速理解。組件庫是團隊協作工具,而非個人設計作品,簡單直接的命名,遠比 “高大上的專業名詞” 更有價值。
 

3. 認知誤區:組件庫不限制設計創意

image.png

部分設計師認為 “拼組件會扼殺創意”,實則是對組件庫的誤解:組件庫解決的是復用率高的重復性設計需求(如字體、配色、表單、基礎控件),而在圖形設計、動效表現、背景氛圍、視覺亮點等方面,設計師仍有極大的創意發揮空間。
 
組件庫是 “解放創意的工具”—— 減少重復勞動,讓設計師將更多精力投入到創意設計與體驗優化中,實現 “規范基礎 + 創意亮點” 的雙重效果。
 

4. 維護邏輯:隨產品迭代,間歇更新優化

image.png

組件庫并非 “一建了之”,而是需要持續維護的動態體系??衫卯a品版本迭代的間隔時間,復盤組件庫的使用情況,優化組件細節、補充新的通用組件、淘汰無用組件,避免組件庫陳舊導致的設計與開發脫節,讓組件庫始終適配產品的發展需求。
 

六、結語:組件庫是提效工具,更是產品設計的長期資產

 
組件庫不僅是設計與開發的 “提效神器”,更是串聯團隊協作、保障品牌視覺、提升用戶體驗的核心工具,它為設計規范到開發還原搭建了高效的橋梁,讓團隊擺脫重復勞動,將更多時間投入到產品細節打磨與業務價值挖掘中,實現設計向產品的真正賦能。
 
完成組件庫的搭建,只是產品設計體系建設的開始。真正的價值,在于持續的優化、完善與落地 —— 從全局視角出發,讓組件庫始終適配產品的業務發展與迭代需求,才能讓其發揮最大價值,成為產品設計的長期核心資產。

 

轉載:防脫發藥水

 

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

 

image.png

 
 
 

UI 必懂的 5 個設計心理學知識,蘭亭妙微ui設計公司從理論到落地全拆解(下)

清陽 設計思維

三、五架帽理論(LATCH 原則):高效組織信息的 5 個核心方法

 

核心定義

image.png

由 Richard Saul Wurman 提出,又稱LATCH 原則,是基礎的信息組織原則,通過 5 種方式讓信息呈現更高效,提升用戶獲取信息的效率,分別是:Location(位置)、Alphabet(字母)、Time(時間)、Category(類別)、Hierarchy(視覺層級)。
 

核心原理

 
用戶在產品中獲取信息時,有固定的認知習慣,違背這個習慣會增加用戶的思考成本。五架帽理論的本質,是順應用戶的認知習慣,讓信息 “好找、好懂、好記”,這五個方法可單獨使用,也可組合使用。
 

產品落地技巧

 

1. Location(位置):圍繞用戶位置組織信息

image.png

以用戶的當前位置為核心,展示周邊相關信息,適用于地圖、本地生活、出行類產品,比如:
 
  • 地圖 APP 優先加載用戶當前位置的道路、地標、周邊商戶,位置變化時實時更新信息;
  • 外賣 / 生鮮 APP 按 “距離由近到遠” 展示商戶,讓用戶快速找到周邊可配送的商家;
  • 游戲(如絕地求生)隨用戶位置變化,加載周邊的建筑、道具、敵人信息。
 

2. Alphabet(字母):按字母順序組織信息

image.png

適用于數據量大、需要精準查找的場景,是最經典的信息組織方式,比如:
 
  • 通訊錄按姓氏拼音首字母排序,支持字母索引,快速定位聯系人;
  • 詞典、題庫 APP 按字母 / 拼音排序,方便用戶查找內容;
  • 電商 APP 的品牌分類,按字母順序排列,提升篩選效率。
 

3. Time(時間):按時間維度組織信息

 
時間先后 / 熱度排序,適用于內容、社交、資訊類產品,比如:
 
  • 朋友圈、微博按 “發布時間從新到舊” 展示內容;
  • 資訊 APP 分 “最新、今日、本周” 板塊,讓用戶按時間獲取信息;
  • 電商 APP 的訂單頁面,按 “下單時間從新到舊” 排序,方便用戶查找近期訂單。
 

4. Category(類別):按屬性分類組織信息

image.png

將信息按相同屬性 / 功能劃分,是產品設計中最常用的方式,適用于幾乎所有產品,比如:
 
  • 音樂 APP 按 “曲風(流行、搖滾、民謠)、歌手、專輯” 分類;
  • 電商 APP 按 “商品品類(服飾、食品、數碼)、功能(熱銷、新品、優惠)” 分類;
  • 手機桌面的 APP 文件夾,按 “社交、辦公、娛樂” 分類。
 

5. Hierarchy(視覺層級):按重要性劃分視覺層級

image.png

在信息組織的基礎上,用顏色、大小、間距、字體等視覺手段,突出核心信息,弱化次要信息,比如:
 
  • 電商 APP 的商品頁面,核心信息(商品名稱、價格)用大號粗體,次要信息(產地、規格)用小號常規字體;
  • 首頁金剛區,將高頻功能(首頁、消息、我的)用更醒目的圖標 / 顏色突出,低頻功能弱化展示;
  • 詳情頁的標題用大字號 + 強對比色,正文用常規字號 + 淺色系,讓用戶快速抓住重點。
 

關鍵總結

 
五架帽理論的 5 個方法不是孤立的,組合使用效果更佳:比如通訊錄 = 字母 + 視覺層級,外賣 APP = 位置 + 類別 + 時間,首頁金剛區 = 類別 + 視覺層級。核心是讓信息組織符合用戶的認知習慣,降低查找成本。
 

四、稟賦效應:讓用戶 “珍惜” 你的產品,提升留存與轉化

image.png

核心定義

 
由心理學家 Daniel Kahneman 等提出,指人們對已經擁有的物品 / 服務,會高估其價值,比未擁有時更珍惜。這一現象源于 “損失厭惡”:失去一件東西的痛苦,遠大于得到它的快樂。
 

核心原理

 
當用戶從 “旁觀者” 變成 “擁有者” 時,對產品的心理價值會大幅提升,會因為 “害怕失去” 而更愿意繼續使用、付費甚至分享。比如生日收到的禮物,哪怕原本不喜歡,也會舍不得賣掉;免費試用的會員,到期后會因為 “失去權益” 而選擇付費。
 

產品落地技巧

 

1. 賦予用戶 “專屬價值”,強化擁有感

image.png

讓用戶感受到產品 / 服務是 “為自己量身定制的”,提升心理歸屬感,比如:
 
  • 學習 APP 將學習數據生成個性化報告,支持一鍵分享,讓用戶覺得 “這份成果是獨屬于我的”;
  • 旅游 APP 記錄用戶的旅游足跡,生成 “我的旅行地圖”,激發用戶的珍惜感和分享欲;
  • 電商 APP 為用戶生成 “專屬會員標識”“定制化推薦頁面”,強化專屬感。
 

2. 提供免費試用 / 體驗,誘導稟賦效應

image.png

讓用戶先 “擁有” 產品的權益 / 服務,再讓他們面對 “失去” 的選擇,比如:
 
  • 視頻 / 音樂 APP 為新用戶提供 7 天免費 VIP,到期后用戶會因為 “失去高清畫質 / 無損音樂” 而選擇付費;
  • 辦公 APP 提供 30 天免費高級功能,讓用戶習慣后,不愿回到基礎版;
  • 電商 APP 為新用戶發放 “專屬優惠券”,讓用戶覺得 “擁有了優惠,不用就虧了”。
 

3. 增加個性化設置,讓用戶 “參與產品打造”

image.png

讓用戶通過個性化設置,將產品變成 “自己的樣子”,提升主人翁意識,比如:
 
  • 瀏覽器 / APP 支持換膚、換背景、調整布局,讓用戶按自己的喜好定制產品;
  • 筆記 APP 支持自定義筆記本封面、字體、顏色,讓用戶覺得 “這是我的專屬筆記”;
  • 社交 APP 支持自定義頭像、昵稱、個性簽名,強化用戶的擁有感。
 

4. 利用 “損失厭惡”,提升用戶粘性

image.png

明確告知用戶 “不繼續使用會失去什么”,比告知 “繼續使用會得到什么” 更有效,比如:
 
  • 簽到 APP 提示 “已連續簽到 5 天,中斷將重置進度,失去 100 積分”;
  • 會員 APP 提示 “您的 VIP 還有 3 天到期,到期后將失去免費包郵、專屬折扣等權益”;
  • 打卡 APP 提示 “今日未打卡,將失去本月打卡勛章的領取資格”。
 

關鍵總結

 
利用稟賦效應的核心,是讓用戶從 “使用產品” 變成 “擁有產品”,通過專屬價值、免費試用、個性化設置,讓用戶產生擁有感,再利用損失厭惡,讓用戶因為 “害怕失去” 而提升留存和轉化。
 

五、干擾效應:減少信息干擾,讓用戶專注核心操作

 

核心定義

image.png

用戶同時思考 / 處理兩件及以上事情時,思考效率和操作準確性會大幅下降,難以專注核心目標。簡單來說:信息越雜亂,用戶越容易分心,操作效率越低。
 

核心原理

 
人的大腦像電腦一樣,同一時間處理的信息有限,當多個無關信息同時出現時,大腦需要花費精力篩選信息,從而分散對核心操作的注意力,甚至導致操作失誤。比如設計時被緊急需求打斷,再回來時會忘記原本的思路;產品頁面圖標雜亂,用戶會找不到核心功能。
 

產品落地技巧

 

1. 簡化視覺設計,避免 “過度裝飾”

image.png

視覺設計的核心是 “服務于功能”,而非單純的美觀,避免用復雜的設計增加用戶的認知負擔,比如:
 
  • 金剛區圖標避免使用過于復雜的實物圖 / 彩色漸變,優先用簡約的線性圖標 + 清晰的文字,讓用戶一眼識別;
  • 頁面避免過多的色彩、動效,核心操作按鈕(如確認、支付、提交)用強對比色突出,次要元素用低飽和度色彩;
  • 生鮮 APP 的分類圖標,避免用復雜的商品實物圖,用簡約的圖標(如蘋果代表水果、青菜代表蔬菜)即可。
 

2. 劃分信息層級,避免 “信息堆積”

image.png

將頁面信息按核心功能、次要功能、輔助功能劃分層級,突出核心,弱化次要,隱藏輔助,比如:
 
  • 美團首頁金剛區,將高頻功能(美食、外賣、超市便利)用大圖標突出,低頻功能(旅游、美甲、洗車)用小圖標弱化,避免信息雜亂;
  • 個人中心頁面,將核心功能(我的訂單、我的資產、我的收藏)放在頂部,次要功能(設置、幫助、關于)放在底部,按使用頻率排序;
  • 詳情頁將核心操作(購買、加入購物車)放在固定位置,次要信息(商品參數、評價)放在下方,避免干擾核心操作。
 

3. 按用戶目標,組織頁面功能

 
圍繞用戶的核心操作目標設計頁面,移除無關的功能和信息,比如:

 

  • 刷題 APP 的答題頁面,僅保留 “題目、選項、上一題、下一題”,移除廣告、推薦、消息等無關信息,讓用戶專注答題;
  • 支付頁面,僅保留 “支付金額、支付方式、確認支付”,避免添加其他功能(如充值、領券),防止用戶分心;
  • 閱讀 APP 的閱讀頁面,支持 “沉浸式模式”,隱藏導航、廣告、消息,讓用戶專注閱讀。
 

4. 功能分類聚合,避免 “分散擺放”

image.png

將同類功能聚合在一起,避免分散擺放導致用戶查找困難,比如:
 
  • 個人中心將 “設置、幫助、反饋、關于” 聚合在 “更多功能” 里,避免零散擺放;
  • 電商 APP 將 “收藏、足跡、購物車” 聚合在 “我的資產” 板塊,按 “用戶資產” 的邏輯組織;
  • 辦公 APP 將 “新建、保存、分享、打印” 聚合在操作欄,按 “文檔操作” 的邏輯組織。
 

實戰案例

 
技術類求職 APP 個人中心改版:舊版功能雜亂,將 “已購、錢包、收藏、錯題、投遞記錄” 等功能分散擺放,且把無關的 “頭像、昵稱” 放在視覺核心位置,用戶查找 “投遞記錄” 的平均時間為 15 秒。
 
新版圍繞用戶核心目標(查看投遞進度、管理學習內容) 優化:
 
① 強化個人屬性(等級、粉絲),放在頭部吸引用戶;
 
② 將核心功能(我的簡歷、投遞記錄)放在頂部,按產品價值排序;
 
③ 將次要功能(收藏、錯題、下載)按 “學習管理” 聚合,模塊劃分清晰;
 
④ 視覺上采用簡約風格,弱化無關元素,核心按鈕用強對比色突出。
 
優化后,用戶查找核心功能的平均時間縮短至 3 秒,操作效率提升 80%+。
 

關鍵總結

 
避免干擾效應的核心,是“少即是多”:圍繞用戶的核心操作目標,簡化視覺設計、劃分信息層級、聚合同類功能,移除無關的信息和功能,讓用戶不用思考,就能快速找到并完成核心操作。
 

全文核心總結

 
設計心理學的本質,是“站在用戶的角度做設計”,讀懂用戶的心理,才能讓設計觸達用戶的需求。這 5 個心理學法則,各有側重但可組合使用:
 
  • 五架帽理論組織信息,讓用戶 “好找信息”;
  • 干擾效應簡化設計,讓用戶 “專注操作”;
  • 蔡加尼克效應引導參與,讓用戶 “愿意完成”;
  • 峰終定律打磨體驗,讓用戶 “記住產品”;
  • 稟賦效應強化擁有,讓用戶 “珍惜產品”。
 
不用精通所有心理學理論,把這 5 個法則融入日常設計的每一個環節,從信息組織、頁面設計到流程體驗,讓每一個設計決策都有心理邏輯支撐,就能做出既好看又好用的產品設計。
轉載:防脫發藥水

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

 

image.png

UI 必懂的 5 個設計心理學知識,蘭亭妙微ui設計公司從理論到落地全拆解(上)

清陽 設計思維

本文從背景定義、核心原理、產品應用、實戰案例四個維度,拆解 5 個 UI 設計中高頻實用的心理學法則,不講晦澀理論,只講落地方法,蘭亭妙微ui設計公司幫你把心理學融入日常設計工作。
 

閱讀導航

  1. 峰終定律:抓準體驗關鍵節點,讓用戶記住你的產品
  2. 蔡加尼克效應:利用未完成心理,提升用戶參與度
  3. 五架帽理論(LATCH 原則):高效組織信息,降低用戶認知成本
  4. 稟賦效應:讓用戶對產品產生 “歸屬感”,提升留存與轉化
  5. 干擾效應:減少信息干擾,讓用戶專注核心操作
 

一、峰終定律:體驗的好壞,由兩個關鍵節點決定

 

核心定義

 
由 2002 年諾貝爾經濟學獎得主丹尼爾?卡尼曼提出,人們對一段體驗的記憶,只由體驗的高峰時刻(正向 / 負向)和結束時刻決定,與體驗的總時長、中間過程的平均感受無關。簡單來說:好的峰值 + 好的終值,就是好的體驗

image.png

核心原理

 
用戶不會記住產品使用的每一個細節,只會對 “最爽的瞬間” 和 “最后的感受” 印象深刻。哪怕過程中有一些小瑕疵,只要峰值足夠驚艷、終值足夠舒適,用戶對整體體驗的評價依然會很高。
 

產品落地技巧

 

1. 強化正向峰值:打造用戶的 “愉悅瞬間”

 
在用戶使用產品的關鍵節點,用儀式感、驚喜感拉高情緒,比如:
 

image.png

盲盒 APP 購買成功后,彈出動態收藏卡,放大用戶的獲得感;

  • 網易云音樂直播間為新用戶彈出「新人見面禮」,用視覺設計拉滿氛圍;
  • 功能操作完成后(如打卡、繳費、答題),用情感化彈窗給予肯定,如 “任務完成!你也太厲害了吧~”。
 

2. 降低負面峰值:緩解用戶的 “焦慮時刻”

image.png

當用戶遇到網絡卡頓、操作失敗、抽獎未中等負面場景時,用情感化設計減少挫敗感,比如:
 
  • 網絡斷開時,用趣味動效 + 溫柔提示 “網絡開小差啦,點擊重試吧” 代替冰冷的報錯碼;
  • 抽獎未中時,彈出安慰式彈窗 “沒關系,下次好運 buff 加持~”,并附帶小額優惠券。
 

3. 打磨終值體驗:給用戶一個 “完美收尾”

 

在用戶完成整個使用流程后,強化滿足感和成就感,比如:
 
  • 刷題 APP 在用戶完成整套習題后,展示直觀的數據分析頁(正確率、能力提升、排名),并附帶鼓勵語;
  • 外賣 APP 下單成功后,清晰展示配送進度 +“下單成功!吃貨專屬福利已到賬”,讓收尾更愉悅;
  • 課程 APP 完成學習后,生成學習證書 / 打卡海報,支持一鍵分享,放大用戶的成就感。
 

實戰案例

image.png
刷題功能體驗優化:針對用戶刷題時的 “未知焦慮”,做了三個核心調整:
 
① 用進度條實時展示刷題進度,讓用戶知道 “還有多久完成”;
 
② 最后 3 題彈出鼓勵語 “加油!馬上完成啦,你超棒的”,強化峰值;
 
③ 結果頁展示個性化數據報告(如 “商業模式模塊能力提升 15%”),打磨終值。優化后,用戶刷題完成率提升 30%+。
 

關鍵總結

 
設計時先繪制用戶情緒曲線,找到峰值和終值的關鍵節點,重點打磨這兩個時刻的體驗,比均勻優化所有環節更高效。
 

二、蔡加尼克效應:未完成的事,用戶會記得更牢

 

核心定義

 
由蘇聯心理學家蔡加尼克提出,又稱 “契可尼效應”,指人們對未完成、被中斷的事情,記憶會比已完成的事情更深刻,且會持續產生完成的沖動。簡單來說:用戶對 “沒做完的事”,會更上心。
 

核心原理

image.png

當一件事未完成時,大腦會一直處于 “緊張的激活狀態”,持續關注這件事;一旦事情完成,這種緊張感會消失,記憶也會快速淡化。就像考試時沒答上的題,會一直記掛到考試結束;綜藝在關鍵劇情插廣告,你會舍不得換臺。
 

產品落地技巧

 

1. 用進度提示,引導用戶持續完成

image.png

在需要用戶持續參與的場景(簽到、課程、打卡),添加可視化進度條 / 進度點,讓用戶清晰看到 “完成了多少,還剩多少”,比如:
 
  • 學習 APP 的簽到頁面,展示 “已連續簽到 3 天,再簽 4 天領 50 積分”,用未完成的獎勵吸引用戶持續打卡;
  • 健身 APP 的課程頁面,標注 “本課程共 8 節,已學 3 節”,激發用戶的完成欲。
 

2. 拆分復雜任務,減少用戶心理負擔

image.png

在用戶需要完成復雜操作時(如注冊、信息填寫、認證),將流程拆分為多個簡單的小步驟,并明確展示當前步驟,比如:
 
  • 新用戶注冊時,將 “手機號驗證→設置密碼→完善資料” 拆分為 3 個頁面,標注 “1/3 驗證手機號”,讓用戶覺得 “任務很簡單,很快就能完成”;
  • 信息認證時,按 “身份信息→銀行卡信息→人臉驗證” 拆分,中途退出后再次進入可直接定位到未完成步驟。
 

3. 用待辦提醒,強化 “未完成” 的心理暗示

image.png

在產品中添加待辦事項、未讀提醒、未完成任務標識,讓用戶時刻感知 “還有事沒做”,比如:
 
  • 日歷 APP 的代辦功能,未完成的事項會持續高亮,讓用戶產生 “必須做完” 的心理;
  • 辦公 APP 的待辦列表,用小紅點標注未處理的消息,引導用戶及時操作;
  • 電商 APP 的購物車,保留用戶未付款的商品,并用 “庫存僅剩 3 件” 強化完成沖動。
 

實戰案例

image.png

新用戶注冊流程優化:舊版將所有信息(頭像、昵稱、手機號、性別、興趣)堆積在一個頁面,填寫率僅 40%;新版按業務維度拆分為 3 個步驟(手機號驗證→基礎信息→興趣標簽),每個頁面僅需填寫 1-2 項內容,并添加進度提示 “2/3 完善基礎信息”。
 
優化后,利用蔡加尼克效應讓用戶產生 “完成沖動”,同時結合沉沒成本效應(用戶填了前兩步,不愿放棄第三步),最終信息填寫率提升至 75%+,內容推薦準確率也同步提升。

image.png

 

關鍵總結

利用蔡加尼克效應的核心,是讓用戶 “看到未完成的目標”,并通過拆分任務、可視化進度,降低用戶完成目標的門檻,從而提升參與度和完成率。
 
轉載:防脫發藥水

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

 

image.png

聊聊 UI 設計中的潛臺詞

清陽 交互設計及用戶體驗

對一個產品而言,除了自身的內容之外最重要的便是設計了。對于設計每個人都有自己不同的審美和想法,那么該如何做出好的設計呢?本文從潛臺詞這一角度蘭亭微妙UI設計公司來介紹如何搞好設計,讓我們一起來看看吧!

對一款產品而言,內容是核心,而設計則是讓核心價值觸達用戶的關鍵橋梁。UI 設計的審美與思路向來千人千面,而想要打造出貼合用戶體驗的優質設計,除了打磨直觀的視覺與信息呈現,更要讀懂設計背后的 “潛臺詞”。本文將從潛臺詞的視角,拆解 UI 設計的底層邏輯,探索讓設計與用戶深度共鳴的方法。
 
在 UI 設計工作中,我們總會聽到諸如此類的需求與反饋:
 
“這個頁面的感覺不太對”
 
“需要再加一些氛圍感”
 
“這段信息呈現得有點干”
 
……
 
這些看似模糊、如同 “五顏六色的黑” 般難以落地的要求,往往讓設計師無從下手。而 “潛臺詞”,正是破解這類問題的關鍵鑰匙。接下來,我們將從為何思考設計中的潛臺詞、何為設計中的潛臺詞、潛臺詞的核心作用三個維度,聊聊 UI 設計里的潛臺詞藝術。
 

一、為何思考設計中的潛臺詞

 
我對設計潛臺詞的思考,源于一次微信游戲名片的設計實踐。微信游戲名片的核心功能,是在游戲 APP 中展示玩家的游戲信息,為玩家間的社交搭建橋梁,讓不同游戲的玩家能便捷查看彼此的微信游戲數據。
 
最初的設計方案,采用了與微信客戶端一致的設計語言,意在強化微信的渠道認知,界面的信息結構也做到了簡潔清晰。但上線后,這份看似 “合格” 的設計卻收獲了大量負面反饋:有用戶覺得名片風格過于生硬,像突兀插入的小廣告;也有玩家表示,沉浸游戲時看到這款名片,完全沒有點開的欲望。

image.png

這一結果讓我開始反思:為什么看似滿足了 “簡潔清晰” 的設計要求,卻無法契合用戶的使用體驗?我們在做設計時,是不是遺漏了什么核心要素?而想要找到答案,首先要厘清一個根本問題 ——UI 設計,究竟在設計什么?

image.png

從設計理論與行業資料中,我們能找到諸多答案:
 
  • 設計是信息的包裝與合理排布
  • 設計是整理信息的藝術
  • 設計的本質是交流,是信息的有效交換
 
這些答案中,都繞不開一個核心詞 ——信息。信息是視覺設計的基礎元素,設計師通過整合文字、圖片、聲音、視頻等直觀信息,吸引用戶注意力,讓用戶能快速捕捉頁面核心內容。但在實踐中我發現,除了這些直觀可讀的信息,用戶的注意力往往還會被另一類隱藏的視覺信號吸引,而這,就是 UI 設計中的潛臺詞。

image.png

用戶的注意力會同時聚焦于直觀信息與潛臺詞信息,唯有兼顧兩者,才能讓設計真正貼合用戶的感知與需求。
 

二、何為設計中的潛臺詞

 
其實在工業設計領域,早已存在關于 “物品潛臺詞” 的探討。唐?諾曼曾提出,物品具備兩種示能性:一是物件本身的物理特質,二是使用者能感知到的提示性特質。而這一提示性特質,正是物品所傳遞的潛臺詞。

image.png

深澤直人的兩個經典設計,完美詮釋了這種潛臺詞:一款香蕉汁飲品,無需任何文字說明,僅憑香蕉造型的瓶身,就能讓用戶立刻知曉產品屬性,傳遞出 “這是香蕉汁” 的潛臺詞;一款臺燈的底座被設計成托盤造型,使用者會自然而然地將鑰匙、手表等隨身小物放置其上,因為底座的形態傳遞出 “可以盛放小物件” 的提示。
 
如同物品的信息可分為物理特質與提示性特質,UI 設計中的信息也能分為直接信息潛臺詞信息。直接信息是界面中直觀的文字、圖片、數據等內容,而潛臺詞信息,則是設計師通過顏色、形狀、圖案、質感等視覺手法,為界面賦予的隱藏信號。

image.png

這些視覺潛臺詞,能為界面營造專屬氛圍、喚起用戶的情緒共鳴,甚至引發用戶的回憶與思考,讓設計超越單純的信息呈現,成為與用戶溝通的語言。
 

三、潛臺詞的核心作用

 
在日常的 UI 設計工作中,我發現潛臺詞能發揮三大核心作用:傳遞隱藏信息、建立情感連接減少認知成本。這三大作用,能從不同維度優化用戶體驗,讓設計更有溫度、更易理解、更貼合場景。
 

1. 傳遞隱藏信息,讓體驗路徑更流暢

 
回到微信游戲名片的設計案例,從潛臺詞的視角分析,問題便迎刃而解。市面上主流的頭部游戲,界面大多采用暗色沉浸式風格,這種視覺設計的潛臺詞是:“放下外界干擾,開始專注的游戲體驗吧”,目的是為玩家營造專注、沉浸的游戲心流。

image.png

而最初的微信游戲名片,采用明亮清晰的設計風格,其潛臺詞更偏向 “高效、冷靜的平臺功能工具”。游戲界面與名片界面的潛臺詞形成強烈反差,這正是用戶覺得違和、生硬的核心原因 —— 視覺潛臺詞的割裂,打破了玩家的游戲沉浸感。

image.png

想要讓玩家的游戲與社交體驗無縫銜接,就需要讓游戲名片傳遞與游戲 UI 連貫的視覺潛臺詞。基于此,我對設計方案進行了兩大優化:
 
  1. 加入通用的游戲視覺元素點綴,貼合游戲場景;
  2. 將卡片整體改為暗色模式,與游戲的沉浸式風格統一。
 
優化后的新版游戲名片,傳遞出與游戲主界面一致的 “專注、沉浸” 潛臺詞,不僅弱化了原本的突兀插入感,還能兼容大部分游戲的視覺風格,讓玩家在游戲與社交的過渡中,擁有更連貫、流暢的體驗。

image.png

這一案例也印證了:潛臺詞是界面隱藏信息的傳遞載體,精準運用潛臺詞,能讓用戶的體驗路徑更順滑,讓設計與使用場景深度融合。
 

2. 建立情感連接,讓設計更有溫度

 
第二個案例,來自微信游戲禮品站的設計。游戲禮品站是支持玩家間互贈游戲道具、周邊的小程序,在設計過程中,產品經理常提出一個核心需求:“這個頁面能不能更有氛圍感?”
 
“氛圍感” 看似抽象,從潛臺詞的角度解讀,本質就是在傳遞直接信息的基礎上,通過視覺語言為用戶傳遞更多情感信息?;诖耍掖_立了明確的設計目標:通過視覺潛臺詞,讓用戶的情感產生共鳴、持續升溫,讓送禮與收禮的過程,充滿儀式感與情感價值。
 
想要實現這一目標,并非讓所有頁面都堆砌華麗的視覺元素,而是要找對設計發力點,具體分為三步:
 

第一步:梳理頁面,按情感濃度劃分設計層級

image.png

首先梳理禮品站的完整使用路徑,發現不同頁面的情感承載度差異顯著:一部分是挑選、購買道具的工具類頁面,核心需求是高效、便捷;另一部分是贈送、接收、拆禮物的核心頁面,核心需求是完成用戶的情感傳遞。顯然,后者是情感化設計的關鍵切入點。

image.png

第二步:挖掘情感元素,傳遞專屬潛臺詞

 
結合現實生活中的送禮體驗,一份有溫度的禮物,既不會是簡單的塑料袋包裝,也不會是過度繁瑣、華而不實的堆砌,而是恰如其分的儀式感 —— 簡潔整潔的禮盒,搭配寫滿心意的留言卡片,就是最能傳遞情感的形式。

 

基于此,我將 “禮盒” 與 “留言卡片” 抽象為核心 UI 元素:禮盒直觀表達 “送禮” 的行為,傳遞 “這是一份用心準備的禮物” 的潛臺詞;寫有雙方昵稱與留言的卡片,連接起送禮者與收禮者的關系,強化情感共鳴。將這兩個元素融入核心的 “拆禮物” 頁面,即便用戶不看界面文字,也能立刻感知到 “有朋友為我送上了一份心意滿滿的禮物”,讓情感傳遞更直接、更動人。
 

第三步:統一視覺語言,利用曝光效應加深記憶

image.png
確定 “禮盒” 這一核心情感象征后,我為其設計了扁平、微擬物、強擬物三種不同維度的視覺表現形式,根據不同頁面的風格,搭配不同重量感的圖形。同時,讓 “禮盒”“留言卡片” 的視覺元素在禮品站的各個頁面反復出現,利用曝光效應,讓用戶對禮品站形成專屬的視覺記憶,也讓情感潛臺詞的傳遞更連貫。

image.png

小結來說,通過挖掘貼合場景的核心情感元素,讓設計傳遞專屬的情感潛臺詞,能有效放大用戶間的情感連接,增強用戶的場景代入感,讓送禮這一行為超越道具本身,成為玩家間情感交流的紐帶。
 

3. 減少認知成本,讓信息更易理解

 
第三個案例,是和平精英 S12 賽季戰報的設計。賽季戰報的核心功能,是回顧玩家在賽季中的游戲表現,而設計的核心挑戰是:如何將冰冷、復雜的游戲數據,轉化為直觀、易懂的內容,讓玩家能快速感知自身的游戲成果,進而產生分享欲望。

image.png

從潛臺詞的角度思考,破解這一問題的關鍵,是用用戶熟悉的事物,具象化陌生的抽象數據—— 通過視覺潛臺詞,將游戲數據與用戶熟知的概念關聯,用熟悉事物的潛臺詞解釋陌生數據,降低用戶的認知成本,讓數據變得生動、有畫面感。
 
具體設計中,我們做了兩大嘗試:

image.png

一是將 “擊殺人數” 具象為現實中的 “樓層高度”。和平精英中,被淘汰的玩家會變成存放裝備的小木盒,我們便將玩家賽季總擊殺數,轉化為 “盒子堆疊的高度”—— 比如 “本賽季淘汰 175 人,盒子堆疊高達 16 米,相當于 6 層樓的高度”,用現實中可感知的 “樓層高度”,讓玩家直觀感受到自己的擊殺成果,遠比冰冷的數字更有沖擊力。

image.png

二是用游戲玩家熟知的裝備等級顏色體系,區分分享卡片的稀有度。將灰色、綠色、藍色、紫色、金色,分別對應 “普通、優秀、稀有、史詩、傳說” 的實力等級,這種顏色的潛臺詞,在游戲玩家的認知中早已形成固定印象。用不同顏色打造賽季戰報的分享卡片,能讓玩家一眼感知到自己賽季表現的稀有程度,既降低了認知成本,又提升了卡片的分享價值。

image.png

這一案例的核心思路是:當需要向用戶傳遞陌生、抽象的概念時,將其具象為用戶熟悉的事物,用熟悉的潛臺詞喚起用戶的記憶與認知,能讓信息傳遞更高效,也讓設計更貼近用戶的認知習慣。
 
綜上,UI 設計中潛臺詞的三大核心作用可總結為:
 
  • 傳遞隱藏信息:讓設計的隱藏信號與場景契合,讓體驗路徑更流暢;
  • 建立情感連接:挖掘核心情感元素,放大用戶間的情感共鳴,增強代入感;
  • 減少認知成本:將陌生概念具象為熟悉事物,用熟悉的潛臺詞加快用戶認知。

image.png

四、寫在最后

 
思考 UI 設計中的潛臺詞,能讓設計師跳出 “僅整理信息、排布界面” 的固有思維,用更多維度看待界面中的信息傳遞。很多時候,最精簡的界面未必是最好的設計,真正的優質設計,是在簡潔的基礎上,通過圖形、顏色、質感等設計手法,為界面描繪專屬的故事,傳遞出準確的視覺潛臺詞。
 
而回到最初的問題 —— 為什么看似簡單清晰的設計,卻無法滿足用戶需求?如今我能給出明確的答案:我們追求的設計 “簡單”,從來不是圖形、界面排布的表面簡單,而是用戶感知的簡單。
 
UI 設計的本質,不僅是為信息建立秩序,更是用有限的設計資源,為用戶打造更美好的感受與體驗。讀懂設計的潛臺詞,讓設計與用戶深度溝通,才是 UI 設計的核心要義。

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

 

image.png

蘭亭妙微:B 端產品步驟條表單的取舍邏輯與設計落地策略

濤濤 B端ui設計文章及欣賞

在 B 端產品設計中,步驟條表單曾是處理長流程、多節點信息錄入的經典組件,憑借清晰的流程指引,成為商家入駐、資質認證、訂單創建等場景的常規選擇。但在蘭亭妙微為各行業企業做 B 端產品升級的實戰中發現,步驟條表單的使用場景正大幅收縮,甚至在高頻數據錄入、常規業務操作中逐漸被 “長表單 + 錨點導航” 替代。這并非步驟條組件本身的設計缺陷,而是 B 端產品的設計核心從 “流程標準化” 轉向了 “業務效率化”,當步驟條的強流程約束與 B 端用戶的實際業務操作邏輯相悖時,其體驗短板便被無限放大。

蘭亭妙微:B 端表單標簽對齊的專業設計準則與場景落地

濤濤 B端ui設計文章及欣賞

表單是 B 端系統的核心交互組件,而表單標簽的對齊方式,看似是設計細節,實則直接影響用戶的填寫效率、視覺體驗與操作連貫性。蘭亭妙微在多年 B 端設計實戰中,為金融、制造、電商、政務等多行業打造過千余套表單設計方案,深知標簽對齊的設計選擇并非 “憑喜好”,而是需要結合使用場景、終端設備、業務需求、用戶操作目標綜合判斷。

日歷

鏈接

個人資料

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

存檔