隨著設(shè)計(jì)行業(yè)的蓬勃發(fā)展，產(chǎn)品 UI 的整體水準(zhǔn)持續(xù)提升，但同質(zhì)化現(xiàn)象也愈發(fā)明顯。想要讓產(chǎn)品在同類競(jìng)品中脫穎而出，設(shè)計(jì)師需要在細(xì)節(jié)表達(dá)、功能適配、情感共鳴等維度持續(xù)探索。今天就為大家精選 8 個(gè)極具創(chuàng)意的 UI 設(shè)計(jì)案例，希望能為你的設(shè)計(jì)實(shí)踐帶來新的靈感。

在數(shù)字時(shí)代，手機(jī)通知已成為連接用戶與服務(wù)的重要橋梁，但頻繁彈窗、不分場(chǎng)景的權(quán)限索取，卻讓很多用戶不堪其擾 —— 要么被迫關(guān)閉所有通知，要么在繁瑣的設(shè)置中消耗耐心，最終對(duì)產(chǎn)品產(chǎn)生負(fù)面印象。隱私 UX 設(shè)計(jì)的核心，從來不是 “減少交互”，而是在尊重用戶自主權(quán)的前提下，讓通知和權(quán)限請(qǐng)求變得更精準(zhǔn)、更溫和、更具價(jià)值感。本文將從用戶體驗(yàn)本質(zhì)出發(fā)，探索如何設(shè)計(jì)既不侵犯隱私，又能提升用戶參與度的通知與權(quán)限請(qǐng)求模式。

隨著海外留學(xué)熱潮持續(xù)升溫，留學(xué)生在異國他鄉(xiāng)的生活剛需問題日益凸顯。初到陌生國度的留學(xué)生，往往面臨生活成本高、社交圈有限、居住周期不穩(wěn)定等現(xiàn)實(shí)困境，二手商品交易成為他們平衡開支、適配短期生活的核心選擇。然而，現(xiàn)有通用二手交易平臺(tái)缺乏對(duì)留學(xué)生群體的針對(duì)性優(yōu)化，導(dǎo)致交易過程中頻繁出現(xiàn)安全隱患、信息錯(cuò)位、服務(wù)脫節(jié)等問題。本次研究聚焦海外留學(xué)生二手交易的真實(shí)需求與痛點(diǎn)，旨在設(shè)計(jì)一款貼合其生活場(chǎng)景、保障交易安全、提升溝通效率的專屬 APP，為留學(xué)生的海外生活提供切實(shí)支

在科幻作品的宏大敘事中，用戶界面（UI）不僅是信息的載體，更是世界觀的具象化表達(dá)。它是未來科技的視覺語言，是連接人類與未知領(lǐng)域的橋梁，其設(shè)計(jì)美學(xué)深刻影響著我們對(duì)未來的想象。蘭亭妙微的設(shè)計(jì)師最近在做一個(gè)vr眼鏡的項(xiàng)目，所以要找一些相關(guān)的資料和文章，并寫出來和大家分享。

打開設(shè)計(jì)軟件，面對(duì)兩個(gè)看似都可行的方案，你是否也曾陷入糾結(jié)：“這個(gè)更美觀”“那個(gè)更簡潔”“大家會(huì)不會(huì)更喜歡另一個(gè)？” 評(píng)論區(qū)里的站隊(duì)爭(zhēng)論、自我認(rèn)知里的審美偏好，很容易讓設(shè)計(jì)決策陷入 “憑感覺” 的困境。但真正成熟的 UI/UX 設(shè)計(jì)，從來不是 “選 A 還是選 B” 的二元題，而是圍繞用戶價(jià)值、產(chǎn)品目標(biāo)和實(shí)際場(chǎng)景的系統(tǒng)性判斷。以下七個(gè)思維習(xí)慣，能幫你跳出主觀偏好，做出更理性、更有效的設(shè)計(jì)決策。

在產(chǎn)品設(shè)計(jì)中，UI/UX 的細(xì)節(jié)調(diào)整往往能帶來意想不到的轉(zhuǎn)化效果。那些看似微小的優(yōu)化，卻能大幅降低用戶操作門檻、提升使用愉悅感。以下整理了 10 個(gè)經(jīng)過實(shí)踐驗(yàn)證的 UI/UX 設(shè)計(jì)技巧，幫你在不增加過多開發(fā)成本的前提下，打造更受用戶青睞的產(chǎn)品界面。

一、設(shè)計(jì)組件：不止是 “零件”，更是體驗(yàn)的骨架

• 效率層面：一套成熟的組件庫可以將界面搭建效率提升 50% 以上，避免重復(fù)造輪子。比如進(jìn)度條、分頁器這類高頻組件，標(biāo)準(zhǔn)化后無需每次重新設(shè)計(jì)。
• 體驗(yàn)層面：當(dāng)用戶在不同 APP 中看到相似的進(jìn)度條時(shí)，能立刻理解 “進(jìn)度→完成” 的對(duì)應(yīng)關(guān)系，這種認(rèn)知慣性大幅降低了學(xué)習(xí)成本。
• 系統(tǒng)層面：組件化讓產(chǎn)品迭代更靈活，比如瓷片區(qū)的布局邏輯可以快速適配從手機(jī)到手表的不同屏幕尺寸，保證體驗(yàn)的連貫性。

二、常見組件的設(shè)計(jì)邏輯與場(chǎng)景適配

1. 信息瓷片區(qū)：碎片化信息的 “收納盒”

• 場(chǎng)景適配：在學(xué)習(xí)類 APP 中，瓷片區(qū)可以將 “自由練習(xí)”“睡眠助手” 等功能模塊獨(dú)立呈現(xiàn)；在醫(yī)療類界面中，“極速問診”“找醫(yī)生” 等入口也通過瓷片實(shí)現(xiàn)快速分流。
• 設(shè)計(jì)要點(diǎn)：圓角、陰影和微妙的背景色變化，是區(qū)分瓷片層級(jí)的關(guān)鍵。同時(shí)，瓷片內(nèi)的信息密度需要與用戶需求匹配 —— 工具類瓷片突出功能按鈕，資訊類瓷片則優(yōu)先展示標(biāo)題與摘要。

 

2. 進(jìn)度條：看不見的 “情緒安撫器”

• 場(chǎng)景適配：在支付流程中，步驟式進(jìn)度條讓用戶清晰感知 “填寫信息→確認(rèn)訂單→完成支付” 的路徑；在健身 APP 里，環(huán)形進(jìn)度條則通過直觀的百分比反饋，強(qiáng)化用戶的成就感。
• 設(shè)計(jì)要點(diǎn)：除了基礎(chǔ)的線性進(jìn)度條，擬人化的動(dòng)態(tài)進(jìn)度條（如帶表情的加載動(dòng)畫）能進(jìn)一步提升趣味性；而分段式進(jìn)度條則適合多節(jié)點(diǎn)的流程場(chǎng)景，比如 “高考日程” 時(shí)間軸。

3. 分頁器：長內(nèi)容的 “導(dǎo)航羅盤”

• 場(chǎng)景適配：電商平臺(tái)的商品列表、內(nèi)容平臺(tái)的文章流，都依賴分頁器實(shí)現(xiàn)高效瀏覽。下拉加載是移動(dòng)端的主流選擇，但在需要精確定位的場(chǎng)景（如后臺(tái)管理系統(tǒng)），數(shù)字分頁器依然不可替代。
• 設(shè)計(jì)要點(diǎn)：分頁器的交互需要兼顧效率與容錯(cuò)性，比如 “跳轉(zhuǎn)到指定頁碼” 的輸入框，適合有明確目標(biāo)的用戶；而 “上一頁 / 下一頁” 的按鈕，則更符合無目的瀏覽的行為習(xí)慣。

4. 導(dǎo)航欄：用戶的 “空間錨點(diǎn)”

• 場(chǎng)景適配：內(nèi)容類 APP 的 “推薦 / 關(guān)注 / 訂閱” 標(biāo)簽欄，讓用戶在不同內(nèi)容流間快速切換；工具類產(chǎn)品的功能導(dǎo)航欄，則通過圖標(biāo) + 文字的組合，讓復(fù)雜功能變得觸手可及。
• 設(shè)計(jì)要點(diǎn)：當(dāng)前選中狀態(tài)的視覺強(qiáng)化（如顏色加深、下劃線）是導(dǎo)航欄的核心設(shè)計(jì)原則；同時(shí)，導(dǎo)航項(xiàng)的數(shù)量需要控制在用戶記憶閾值內(nèi)，一般不超過 5 個(gè)。

三、組件化設(shè)計(jì)的進(jìn)階思維：從 “用組件” 到 “造系統(tǒng)”

• 原子化設(shè)計(jì)：將組件拆解為 “原子（按鈕、輸入框）→分子（搜索框、卡片）→有機(jī)體（表單、列表）” 的層級(jí)，讓組件具備更強(qiáng)的組合性和適應(yīng)性。
• 適配性設(shè)計(jì)：同一組件需要在不同設(shè)備上保持體驗(yàn)一致。比如智能手表上的瓷片需要更大的觸控區(qū)域，而平板端的進(jìn)度條則可以承載更多信息維度。
• 情感化設(shè)計(jì)：在功能性基礎(chǔ)上注入情感細(xì)節(jié)，比如完成任務(wù)時(shí)進(jìn)度條的慶祝動(dòng)畫、瓷片 hover 時(shí)的微交互反饋，都能讓冰冷的界面變得有溫度。

在 UI 設(shè)計(jì)中，圖標(biāo)是傳遞信息、提升界面顏值的核心元素。很多新手設(shè)計(jì)師明明看過不少教程，卻依然畫不出一套風(fēng)格統(tǒng)一、兼具實(shí)用性與趣味性的圖標(biāo) —— 要么風(fēng)格雜亂無章，要么細(xì)節(jié)處理粗糙，要么表意模糊。其實(shí)，圖標(biāo)繪制有章可循，掌握 “風(fēng)格定位、統(tǒng)一規(guī)范、造型方法、細(xì)節(jié)優(yōu)化” 四大核心，就能快速上手。本文結(jié)合實(shí)戰(zhàn)經(jīng)驗(yàn)，拆解圖標(biāo)繪制的完整流程，幫你避開常見誤區(qū)，畫出專業(yè)級(jí)圖標(biāo)。

對(duì)于 B 端設(shè)計(jì)師而言，競(jìng)品分析是解決設(shè)計(jì)難題、把握行業(yè)趨勢(shì)的核心工具。但實(shí)際工作中，很多設(shè)計(jì)師都會(huì)陷入 “難試用、術(shù)語多、無結(jié)果” 的困境 —— 要么拿不到競(jìng)品賬號(hào)，要么被專業(yè)術(shù)語繞暈，要么漫無目的地點(diǎn)擊瀏覽，最后只留下 “這個(gè)界面不好看” 的淺層評(píng)價(jià)。其實(shí)，B 端競(jìng)品分析的核心不是復(fù)刻產(chǎn)品功能，而是通過拆解表象、挖掘邏輯，為自身設(shè)計(jì)提供可落地的思路。本文結(jié)合實(shí)戰(zhàn)經(jīng)驗(yàn)，從核心價(jià)值、競(jìng)品分類、分析方法到資源渠道，全方位拆解 B 端設(shè)計(jì)師該如何做好競(jìng)品分析。

本文為「蘭亭妙微」轉(zhuǎn)載并編錄的行業(yè)實(shí)踐經(jīng)驗(yàn)分享。原文圍繞產(chǎn)品設(shè)計(jì)驗(yàn)收的意義、流程與評(píng)估方法展開，并結(jié)合齊治設(shè)計(jì)團(tuán)隊(duì)在網(wǎng)絡(luò)安全產(chǎn)品DSG項(xiàng)目中的實(shí)際案例，系統(tǒng)闡述了如何通過標(biāo)準(zhǔn)化、體系化的驗(yàn)收機(jī)制提升產(chǎn)品體驗(yàn)與業(yè)務(wù)成效。希望能為關(guān)注產(chǎn)品設(shè)計(jì)質(zhì)量與團(tuán)隊(duì)協(xié)作效率的同行提供參考。

一、設(shè)計(jì)驗(yàn)收的價(jià)值何在？

設(shè)計(jì)驗(yàn)收是指設(shè)計(jì)人員按照設(shè)計(jì)方案對(duì)研發(fā)人員的落地內(nèi)容進(jìn)行逐項(xiàng)檢驗(yàn)，理想狀態(tài)下，最終達(dá)成設(shè)計(jì)方案的完全還原。

由此可見，設(shè)計(jì)驗(yàn)收的直接目標(biāo)是保證設(shè)計(jì)還原度。那么設(shè)計(jì)還原度究竟可以為產(chǎn)品帶來些什么？我們假定設(shè)計(jì)方案不存在問題：

• 從需求層面來說，高還原度意味著用戶的功能需求得以滿足
• 從體驗(yàn)層面來說，高還原度意味著用戶的操作體驗(yàn)得以保障

設(shè)計(jì)驗(yàn)收追求每一個(gè)設(shè)計(jì)細(xì)節(jié)的切實(shí)落地，由此帶來的正面效益會(huì)傳遞給用戶更好的產(chǎn)品體驗(yàn)，也進(jìn)一步提升業(yè)務(wù)交付的滿意度。

那么如何在日常工作中高效高質(zhì)地開展設(shè)計(jì)驗(yàn)收、發(fā)揮其價(jià)值，以下是齊治設(shè)計(jì)團(tuán)隊(duì)結(jié)合網(wǎng)安產(chǎn)品DSG項(xiàng)目的驗(yàn)收實(shí)踐給出的答案：

二、驗(yàn)收流程的標(biāo)準(zhǔn)化：四個(gè)階段

規(guī)范工作流程有助于提高驗(yàn)收效率，保障驗(yàn)收質(zhì)量。

在制定設(shè)計(jì)驗(yàn)收流程前，首先思考以下幾個(gè)基本問題——

1. 何時(shí)開始驗(yàn)收？
2. 什么輸出內(nèi)容？
3. 輸出給誰？
4. 是否需要根據(jù)需求體量區(qū)分驗(yàn)收方案？
5. …

最后，我們將設(shè)計(jì)驗(yàn)收拆分為四個(gè)階段，明確以下標(biāo)準(zhǔn)流程用于指導(dǎo)設(shè)計(jì)驗(yàn)證的開展：

1、準(zhǔn)備驗(yàn)收階段

確定設(shè)計(jì)驗(yàn)收的開始時(shí)間、驗(yàn)收環(huán)境以及賬號(hào)密碼是設(shè)計(jì)人員開展設(shè)計(jì)驗(yàn)收的必備條件。

理想狀態(tài)下，設(shè)計(jì)驗(yàn)收的開始時(shí)間應(yīng)該是功能驗(yàn)收基本完成，流程無阻斷性Bug之后，即發(fā)布前的最后2-3輪提測(cè)。但是考慮到具體項(xiàng)目執(zhí)行的變化，本流程建議設(shè)計(jì)人員主動(dòng)向研發(fā)或測(cè)試負(fù)責(zé)人確認(rèn)開始前的條件信息。

2、具體驗(yàn)收階段

通過比對(duì)設(shè)計(jì)方案與落地方案，設(shè)計(jì)人員可以發(fā)現(xiàn)落地方案未還原的內(nèi)容，以及少數(shù)設(shè)計(jì)方案不完善、不合理的地方。然后，為了更好地服務(wù)于問題修復(fù)階段的設(shè)研協(xié)作，設(shè)計(jì)人員需要將這些問題形成驗(yàn)收表，并以在線文檔的形式共享給研發(fā)人員。這樣可以大大減少信息混亂、溝通低效、追溯困難等問題。

3、問題修復(fù)階段

設(shè)計(jì)人員發(fā)現(xiàn)問題并記錄于驗(yàn)收表后，驗(yàn)收就進(jìn)入了最關(guān)鍵的一環(huán)。嚴(yán)格按照“溝通問題-修復(fù)問題-再次驗(yàn)收直至問題被解決”的循環(huán)工作流來消滅問題，有助于切實(shí)提升設(shè)計(jì)落地的還原度。同時(shí)，出于驗(yàn)收質(zhì)量的要求，建議設(shè)定一個(gè)循環(huán)次數(shù)的紅燈值，這是對(duì)設(shè)計(jì)人員與研發(fā)人員雙方的更高要求。

通過DSG項(xiàng)目的執(zhí)行驗(yàn)證，我們發(fā)現(xiàn)「溝通」在這個(gè)階段至關(guān)重要，這包括所有問題的整體澄清以及具體問題的修復(fù)溝通。尤其當(dāng)問題總數(shù)較大時(shí)，設(shè)計(jì)人員與研發(fā)人員之間的充分溝通會(huì)讓問題修復(fù)進(jìn)展得更加順暢、大家的協(xié)作體驗(yàn)也會(huì)更好。

以下兩點(diǎn)可以看作提高協(xié)作效率、推動(dòng)問題修復(fù)的關(guān)鍵任務(wù)：

• 設(shè)計(jì)人員應(yīng)當(dāng)及時(shí)澄清待修復(fù)問題（開始修復(fù)之前）
• 研發(fā)人員應(yīng)當(dāng)快速明確問題修復(fù)的負(fù)責(zé)人員及完成時(shí)間

4、復(fù)盤階段

DSG第一個(gè)上線版本的設(shè)計(jì)驗(yàn)收修復(fù)質(zhì)量不佳，遺留問題過多。為了有效改善這個(gè)情況，版本上線后，設(shè)計(jì)人員組織研發(fā)人員、測(cè)試人員一起進(jìn)行了該期設(shè)計(jì)驗(yàn)收的復(fù)盤會(huì)議。會(huì)議主要圍繞著「明確遺留問題的處置方案」和「反思修復(fù)問題的限制因素」展開。通過復(fù)盤，我們主動(dòng)發(fā)現(xiàn)本次驗(yàn)收過程中的不足之處，并討論未來工作中的優(yōu)化措施。反映到DSG項(xiàng)目來說，二期驗(yàn)收修復(fù)率較一期提升了26.24%。

由于在項(xiàng)目實(shí)踐中顯而易見的顯著效果，復(fù)盤階段也被引入到標(biāo)準(zhǔn)流程當(dāng)來。我們擴(kuò)寬了復(fù)盤的行動(dòng)范圍，首先由設(shè)計(jì)人員進(jìn)行遺留問題的整理以及修復(fù)率等驗(yàn)收數(shù)據(jù)的統(tǒng)計(jì)，然后據(jù)此判斷本次驗(yàn)收質(zhì)量。質(zhì)量較低時(shí)組織全體性的復(fù)盤會(huì)議，明確后續(xù)改進(jìn)方案；質(zhì)量較高時(shí)則以更輕量的方式與項(xiàng)目團(tuán)隊(duì)成員進(jìn)行信息對(duì)齊，如我們目前采用的方式是：具體問題由相關(guān)責(zé)任人及時(shí)溝通；整體驗(yàn)收情況與遺留處置計(jì)劃放到下一期的設(shè)計(jì)澄清會(huì)議上進(jìn)行全體對(duì)齊。

三、驗(yàn)收機(jī)制的體系化：一張表

建立起標(biāo)準(zhǔn)化的設(shè)計(jì)驗(yàn)收流程后，如何進(jìn)一步形成體系化的設(shè)計(jì)驗(yàn)收機(jī)制來指導(dǎo)工作？我認(rèn)為可以是對(duì)工具/手段的探索，如驗(yàn)收結(jié)果的輸出內(nèi)容就是一個(gè)不錯(cuò)的方向。

設(shè)計(jì)人員向研發(fā)人員告知驗(yàn)收結(jié)果的方式可以靈活多樣，但無數(shù)的經(jīng)驗(yàn)告訴我們，當(dāng)問題數(shù)量一多，簡單的口頭溝通或面對(duì)面演示等方式在問題管理、修復(fù)追蹤等方面的缺陷就顯露無疑了。故在本驗(yàn)收機(jī)制下，我們還提供了一個(gè)設(shè)計(jì)驗(yàn)收表的內(nèi)容模版。

這個(gè)驗(yàn)收表采用「設(shè)計(jì)-研發(fā)共同編輯」的協(xié)作模式，畢竟設(shè)計(jì)驗(yàn)收不是一個(gè)人或一個(gè)團(tuán)隊(duì)的事兒，需要設(shè)計(jì)與研發(fā)乃至產(chǎn)品、測(cè)試多方的溝通與努力。

此外，我們目前還未針對(duì)該驗(yàn)收表內(nèi)部分需要細(xì)化的項(xiàng)給出范圍定義與填寫說明，如「問題類型」的囊括范圍、「嚴(yán)重程度」的判斷方式，這都有待后續(xù)完善。

找到一個(gè)可用的工具是第一步，怎么把工具用好則是接下來真正的挑戰(zhàn)。

四、驗(yàn)收效果的量化：一個(gè)數(shù)據(jù)

那么如何度量設(shè)計(jì)驗(yàn)收的效果呢？下圖是我們?cè)贒SG項(xiàng)目中對(duì)驗(yàn)收效果量化所做的探索：

從實(shí)踐中沉淀，我們引入了“修復(fù)率”這個(gè)數(shù)值，他的獲取門檻較低，又直觀反映了問題的存在——

修復(fù)率=修復(fù)問題數(shù)/（驗(yàn)收問題總數(shù)-無法修復(fù)問題數(shù)），其中問題總數(shù)=當(dāng)期發(fā)現(xiàn)問題(新)+遺留問題(舊)；無法修復(fù)問題是指極少數(shù)現(xiàn)階段難以改變的問題，一般多是技術(shù)限制導(dǎo)致的。

隨后，我們可以通過同產(chǎn)品不同期、不同產(chǎn)品同期等對(duì)比方式來分析修復(fù)率，量化設(shè)計(jì)驗(yàn)收；或者結(jié)合更多維度的產(chǎn)品體驗(yàn)數(shù)據(jù)，對(duì)修復(fù)率的數(shù)值范圍進(jìn)行劃界，進(jìn)一步給出設(shè)計(jì)驗(yàn)收?qǐng)?zhí)行效果的通用衡量標(biāo)準(zhǔn)。

當(dāng)然，量化設(shè)計(jì)驗(yàn)收效果，答案或許不止這一個(gè)，我們也將繼續(xù)探索并沉淀。如上文提到的修復(fù)循環(huán)次數(shù)的紅燈值，亦是一個(gè)不錯(cuò)的切入點(diǎn)。

五、合抱之木，生于毫末

當(dāng)然，本文構(gòu)想的設(shè)計(jì)驗(yàn)收機(jī)制仍處于初級(jí)階段，后續(xù)還有很長的路要走。比如以下幾個(gè)初步設(shè)想：

1、通過更多項(xiàng)目機(jī)會(huì)驗(yàn)證該機(jī)制（包括階段設(shè)計(jì)、表設(shè)計(jì)等）的完整性、合理性

2、總結(jié)歸納四個(gè)階段在執(zhí)行過程中的注意事項(xiàng)，形成指導(dǎo)原則

3、定義說明驗(yàn)收表內(nèi)部分使用起來存疑的信息字段

4、探索沉淀更多有價(jià)值的量化數(shù)據(jù)

5、深入考慮當(dāng)前機(jī)制如何充分適應(yīng)不同需求體量下的設(shè)計(jì)驗(yàn)收

為團(tuán)隊(duì)提效，為業(yè)務(wù)賦能，愿我們秉承初心，繼續(xù)探索行之有效的設(shè)計(jì)驗(yàn)收機(jī)制。

轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理

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