欧美日韩国产女主播|久久青春操无码日韩va国产va|国语自产自偷拍|少妇视频一区在线精品 亚洲中文字幕无码vs色欲_在线观看视频免费国产成人_精品无码久久中文字幕_日韩AV中文字幕网址

首頁

UI 設(shè)計中的視覺引導(dǎo)技法深度解析 | 蘭亭妙微設(shè)計

濤濤 系統(tǒng)UI設(shè)計文章及欣賞

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

評論(0) 瀏覽(52)

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

濤濤 行業(yè)趨勢

進(jìn)入 2016 年，UI 設(shè)計行業(yè)在體驗設(shè)計領(lǐng)域涌現(xiàn)出諸多全新設(shè)計元素與表現(xiàn)手法，彩色投影、雙色調(diào)漸變等設(shè)計形式在各大設(shè)計社區(qū)的出現(xiàn)頻率持續(xù)攀升，逐漸成為行業(yè)新的設(shè)計風(fēng)向。蘭亭妙微設(shè)計深耕 UI 設(shè)計領(lǐng)域，始終關(guān)注行業(yè)前沿趨勢變化，為了讓設(shè)計實踐更具方向感，也為給行業(yè)同仁提供參考，我們對 2016 年 UI 設(shè)計的主流流行趨勢進(jìn)行系統(tǒng)梳理與深度分析，提煉出當(dāng)下最具實踐價值的設(shè)計思路與手法。

評論(0) 瀏覽(73)

UI 必懂的 5 個設(shè)計心理學(xué)知識，蘭亭妙微ui設(shè)計公司從理論到落地全拆解（下）

清陽 設(shè)計思維

三、五架帽理論（LATCH 原則）：高效組織信息的 5 個核心方法

 

核心定義

image.png

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

核心原理

 
用戶在產(chǎn)品中獲取信息時，有固定的認(rèn)知習(xí)慣，違背這個習(xí)慣會增加用戶的思考成本。五架帽理論的本質(zhì)，是順應(yīng)用戶的認(rèn)知習(xí)慣，讓信息 “好找、好懂、好記”，這五個方法可單獨(dú)使用，也可組合使用。
 

產(chǎn)品落地技巧

 

1. Location（位置）：圍繞用戶位置組織信息

image.png

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

2. Alphabet（字母）：按字母順序組織信息

image.png

適用于數(shù)據(jù)量大、需要精準(zhǔn)查找的場景，是最經(jīng)典的信息組織方式，比如：
 
  • 通訊錄按姓氏拼音首字母排序，支持字母索引，快速定位聯(lián)系人；
  • 詞典、題庫 APP 按字母 / 拼音排序，方便用戶查找內(nèi)容；
  • 電商 APP 的品牌分類，按字母順序排列，提升篩選效率。
 

3. Time（時間）：按時間維度組織信息

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

4. Category（類別）：按屬性分類組織信息

image.png

將信息按相同屬性 / 功能劃分，是產(chǎn)品設(shè)計中最常用的方式，適用于幾乎所有產(chǎn)品，比如：
 
  • 音樂 APP 按 “曲風(fēng)（流行、搖滾、民謠）、歌手、專輯” 分類；
  • 電商 APP 按 “商品品類（服飾、食品、數(shù)碼）、功能（熱銷、新品、優(yōu)惠）” 分類；
  • 手機(jī)桌面的 APP 文件夾，按 “社交、辦公、娛樂” 分類。
 

5. Hierarchy（視覺層級）：按重要性劃分視覺層級

image.png

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

關(guān)鍵總結(jié)

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

四、稟賦效應(yīng)：讓用戶 “珍惜” 你的產(chǎn)品，提升留存與轉(zhuǎn)化

image.png

核心定義

 
由心理學(xué)家 Daniel Kahneman 等提出，指人們對已經(jīng)擁有的物品 / 服務(wù)，會高估其價值，比未擁有時更珍惜。這一現(xiàn)象源于 “損失厭惡”：失去一件東西的痛苦，遠(yuǎn)大于得到它的快樂。
 

核心原理

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

產(chǎn)品落地技巧

 

1. 賦予用戶 “專屬價值”，強(qiáng)化擁有感

image.png

讓用戶感受到產(chǎn)品 / 服務(wù)是 “為自己量身定制的”，提升心理歸屬感，比如：
 
  • 學(xué)習(xí) APP 將學(xué)習(xí)數(shù)據(jù)生成個性化報告，支持一鍵分享，讓用戶覺得 “這份成果是獨(dú)屬于我的”；
  • 旅游 APP 記錄用戶的旅游足跡，生成 “我的旅行地圖”，激發(fā)用戶的珍惜感和分享欲；
  • 電商 APP 為用戶生成 “專屬會員標(biāo)識”“定制化推薦頁面”，強(qiáng)化專屬感。
 

2. 提供免費(fèi)試用 / 體驗，誘導(dǎo)稟賦效應(yīng)

image.png

讓用戶先 “擁有” 產(chǎn)品的權(quán)益 / 服務(wù)，再讓他們面對 “失去” 的選擇，比如：
 
  • 視頻 / 音樂 APP 為新用戶提供 7 天免費(fèi) VIP，到期后用戶會因為 “失去高清畫質(zhì) / 無損音樂” 而選擇付費(fèi)；
  • 辦公 APP 提供 30 天免費(fèi)高級功能，讓用戶習(xí)慣后，不愿回到基礎(chǔ)版；
  • 電商 APP 為新用戶發(fā)放 “專屬優(yōu)惠券”，讓用戶覺得 “擁有了優(yōu)惠，不用就虧了”。
 

3. 增加個性化設(shè)置，讓用戶 “參與產(chǎn)品打造”

image.png

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

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

image.png

明確告知用戶 “不繼續(xù)使用會失去什么”，比告知 “繼續(xù)使用會得到什么” 更有效，比如：
 
  • 簽到 APP 提示 “已連續(xù)簽到 5 天，中斷將重置進(jìn)度，失去 100 積分”；
  • 會員 APP 提示 “您的 VIP 還有 3 天到期，到期后將失去免費(fèi)包郵、專屬折扣等權(quán)益”；
  • 打卡 APP 提示 “今日未打卡，將失去本月打卡勛章的領(lǐng)取資格”。
 

關(guān)鍵總結(jié)

 
利用稟賦效應(yīng)的核心，是讓用戶從 “使用產(chǎn)品” 變成 “擁有產(chǎn)品”，通過專屬價值、免費(fèi)試用、個性化設(shè)置，讓用戶產(chǎn)生擁有感，再利用損失厭惡，讓用戶因為 “害怕失去” 而提升留存和轉(zhuǎn)化。
 

五、干擾效應(yīng)：減少信息干擾，讓用戶專注核心操作

 

核心定義

image.png

指用戶同時思考 / 處理兩件及以上事情時，思考效率和操作準(zhǔn)確性會大幅下降，難以專注核心目標(biāo)。簡單來說：信息越雜亂，用戶越容易分心，操作效率越低。
 

核心原理

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

產(chǎn)品落地技巧

 

1. 簡化視覺設(shè)計，避免 “過度裝飾”

image.png

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

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

image.png

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

3. 按用戶目標(biāo)，組織頁面功能

 
圍繞用戶的核心操作目標(biāo)設(shè)計頁面，移除無關(guān)的功能和信息，比如：

 

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

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

image.png

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

實戰(zhàn)案例

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

關(guān)鍵總結(jié)

 
避免干擾效應(yīng)的核心，是“少即是多”：圍繞用戶的核心操作目標(biāo)，簡化視覺設(shè)計、劃分信息層級、聚合同類功能，移除無關(guān)的信息和功能，讓用戶不用思考，就能快速找到并完成核心操作。
 

全文核心總結(jié)

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

蘭亭妙微（藍(lán)藍(lán)設(shè)計）www.bjlzjm.com.cn 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

 

image.png

評論(0) 瀏覽(72)

UI 必懂的 5 個設(shè)計心理學(xué)知識，蘭亭妙微ui設(shè)計公司從理論到落地全拆解（上）

清陽 設(shè)計思維

本文從背景定義、核心原理、產(chǎn)品應(yīng)用、實戰(zhàn)案例四個維度，拆解 5 個 UI 設(shè)計中高頻實用的心理學(xué)法則，不講晦澀理論，只講落地方法，蘭亭妙微ui設(shè)計公司幫你把心理學(xué)融入日常設(shè)計工作。
 

閱讀導(dǎo)航

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

一、峰終定律：體驗的好壞，由兩個關(guān)鍵節(jié)點決定

 

核心定義

 
由 2002 年諾貝爾經(jīng)濟(jì)學(xué)獎得主丹尼爾?卡尼曼提出，人們對一段體驗的記憶，只由體驗的高峰時刻（正向 / 負(fù)向）和結(jié)束時刻決定，與體驗的總時長、中間過程的平均感受無關(guān)。簡單來說：好的峰值 + 好的終值，就是好的體驗。

image.png

核心原理

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

產(chǎn)品落地技巧

 

1. 強(qiáng)化正向峰值：打造用戶的 “愉悅瞬間”

 
在用戶使用產(chǎn)品的關(guān)鍵節(jié)點，用儀式感、驚喜感拉高情緒，比如：
 

image.png

盲盒 APP 購買成功后，彈出動態(tài)收藏卡，放大用戶的獲得感；

  • 網(wǎng)易云音樂直播間為新用戶彈出「新人見面禮」，用視覺設(shè)計拉滿氛圍；
  • 功能操作完成后（如打卡、繳費(fèi)、答題），用情感化彈窗給予肯定，如 “任務(wù)完成！你也太厲害了吧～”。
 

2. 降低負(fù)面峰值：緩解用戶的 “焦慮時刻”

image.png

當(dāng)用戶遇到網(wǎng)絡(luò)卡頓、操作失敗、抽獎未中等負(fù)面場景時，用情感化設(shè)計減少挫敗感，比如：
 
  • 網(wǎng)絡(luò)斷開時，用趣味動效 + 溫柔提示 “網(wǎng)絡(luò)開小差啦，點擊重試吧” 代替冰冷的報錯碼；
  • 抽獎未中時，彈出安慰式彈窗 “沒關(guān)系，下次好運(yùn) buff 加持～”，并附帶小額優(yōu)惠券。
 

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

 

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

實戰(zhàn)案例

image.png
刷題功能體驗優(yōu)化：針對用戶刷題時的 “未知焦慮”，做了三個核心調(diào)整：
 
① 用進(jìn)度條實時展示刷題進(jìn)度，讓用戶知道 “還有多久完成”；
 
② 最后 3 題彈出鼓勵語 “加油！馬上完成啦，你超棒的”，強(qiáng)化峰值；
 
③ 結(jié)果頁展示個性化數(shù)據(jù)報告（如 “商業(yè)模式模塊能力提升 15%”），打磨終值。優(yōu)化后，用戶刷題完成率提升 30%+。
 

關(guān)鍵總結(jié)

 
設(shè)計時先繪制用戶情緒曲線，找到峰值和終值的關(guān)鍵節(jié)點，重點打磨這兩個時刻的體驗，比均勻優(yōu)化所有環(huán)節(jié)更高效。
 

二、蔡加尼克效應(yīng)：未完成的事，用戶會記得更牢

 

核心定義

 
由蘇聯(lián)心理學(xué)家蔡加尼克提出，又稱 “契可尼效應(yīng)”，指人們對未完成、被中斷的事情，記憶會比已完成的事情更深刻，且會持續(xù)產(chǎn)生完成的沖動。簡單來說：用戶對 “沒做完的事”，會更上心。
 

核心原理

image.png

當(dāng)一件事未完成時，大腦會一直處于 “緊張的激活狀態(tài)”，持續(xù)關(guān)注這件事；一旦事情完成，這種緊張感會消失，記憶也會快速淡化。就像考試時沒答上的題，會一直記掛到考試結(jié)束；綜藝在關(guān)鍵劇情插廣告，你會舍不得換臺。
 

產(chǎn)品落地技巧

 

1. 用進(jìn)度提示，引導(dǎo)用戶持續(xù)完成

image.png

在需要用戶持續(xù)參與的場景（簽到、課程、打卡），添加可視化進(jìn)度條 / 進(jìn)度點，讓用戶清晰看到 “完成了多少，還剩多少”，比如：
 
  • 學(xué)習(xí) APP 的簽到頁面，展示 “已連續(xù)簽到 3 天，再簽 4 天領(lǐng) 50 積分”，用未完成的獎勵吸引用戶持續(xù)打卡；
  • 健身 APP 的課程頁面，標(biāo)注 “本課程共 8 節(jié)，已學(xué) 3 節(jié)”，激發(fā)用戶的完成欲。
 

2. 拆分復(fù)雜任務(wù)，減少用戶心理負(fù)擔(dān)

image.png

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

3. 用待辦提醒，強(qiáng)化 “未完成” 的心理暗示

image.png

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

實戰(zhàn)案例

image.png

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

image.png

 

關(guān)鍵總結(jié)

利用蔡加尼克效應(yīng)的核心，是讓用戶 “看到未完成的目標(biāo)”，并通過拆分任務(wù)、可視化進(jìn)度，降低用戶完成目標(biāo)的門檻，從而提升參與度和完成率。
 
轉(zhuǎn)載：防脫發(fā)藥水

蘭亭妙微（藍(lán)藍(lán)設(shè)計）www.bjlzjm.com.cn 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

 

image.png

評論(0) 瀏覽(52)

聊聊 UI 設(shè)計中的潛臺詞

清陽 交互設(shè)計及用戶體驗

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

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

一、為何思考設(shè)計中的潛臺詞

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

image.png

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

image.png

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

image.png

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

二、何為設(shè)計中的潛臺詞

 
其實在工業(yè)設(shè)計領(lǐng)域，早已存在關(guān)于 “物品潛臺詞” 的探討。唐?諾曼曾提出，物品具備兩種示能性：一是物件本身的物理特質(zhì)，二是使用者能感知到的提示性特質(zhì)。而這一提示性特質(zhì)，正是物品所傳遞的潛臺詞。

image.png

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

image.png

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

三、潛臺詞的核心作用

 
在日常的 UI 設(shè)計工作中，我發(fā)現(xiàn)潛臺詞能發(fā)揮三大核心作用：傳遞隱藏信息、建立情感連接、減少認(rèn)知成本。這三大作用，能從不同維度優(yōu)化用戶體驗，讓設(shè)計更有溫度、更易理解、更貼合場景。
 

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

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

image.png

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

image.png

想要讓玩家的游戲與社交體驗無縫銜接，就需要讓游戲名片傳遞與游戲 UI 連貫的視覺潛臺詞?；诖耍覍υO(shè)計方案進(jìn)行了兩大優(yōu)化：
 
  1. 加入通用的游戲視覺元素點綴，貼合游戲場景；
  2. 將卡片整體改為暗色模式，與游戲的沉浸式風(fēng)格統(tǒng)一。
 
優(yōu)化后的新版游戲名片，傳遞出與游戲主界面一致的 “專注、沉浸” 潛臺詞，不僅弱化了原本的突兀插入感，還能兼容大部分游戲的視覺風(fēng)格，讓玩家在游戲與社交的過渡中，擁有更連貫、流暢的體驗。

image.png

這一案例也印證了：潛臺詞是界面隱藏信息的傳遞載體，精準(zhǔn)運(yùn)用潛臺詞，能讓用戶的體驗路徑更順滑，讓設(shè)計與使用場景深度融合。
 

2. 建立情感連接，讓設(shè)計更有溫度

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

第一步：梳理頁面，按情感濃度劃分設(shè)計層級

image.png

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

image.png

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

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

 

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

第三步：統(tǒng)一視覺語言，利用曝光效應(yīng)加深記憶

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

image.png

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

3. 減少認(rèn)知成本，讓信息更易理解

 
第三個案例，是和平精英 S12 賽季戰(zhàn)報的設(shè)計。賽季戰(zhàn)報的核心功能，是回顧玩家在賽季中的游戲表現(xiàn)，而設(shè)計的核心挑戰(zhàn)是：如何將冰冷、復(fù)雜的游戲數(shù)據(jù)，轉(zhuǎn)化為直觀、易懂的內(nèi)容，讓玩家能快速感知自身的游戲成果，進(jìn)而產(chǎn)生分享欲望。

image.png

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

image.png

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

image.png

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

image.png

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

image.png

四、寫在最后

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

蘭亭妙微（藍(lán)藍(lán)設(shè)計）www.bjlzjm.com.cn 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

 

image.png

評論(0) 瀏覽(76)

蘭亭妙微：B 端產(chǎn)品步驟條表單的取舍邏輯與設(shè)計落地策略

濤濤 B端ui設(shè)計文章及欣賞

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

評論(0) 瀏覽(146)

蘭亭妙微：B 端表單標(biāo)簽對齊的專業(yè)設(shè)計準(zhǔn)則與場景落地

濤濤 B端ui設(shè)計文章及欣賞

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

評論(0) 瀏覽(64)

蘭亭妙微：B 端交互設(shè)計的六維思考框架

濤濤 B端ui設(shè)計文章及欣賞

在蘭亭妙微 15 年的 B 端設(shè)計深耕歷程中，我們始終認(rèn)為：B 端交互設(shè)計的核心從來不是單純的界面繪制，而是以業(yè)務(wù)賦能為核心的全鏈路思考。初級設(shè)計師做 B 端設(shè)計，常陷入 “就需求做設(shè)計” 的誤區(qū)，看似快速交付，卻讓產(chǎn)品在后續(xù)迭代中出現(xiàn)流程割裂、權(quán)限混亂、適配性差等問題；而蘭亭妙微的資深 B 端交互設(shè)計團(tuán)隊，始終遵循一套成熟的六維思考框架，從需求接收到方案落地，層層拆解、多維驗證，讓設(shè)計既貼合當(dāng)下業(yè)務(wù)需求，又能支撐產(chǎn)品長期發(fā)展，真正實現(xiàn) “效率優(yōu)先、數(shù)據(jù)顯性、協(xié)同順暢” 的 B 端設(shè)計核心目標(biāo)。

評論(0) 瀏覽(67)

蘭亭妙微：設(shè)計在產(chǎn)品全生命周期的價值深耕

濤濤 設(shè)計管理與成長

在蘭亭妙微設(shè)計公司的服務(wù)體系中，我們常被客戶問及：設(shè)計的價值該如何落地？在產(chǎn)品從概念到落地、從迭代到增長的全流程里，專業(yè)設(shè)計團(tuán)隊究竟能為產(chǎn)品創(chuàng)造怎樣的核心價值？答案從來不是單一的界面產(chǎn)出或視覺美化，蘭亭妙微始終認(rèn)為，設(shè)計的價值體現(xiàn)在產(chǎn)品每一個發(fā)展階段的深度參與中 —— 以用戶為核心，用科學(xué)的設(shè)計方法銜接商業(yè)需求與用戶體驗，讓設(shè)計成為產(chǎn)品從 0 到 1、從 1 到 N 的核心驅(qū)動力。

評論(0) 瀏覽(53)

蘭亭妙微設(shè)計師們關(guān)注的設(shè)計界前沿動態(tài)：院校突破與創(chuàng)意實踐雙開花

濤濤 設(shè)計管理與成長

設(shè)計領(lǐng)域的發(fā)展始終在學(xué)術(shù)探索與商業(yè)實踐的雙向奔赴中穩(wěn)步前行，2025 年諸多前沿動態(tài)為行業(yè)注入了全新活力。從頂尖藝術(shù)設(shè)計院校的國際排名突破，到充滿巧思的工業(yè)設(shè)計作品落地，再到大型建筑專案啟動、國際藝術(shù)特展開幕與潮流 IP 跨界亮相，設(shè)計的邊界不斷被拓寬，融合性與創(chuàng)新性愈發(fā)凸顯，展現(xiàn)出多元且蓬勃的發(fā)展態(tài)勢。

評論(0) 瀏覽(65)

日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.bjlzjm.com.cn

存檔