92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

首頁

桌面端界面設計 | 如何設計淺色主題 UI

杰睿

如果您曾經嘗試設計輕量級 UI,您就會理解這個悖論:它看起來很簡單,但卻很容易出錯。

增加亮度可能會導致圖像變得平淡、褪色,甚至刺眼。

你以為白色=光。但這就像說糖等于甜點一樣。

憑借 6 年多為 SaaS、移動和商業平臺進行設計的經驗,我了解到淺色主題需要與深色主題一樣多的改進和意向性,甚至更多。

它們在所有環境中都體現了清晰度、對比度、結構性和實用性。

讓我來分解一下。

 

淺色主題背后的心理學
將顯示縮放圖像

輕量級 UI 感覺:

  • 冷靜的
  • 熟悉的
  • 值得信賴

這就是為什么你會在以下地方找到它們:

  • 銀行應用程序
  • 醫療保健儀表板
  • 政府網站
  • SaaS 產品

在生產力應用中,81% 的用戶更喜歡將淺色主題作為默認主題。

人們需要清晰的信息,尤其是在特定場景下。不要讓他們失望。

總是問自己:“這會用在哪里?” 室內、室外還是移動? 這會改變一切。

設計 Light 主題的分步工作流程

1. 從柔軟的中性基底開始

將顯示縮放圖像

避免使用#FFFFFF。認真的。

相反,我選擇中等中性色,如#F4F6F8 或#F9FAFB,它們可以提供微妙的深度并減輕眼睛的疲勞。

在模態框或照片上使用透明白色覆蓋層來創建深度而不反射光線。

2.建立模塊化色彩系統

將顯示縮放圖像

使用語義標記bg-default,例如text-muted,,border-light。這使得主題保持一致且可擴展。

3. 控制對比度(不僅僅是為了可訪問性)

不要止步于 WCAG 兼容性。真正的目標是現實世界的可讀性。

  • 文本對比度至少為 4.5:1
  • 為灰色添加色調以增加溫暖感
  • 使用鮮艷的色彩突出顯示 CTA 和錯誤。

我犯的錯誤:我曾經在儀表盤中使用了符合WCAG標準的灰色文本。雖然在我的屏幕上看起來很棒,但在戶外日光下用戶很難閱讀。

教訓:合規性≠可用性。

4. 限制使用陰影

陰影很棒,但要小心。

  • 使用 1-2 個深度級別
  • 更喜歡柔和的陰影或內嵌陰影
  • 避免使用硬輪廓

5. 反射和陽光的設計

  • 在陽光直射下進行測試(是的,在戶外走走)。
  • 避免使用淺色圖標,因為它們會消失。
  • 使用 400 多種字體粗細。

過亮的設置可能會使屏幕對比度降低多達 40%。請適當調整。

6. 仔細突出交互狀態

在淺色主題中,懸停和焦點等狀態經常被忽略。

  • 使用微妙的陰影、下劃線或發光效果
  • 定義每個狀態:懸停、活動、禁用

專業提示:我總是在灰度模式下測試我的元件庫。如果狀態保持清晰,就說明我做得對。

7.不要忘記品牌個性

一個常見的錯誤:品牌在輕量級 UI 中消失。

反而:

  • 使用品牌顏色來調配背景
  • 使用品牌插圖或圖標
  • 使用字符設置空狀態的樣式

即使在燈光模式下,Notion 的 UI 也保持著自己的個性。

將框架應用于 Figma 社區項目

我通常會使用隨機的 Figma 模板來測試我的設計工作流程。它不僅提升了我的技能,還揭示了通用 UI 的弱點。

設計師常犯的淺色主題錯誤

  • 過度使用空白(可讀性下降)
  • 低對比度+色彩過載=不可讀。
  • 沒有視覺層次。
  • 忽略組件狀態。
  • 在黑色畫布上設計一切會導致判斷偏差。

黃金法則:首先用灰度創建光圖案。添加顏色只是為了提高清晰度,而不是為了定義清晰度。

設計一個令人驚嘆的燈光主題是一門藝術,也是一門科學。

  • 功能勝過花哨。
  • 對比意味著清晰度。
  • 深度應該感覺自然。
  • 始終在現實世界中進行測試!

設計從來都不是孤立完成的。你的燈光主題應該存在于陽光明媚的環境、繁忙的工作站和疲憊的雙眼之中。

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

新的用戶體驗規則:人工智能推薦如何改變設計

杰睿

新的用戶體驗規則:人工智能推薦如何改變設計 — 0001

你知道那種滾動頁面的瞬間嗎?——感覺網站好像已經知道你想要什么了?沒錯,這就是人工智能在幕后運作。如今的用戶體驗設計不再只是按鈕或漂亮的顏色。感覺就像……界面在和你一起思考。有點詭異,也有點酷。

Netflix 的界面、亞馬遜的產品推薦,甚至ChatGPT UI 等工具都展現了人工智能如何改變游戲規則。而且,就連 Plerdy SEO Analyzer 或 Visual Inspector 等 Chrome 擴展程序也加入了這場革命。

為什么這很重要?因為如果你的設計還停留在 2015 年的水平,用戶很快就會跳出。

為什么傳統的用戶體驗規則不再有效

將顯示縮放圖像
新的用戶體驗規則:人工智能推薦如何改變設計 — 0002

說實話——舊的用戶體驗設計已經行不通了。用戶的行為不再像以前那樣。他們不再遵循你漂亮的布局。他們滾動得太快。他們瘋狂點擊。他們像忍者一樣跳過橫幅。你那簡潔的設計?現在都消失了。

我在測試的一家網店里看到了這種情況??雌饋聿诲e。但當我們查看熱力圖時,發現大多數用戶根本沒看過側邊欄。就好像它根本不存在一樣。就在那時,我想——好吧,也許是時候放棄傳統的用戶體驗“規則”了,開始相信人們的實際行為。

靜態設計滿足動態期望

用戶想要快速、智能、響應迅速的用戶界面。但傳統的設計呢?它只是僵硬、靜止,就像沒有遙控器的老電視一樣。你點擊某個按鈕……除非你強制操作,否則什么也不會改變。這才是糟糕的用戶體驗。

您是否注意到:

  • 菜單永遠停留在同一個地方
  • 滾動感覺就像一條漫長而無聊的隧道
  • 橫幅彈出,但沒人看

是的。這就是為什么靜態用戶體驗不再有效。設計必須隨著用戶而動,而不是僅僅停留在外觀上。

預測性用戶體驗的興起

這部分很瘋狂。預測性用戶體驗意味著人工智能會觀察用戶的行為——他們點擊了哪里,跳過了什么——然后自動更改下次訪問的界面。也就是說,你不用再猜測了。人工智能知道。

TikTok?預測性。亞馬遜?也一樣。就連Netflix也會根據你觀看的內容改變圖像。這不是魔法——而是用戶體驗設計中的人工智能。

而且你不需要一個價值數十億美元的團隊。你可以輕松地測試。上周我用了 Plerdy SEO Analyzer,它能告訴我哪些內容塊值得關注,哪些不值得。它甚至還能提供修復元標簽、標題和可讀性的人工智能技巧。這對于我們這樣的用戶體驗人員來說意義重大。

舊用戶體驗關注的是“好看”。新用戶體驗關注的是“反應快”。設計如今充滿活力。如果它不再活躍,你的用戶可能已經流失了。

人工智能在個性化用戶體驗中的作用

將顯示縮放圖像
新的用戶體驗規則:人工智能推薦如何改變設計 — 0003

你有沒有打開一個網站,感覺就像——等等,這個頁面認識我?這不是魔法。這是人工智能在后臺運行,讓用戶體驗比你的晨間播放列表更個性化。而且,這不僅僅是谷歌或Meta的專利?,F在,即使是小型團隊也會使用人工智能工具來針對每一位用戶調整設計。

用戶體驗不再是千篇一律的布局。現在,設計需要做出反應、進行調整,有時甚至在用戶說出之前就能猜測他們想要什么。沒錯,人工智能非常擅長猜測。

去年我幫助過的一家網店就出現了這種情況。我們添加了AI驅動的產品區塊,它會根據用戶之前的操作進行調整。結果如何?短短兩周內,轉化率就提升了21%。這可不是理論,而是真實的數據。所以,如果你的用戶體驗仍然在等待用戶操作,而不是預測用戶行為,那么你可能已經落后了。

以下是推動現代個性化用戶體驗的因素:

  • 行為模式
  • 基于意圖的設計轉變
  • 實時 UI 決策

這不是未來,而是現在。用戶已經對此有所期待。

人工智能實時推薦

它的工作原理如下:用戶點擊一個產品。突然,下一個版塊就變了。不同的推薦、新的橫幅,甚至可能是另一個行動號召 (CTA)。無需重新加載,無需等待。這就是實時個性化。AI 會跟蹤用戶操作并立即更新設計。

我曾與波蘭一家小型電商合作。我們使用了一種工具,可以查看點擊歷史記錄,然后推送“智能區塊”——一些顯示更匹配的小設計元素。用戶在網站上停留的時間更長了。跳出率下降了 15%。這就是人工智能提升用戶體驗的成果。

想想 Dynamic Yield 或 Plerdy SEO Analyzer 這樣的工具——它們能幫你了解哪些內容效果顯著,以及哪些方面可以提升價值。它們不僅僅基于屏幕尺寸,還基于實際操作。這幾乎就像網站現在有了大腦一樣。

相信我,一旦你嘗試過,就不會再回頭了。

自適應布局與響應式設計

現在,不要混淆響應式和自適應——它們聽起來很相似,但本質上并不相同。響應式設計只是根據設備改變布局。平板電腦?更小的按鈕。手機?折疊菜單。僅此而已。

但自適應布局更深入。人工智能會檢查用戶的行為——快速滾動、不點擊、來回滑動——并實時調整設計。它可能會隱藏菜單,或者將浮動按鈕向上推。這就是用戶體驗變得智能的地方。

Netflix 也這么做。如果你經常暫停,他們會把控制鍵移得更近。亞馬遜會根據滾動深度調整產品行。這不是 CSS 媒體查詢,而是 AI 在讀懂你的想法。

沒錯,響應式設計固然很好,但自適應性呢?這才是本能的設計。人工智能讓用戶體驗不僅實用,更令人難忘。

幫助你分析人工智能驅動的用戶體驗的 Chrome 擴展程序

我不太喜歡猜測,尤其是在用戶體驗設計方面。你添加了一些人工智能驅動的區塊,但你不知道用戶是否能看到它?這就是為什么我開始使用 Chrome 擴展程序進行用戶體驗測試。它們不是昂貴的大型工具,而是快速、簡單的插件,可以展示真實的情況。有些我每天都會用,有些則只用于 A/B 測試。但當人工智能擾亂你的布局時,它們結合起來會非常有幫助。

這是我的首選組合:

相信我,當您的用戶體驗由人工智能驅動并且您希望確保用戶不會迷失在“智能”布局中時,這種組合會非常有效。

Plerdy 分析網站— 用戶體驗模式和熱圖

將顯示縮放圖像
新的用戶體驗規則:人工智能推薦如何改變設計 — 0004

在任何重新設計之前,我都會先運行這個工具。即使是在競爭對手的網站上,它也能顯示滾動深度、熱門點擊區域以及沒人觸及的區域。你甚至不需要在他們的網站上安裝任何東西——它就能正常工作。

它幫助我發現,40% 的用戶會跳過一位客戶主頁上的產品橫幅。我們將橫幅位置下移,并修改了 CTA,跳出率下降了。快速簡潔的用戶體驗贏得了勝利。

Lighthouse — 核心用戶體驗指標和可訪問性洞察

將顯示縮放圖像
新的用戶體驗規則:人工智能推薦如何改變設計 — 0005

這個插件內置于 Chrome 瀏覽器內,無需安裝。當我想知道我的設計是否真的有效時,我會使用它——加載速度快、布局無偏移、對比度好、移動端視圖清晰。

有一次,AI 在我工作的主頁上添加了一個漂亮的輪播圖。看起來很漂亮。但 Lighthouse 顯示,它的加載速度降低了 1.6 秒。移動評分也下降了。我們把它移除了。頁面體驗好上百倍。

它還會檢查可訪問性,這是良好用戶體驗的一部分。如果您的字體太小或背景顏色太淡——Lighthouse 會直接告訴您。毫不留情。

Visual Inspector — 實時編輯與協作

將顯示縮放圖像
新的用戶體驗規則:人工智能推薦如何改變設計 — 0006

說實話,當我不想碰代碼的時候,我會用這個。你只需點擊一下,更改顏色,移動一個塊——就搞定了。非常適合演示,或者當客戶說“你能把那個按鈕移開一點嗎?”的時候。

另一個很酷的功能是:你可以添加評論或與團隊分享預覽。它讓反饋更容易,設計也更有趣。當AI做出奇怪的布局,而你需要快速“人工修復”時,這是一個很棒的工具。

Plerdy SEO 分析器— 實時內容和結構審核

將顯示縮放圖像
新的用戶體驗規則:人工智能推薦如何改變設計 — 0007

這個工具簡直是救星。我在一個包含 AI 生成版塊的博客上測試了它。它在幾秒鐘內就幫我完成了一次完整的 SEO 審核。它可以檢查標題、文本可讀性、關鍵詞密度,甚至還能顯示內容中哪些部分比較薄弱。

最棒的是?它能提供真正的 AI 提示。比如,“這個標題太長了”或“這里缺少 H2 按鈕”。所以,當 AI 搞亂了你的頁面結構時,這個擴展程序會準確地告訴你該如何修復。沒有廢話,只有直接的建議,讓用戶體驗更強大。

需要分析人工智能如何影響你的用戶體驗嗎?這些擴展程序不僅能為你展示數字,還能幫助你了解用戶的感受。而這才是真正的設計發生的地方。

A/B 測試 AI 驅動的 UI 決策

將顯示縮放圖像
新的用戶體驗規則:人工智能推薦如何改變設計 — 0007

有時人工智能會給出很酷的想法。但并非所有想法都對真實用戶有益。這聽起來可能顯而易見,但測試人工智能生成的設計是絕對必要的。即使用戶體驗看起來很棒,也并不意味著人們會點擊或滾動。設計需要驗證。用戶體驗需要行為數據。否則,它就只是猜測。

我記得我做過一個測試——我們用人工智能修改了主頁布局。它擁有智能用戶體驗、自適應設計,看起來很新穎。但用戶互動性很差。滾動地圖很冷門。我們把CTA(行動號召)移到了更高的位置,改變了按鈕樣式——A /B測試之后,點擊率躍升了31%。這就是測試的作用。

人工智能雖然強大,但卻無法解讀人類的情感。A/B 測試可以幫助你的用戶體驗匹配真實的用戶,而不僅僅是算法。

從假設到熱圖

假設AI告訴你要更改UI布局。新的結構。新的區塊。聽起來很棒。但你怎么知道這對設計有幫助呢?

測試一下,就這么簡單。我總是從一個小想法開始——比如改變標題順序或移動定價區塊。然后我會用 Plerdy Analyze Websites 來觀察真實用戶的行為。這個工具可以顯示熱圖、滾動深度和點擊次數。它對于測試動態用戶體驗非常方便。

以下是我的做法:

  1. 通過新的用戶體驗創建 AI 變體
  2. 根據實際點擊跟蹤交互模式
  3. 審查每個設計元素的滾動、彈跳和行為

設計的意義不在于看起來有多酷,而在于用戶實際使用的內容。這就是為什么我從來不會在沒有檢查行為數據的情況下發布新的UI。即使是最聰明的AI創意,如果用戶體驗不能與人產生共鳴,也會失敗。

通過內容審核衡量結果

現在讓我們將設計和 SEO 結合起來。因為現代用戶體驗不僅僅關乎布局或按鈕。它還關乎內容的體驗、閱讀方式以及搜索引擎的運作方式。

每次 A/B 測試后,我都會用 Plerdy SEO Analyzer。它會檢查內容是否仍然遵循良好的結構。它會顯示標題是否正確,關鍵詞是否仍然有效,以及 AI 是否改寫了某些錯誤的內容。有一次,AI 把 H2 改成了一個笑話——流量就下降了。一點也不好笑。

分析器幾分鐘內就幫我解決了問題。我再次調整了設計。用戶體驗變得更簡潔了。SEO流量也回來了。

所以,沒錯——用AI來改進UI和設計,但千萬別跳過測試。沒有測試的UX是沒有未來的。

用戶體驗的未來是人工智能

將顯示縮放圖像
新的用戶體驗規則:人工智能推薦如何改變設計 — 0008

用戶體驗不再僅僅依靠人工智能。用戶體驗正在成為人工智能。這是事實。而且,這并非科幻故事。它已經存在。你瀏覽TikTok——這就是人工智能驅動的用戶體驗。你在亞馬遜上購物——整個產品頁面都會根據你過去的行為進行調整。設計不再是一成不變的。它變得智能、靈活,當然,還有點令人毛骨悚然。但這是一種好的方面。

我相信這不是一種“趨勢”。這是新的基礎。沒有人工智能的用戶體驗會讓人感覺陳舊、緩慢、愚蠢。而且用戶不會等待。如果你的設計不能理解用戶的想法,他們兩秒后就會離開。

我們不能再把人工智能僅僅視為一個插件了。它是界面的新大腦。它控制著設計如何運作,用戶如何移動,以及他們看到什么。如果你還沒有這樣想過……那么,是時候開始了。

從AI支持的用戶體驗到AI創建的用戶體驗

最瘋狂的部分來了。以前,AI 只是在內容方面提供幫助,比如提供一些文字和一些布局建議?,F在,它構建了整個用戶體驗,包括結構、按鈕、哪些內容先顯示、哪些內容會消失——所有的一切。像 Galileo AI 或 Uizard 這樣的 AI 工具可以在幾分鐘內創建完整的界面模型,真正的原型。你只需要給出一個簡短的提示。

即使是像 Booking.com 這樣的大型公司,也使用 AI 來設計和運行數千個 UI 測試,無需人工干預。這并非為了節省時間,而是為了更智能的用戶體驗。更快的決策,更優的結果。

有些設計師感到害怕。我理解。但你知道嗎?如果人工智能能讓用戶體驗更簡潔,設計更實用——我完全支持。

成為 AI 優先設計師

你不需要成為一名程序員,也不需要構建自己的模型。但你需要改變思維。別再問:“我該如何在這里添加人工智能?” 而是要問:“如果從一開始就由人工智能掌控,設計會是什么樣子?”

從您熟悉的工具入手。使用 Plerdy SEO Analyzer 檢查 AI 如何影響內容結構。在 Plerdy Analyze Websites 中試用熱圖,看看哪些方法有效。多考慮用戶行為,少考慮固定的網格。

AI優先的思維模式意味著:你的設計會生存、學習并適應。這才是真正的用戶體驗。

結論

如果你仍然認為人工智能只是一種趨勢,那你就錯過了全局。人工智能并非要扼殺用戶體驗設計,而是要大力推動它的發展。它就像渦輪增壓模式一樣。你,設計師,仍然是規則的制定者。但現在,人工智能可以幫助你打破那些枯燥乏味的規則。像 Plerdy、Uizard甚至Figma AI 這樣的工具,它們并非取代技能,而是加速了創造奇跡。所以,不要抗拒,要利用它。在用戶點擊離開之前,提升你的用戶體驗。

 

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

B端界面設計入門:不僅是界面,更是效率工具

杰睿

 

在數字產品設計中,B端設計(即面向企業或專業用戶的后臺系統設計)常常被誤解為“只要能用就行”,但事實正好相反:

B端界面不僅是操作入口,更是提升工作效率的工具。

本篇文章將幫助你快速理解 B端界面設計的核心價值、與C端設計的區別、設計難點以及實操建議,適合 UI/UX 初學者或轉向B端設計的產品團隊參考。


一、B端是什么?和C端有何不同?

項目 B端(Business) C端(Consumer)
用戶 企業員工、內部操作人員 普通消費者、終端用戶
目標 提升效率、流程準確 吸引關注、促成轉化
場景 工作、管理、系統維護 生活、娛樂、社交購物
界面特點 信息密集、操作復雜 視覺豐富、體驗流暢

你可以理解為:
B端系統是企業用來“做事”的工具,而C端產品是用戶用來“體驗”的服務。


二、B端設計的核心特點

1. 多角色、多權限、多流程

一個后臺系統往往需要服務多個角色:運營、客服、財務、倉庫……每個角色的權限、數據視角都不一樣,這對信息架構提出更高要求。

2. 信息密度高

B端界面常常需要同時呈現大量數據,表格、篩選器、圖表、狀態標識等密集排列,如果布局不清晰、信息層級混亂,用戶就很難找到重點。

3. 操作鏈條長

與C端的“點一下完成購買”不同,B端用戶可能需要多次輸入、校驗、關聯操作才能完成一次任務。例如:開票流程、商品發布、審批流程等。

4. 容錯與反饋機制嚴格

一旦數據錄入錯誤,可能會影響整個業務鏈條。因此B端對「防誤操作、明確反饋、回滾機制」的設計要求更高。

 

三、B端設計容易踩的坑

? 為了炫酷而犧牲效率

不要盲目追求“高級感動畫”或“極簡留白”,B端最重要的是信息清晰、操作順暢。

? 濫用組件,缺乏一致性

組件不統一、命名混亂、交互模式不一致,會讓用戶在操作過程中反復“學習”,增加認知負擔。

? 忽視使用場景和業務流程

不了解業務就上手畫界面,很容易導致“設計和工作方式不匹配”,讓用戶繞路甚至誤操作。


四、那該怎么做好B端界面設計?

? 建立模塊化思維:用組件思考界面

將界面拆解成基礎組件(輸入框、按鈕、表格、篩選器)、復合組件(搜索條、操作區、數據卡片)以及業務組件(商品卡、審批單等)。

? 重視信息架構(IA)和任務流

  • 理清用戶的使用目標和路徑(從操作起點到完成)

  • 通過布局設計和交互層級,引導用戶一步步完成任務

? 提高信息的可讀性和掃描效率

  • 統一字體層級(例如標題 14px Bold,內容 12px Regular)

  • 合理使用顏色傳遞狀態,如:綠色=成功,紅色=失敗,灰色=禁用

? 加強容錯機制與反饋設計

  • 設計“撤銷、二次確認、狀態回顯”等操作緩沖

  • 保留日志、操作記錄,避免錯誤無法回溯


五、設計工具推薦(針對B端)

  • Ant Design / Element Plus / Arco Design:成熟的 B端組件庫

  • Figma / Sketch:快速搭建組件庫和 UI 頁面

  • ProcessOn / Flowchart.com:可視化流程圖繪制工具

  • Axure / Framer:原型交互演示


好的B端設計,是讓人“更省事”的設計

B端界面不追求視覺花哨,它的美感來自:

  • 流程的清晰

  • 信息的有序

  • 操作的高效

  • 問題的可控

它不是“酷炫的舞臺”,而是一張讓用戶快速處理業務的“辦公桌”。

 

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

平臺基礎的B端流程搭建|產品分析

杰睿

公司平臺的B端流程中,發現原來平臺規范有這么多細節要注意,包括上架、維運、客服、下架、匯款、結案等,每個部分都是平臺運營關系,但也牽涉到客戶維護、消費者關系。

這個有點像新平臺的心路歷程,賽道管理一個平臺,初學者會需要建議哪些文件規范。

一、上線前

先用大家比較常見的案例:「活動通」、「好學?!?,因為我們的模式跟他們比較接近。

想像一個活動主辦單位第一次在上面舉辦的活動中,會先遇到什么問題:

  1. 如何開通主辦單位權限?
  2. 一份活動門票的手續費如何計算?
  3. 如何開始建立活動?

以下的問題看起來很簡單,但確實都是新手可能會遇到的問題,而平臺規范有一個大任務:

「讓 B 端簡單的問題可以快速找到答案」

迫切減少時間在回覆基本問題上,因為必須把更多的時間花在大客戶身上,而身為臺灣最大的活動平臺,這類常見問題當然都準備好了:

將顯示縮放圖像

活動通甚至有部落格,已經放出了各種式的活動教學文,不再是制式的QA。

將顯示縮放圖像

拉回到我現在參與的新平臺,看到上述的都要從0開始建立,必須是針對先導新手的教學文件,或者是較惡劣的經驗分享文章,都需要大量的文字寫作能力。

因此可以想像的到,當聽到別人說要建立一個平臺,除了考量到雙邊的客戶來源,接著就是所有規范的建立,想像一個陌生人第一次接觸陌生平臺,勢必要準備足夠詳細的教學文件、常見問題集,絕對不僅僅是后臺程序碼寫完就。

二、上線中

再以活動為例,假設我們現在活動已經上線,主辦單位通常會遇到哪些問題呢?

  1. 編輯頁面的位置有bug,圖片上傳失敗,文字存儲失???
  2. 想要調整價格或數量,但不知道怎么調整?
  3. 要怎么出現在活動通首頁?
  4. 如何查看現在的報名信息?

接下來的問題乍一看很簡單,也確實新手都可能會遇到的問題,但其實平臺在這個期間會收到C端更多的消息,相當于:

  1. 要怎么退票?
  2. 可以換票嗎?

因此金字塔的任務變成了:

「讓C端消費者去詢問該場次的B端客服」

由于平臺的客服量非常巨大,我們很難承擔,雖然都會建立常見的問題集,但遇到很簡單、處理繁瑣的問題,也只能走最簡單的方式,因此以目前新平臺的處理方式,我們面對消費者的訂單文件問題,都會直接傳B端的聯絡信箱給,繼后續連續來回溝通的時間,而接下來就能用多的時間建立更完整的QA。

三、結束后

一個活動結束,通常是一個問題:

  1. 多久才能收到款項?

而身為平臺方,大會的任務我認為是:

「讓B端客戶滿意本次的服務,并再次愿意來平臺上架」

有些人可能覺得這跟前面的說法矛盾,如果減少與B端客戶交流,那要怎么讓他們感受到「服務良好」呢?

我在構想這件事時,會用「乘客旅程地圖用戶旅程」來發想,意思是客戶跑完整流程遇到所有卡關,平臺方如何用「系統」的方式來解決,但同時又讓對方感到「客制」?

以目前的方式我們實現的是「真理的文字」,有些平臺的常見問題集可能是制作冷冰冰,很文字化的答案,我們近期正在修改每一個答案,都變成好像我當面說話的口吻,也是一樣的概念。

雖然有公版信,但我們也在修改公版信的「溫度」,讓收到的人不會覺得他是收到機器自動回復的

 

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

【蘭亭妙微圖標設計】為什么視覺大小和實際大小不相同?如何做到視覺統一?

杰睿


26082bb9-3b33-4e00-b4c1-4c60727d6087.png
在 UI 設計和圖標開發中,我們常常遇到一個讓人困惑的問題:
明明兩個圖標尺寸一樣,為什么看起來一個大一個小?
這就是「視覺大小」和「實際大小」不一致所引發的經典設計挑戰。
 這篇文章將帶你了解其中的原理,并分享一些實操方法,幫你設計出視覺協調、統一專業的圖標。

---
一、為什么視覺大小 ≠ 實際大?。?br>在設計中,「實際大小」是指圖標在畫布上的像素尺寸,而「視覺大小」是指人眼感知到的圖形體積或重量感。這兩者之所以不一致,主要有以下幾個原因:
1. 圖形形狀對視覺感知的影響
不同形狀對人眼的“占據感”不同:
- 圓形、橢圓形:邊界柔和,看起來比實際尺寸?。?br>- 尖角圖形:具有延伸感,看起來更“張揚”;
- 封閉 vs. 開放圖形:封閉圖形更“緊湊”,視覺重心靠內;開放圖形更“輕”,容易被忽視。
舉例說明:一個 24x24 的正方形圖標和一個 24x24 的圓形圖標放在一起,圓形常常顯得更小。
2. 視覺重心偏移
圖標的視覺重心不是幾何中心:
- 有些圖標上方留白較多,若嚴格居中,整體會顯得“偏下”;
- 有些圖標線條向一側偏移,也會影響視覺穩定性。
3. 顏色、線條粗細的錯覺
- 顏色明亮的圖標通??雌饋砀螅?br>- 線條較細的圖標會顯得“輕”或“空”;
- 相同尺寸下,深色圖標比淺色圖標更具“存在感”。

---
二、如何實現圖標的視覺統一?
4. 關注“視覺等值”而非“尺寸一致”
優秀的圖標設計不會追求數值上完全一致,而是讓圖標“看起來”一樣大。這就需要設計師具備一定的視覺判斷力和對比經驗。
5. 使用統一的對齊原則
- 每個圖標放在相同的畫布尺寸(如 24×24、48×48)中;
- 保證主圖形部分在視覺上居中,而非僅僅坐標居中;
- 調整視覺重心,讓圖標看起來平衡、不傾斜。
6. 使用光學微調
所謂「光學對齊」,就是打破機械對齊規則,讓視覺更舒服:
暫時無法在飛書文檔外展示此內容
7. 放在真實場景中預覽
設計圖標時,建議不要孤立操作,而是:
- 放入實際使用場景(如按鈕、導航欄);
- 對比多個圖標在一組中是否協調;
- 測試在不同設備分辨率下的適配情況。

---
三、圖標設計實操建議
以下是一些日常圖標設計中實用的技巧和判斷標準:
暫時無法在飛書文檔外展示此內容

視覺大小與實際大小的偏差,是每一位圖標設計師都會經歷的學習過程。
 真正優秀的設計不是追求數值一致,而是注重 用戶感受的和諧統一。
圖標設計的細節感,往往藏在你“感覺不舒服但又說不出哪里不對”的那一刻。
理解視覺感知,訓練視覺判斷力,才是做出專業、協調圖標系統的關鍵。

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

超越旅程地圖:AI UX 中的控制設計

杰睿

UX AI 設計工具包圖示
羅布·查佩爾(Rob Chappell)插畫

多年來,用戶體驗團隊一直依賴用戶旅程地圖(一種標準的設計思維工具)來可視化和傳達用戶的意圖、行為和流程。我們繪制了用戶在各個界面步驟中的目標和情感,追蹤了從發現到轉化或任務完成的路徑。這些地圖假設用戶旅程的進展基本呈線性:一系列可見的屏幕、結構化的任務以及用戶做出的深思熟慮的選擇。

但在人工智能驅動的系統中,這些假設開始瓦解。步驟變得不可見。目標在過程中不斷演變。系統不再等待命令——它會推斷、提出建議,甚至采取行動。隨著人工智能承擔起更多責任,我們熟悉的用戶流程架構開始瓦解。我們曾經稱之為“旅程”的東西開始變得更像一場對話,或者更準確地說,一場談判。

傳統的旅程地圖假設流程固定——逐步完成的任務、靜態屏幕和清晰的用戶意圖。但在由人工智能驅動的體驗中,例如 ChatGPT、Google Gemini 或 GitHub Copilot:座席會主動完成任務(有時是隱形的),并且控制權會來回傳遞??紤]以下人工智能操作:

  • 寫作助手會在您輸入時完成您的句子。
  • 設計工具根據定義不明確的指令應用更改。
  • 瀏覽器助手可以總結網頁、建議下一步行動并跨域采取行動。

在每種情況下,系統都會參與意義建構和決策。這些體驗構成了一個相互影響的循環。針對這種新現實進行設計需要新的框架——用戶體驗模型,它超越了用戶逐步完成任務的模式,而是考慮了人機之間動態的、共享的控制。

隨著人工智能系統功能日益強大,我們作為體驗設計師的工作也發生了變化。這不僅僅關乎流程、組件或優化。這意味著我們需要根據控制感知用戶體驗的原則進行設計:

  1. 意圖框架:如何建議行動?幫助用戶設定模糊的目標。
  2. 清晰地預覽AI計劃: AI正在做什么?為什么?在行動之前展示系統將做什么
  3. 可操控性:我可以改變路徑嗎?讓用戶在任務中調整AI行為。
  4. 可逆性:我可以撤銷剛剛發生的事情嗎?提供清晰的撤銷和覆蓋選項。
  5. 透明度和一致性:這個系統會尊重我的時間、我的目標和我的監督嗎?分享系統推理。

這關乎塑造人與自主運作系統之間的關系。這種關系只有在清晰易懂、可操控且以人為本的基礎上才能有效運作。

管理控制平衡

自主性滑塊的圖示
Andrej Karpathy 的“自主滑塊”概念——Rob Chappell 的插圖

在 Y Combinator 的 AI 創業學校的演講軟件正在(再次)改變中,特斯拉前 AI 主管、應用 AI 領域最具影響力的人物之一 Andrej Karpathy 將軟件設計的這種轉變描述為從確定性、代碼驅動系統向新范式的過渡:界面是自然語言,程序就是提示本身。

正如 Karpathy 所說,“你的提示現在是編寫 LLM 的程序。”但與命令或表單輸入不同,提示會啟動一個概率性的解釋過程,其中模型推斷意圖和上下文,而不是執行固定的操作。

Andrej Karpathy 主題演講截圖
Andrej Karpathy 在舊金山 AI 創業學校發表主題演講 — youtu.be/LCEmiRjPEtQ

Karpathy 提出了“自主性滑塊”的概念——一種交互范圍,從完全用戶控制到完全 AI 自主。它并非簡單的開關,而是一個動態、流暢的尺度,會在整個會話過程中不斷變化。有時由用戶主導,有時由 AI 模型提出建議或采取行動。通常情況下,它們會反復切換角色。這是一種時時刻刻的控制權權衡。

Karpathy 闡述了人類與人工智能之間互動的兩種基本模式:

1. 人機交互(指令模式)

  • 人類給出詳細、明確的命令
  • AI 模型根據這些指令執行
  • 思考:快速工程、表單填寫、手動配置
  • 用戶體驗重點:輸入清晰度和腳手架、結構化指導

2. 模型即駕駛員(自動駕駛模式)

  • 人類給出了一個高層次的目標
  • 該模型計劃、決定、迭代和選擇
  • 思考:“寫一份簡介草稿”、“為我開發一個應用程序”、“我還缺少什么?”
  • 用戶體驗重點:可解釋性、監督和覆蓋控制、信任信號

這兩種模式存在于動態張力之中,而非二元對立。用戶和AI代理流暢地來回切換控制權。Karpathy的框架向我們展示了真正的用戶體驗挑戰并非對話與界面的對立,而是為共同代理而設計。

你肯定不想只用文本與操作系統(LLM)對話。文本閱讀、解讀和理解起來非常困難……圖形用戶界面 (GUI) 可以幫助人類審核這些易出錯的系統的工作,并提高運行速度。—— Andrej Karpathy,軟件正在(再次)改變

看完 Karpathy 的演講后,我一直在思考“自主滑塊”——用戶選擇將多少控制權交給 AI 的想法。但這并不總是指完全自主,比如 AI 編寫代碼和提交拉取請求。有時,它涉及一些更微妙的事情:你給系統多大的空間來解讀你的意圖。

我從Adobe Firefly測試版就開始用了,主要用來構思視覺概念和探索風格方向。Firefly 的滑塊控件并非虛構的,而是內置在界面中的。

Adobe Firefly 視覺強度滑塊運行截圖
Adobe Firefly 實際操作示例——用戶調整模型的創意控制,調整視覺強度水平

Firefly 為我提供了調節控制的工具,而不僅僅是提交輸入。提示字段并非整個界面,它只是更大控制界面的一部分。它周圍有一些滑塊——例如“視覺強度”“風格強度”——它們充當實時刻度盤,用于控制我賦予模型的自主權。當我降低強度時,我在發出信號:緊跟提示,保持文字表達。當我提高強度時,我在邀請讀者進行解讀,讓模型自由發揮創意。

實際上,我選擇賦予AI多少自主權。這關乎塑造作者身份的平衡。系統成為了合作者,而滑塊則成為一種看得見摸得著的管理合作關系的方式。

用戶體驗也在再次發生變化

交互的未來不僅僅是引導用戶順利地從A點到達B點,更是設計人與模型之間的關系。這種轉變需要一種全新的用戶體驗思維,將人機交互狀態視為核心設計維度,而非邊緣情況。這種變化已引起廣泛關注。業內的用戶體驗領導者正在提出以人為本的全新方法,利用智能系統進行設計,并圍繞智能系統進行設計。

在 UX Matters 的文章超越炒作:以人為本的 AI 走向現實中,設計加速器 Punchcut 的聯合創始人 Ken Olewiler 對當前的 AI 格局提出了尖銳的批評,警告稱不應在缺乏實際用戶價值的情況下倉促采用生成式 AI。盡管許多組織正在進行試驗,但他指出,很少有組織能夠從概念驗證階段邁向可衡量的投資回報率——他將這一差距歸因于炒作驅動的決策和缺乏以人為本的框架。

避免試圖在客戶生命周期的每個階段都全面集成人工智能自動化。要更有選擇性,在人工智能能夠帶來最大價值的地方進行集成。提供能夠實現協作式用戶控制的人工智能功能,為用戶保留有意義的自主權。——Punchcut 聯合創始人 Ken Olewiler

Olewiler 呼吁重新思考自主性。盡管人工智能領域的主流敘事傾向于推崇完全自動化,但他團隊的用戶研究發現,用戶更喜歡共享控制。他建議創建自主性地圖,以可視化的方式展現人機交互在整個體驗中的轉換點——類似于服務藍圖等系統設計工具,但更側重于控制。這些地圖可以幫助團隊在設計時實現協同自主,而不是交接或黑箱自動化。

BCG 的 Matt Scharpnick 的文章“生成式人工智能的用戶體驗設計:平衡用戶控制和自動化”呼應了 Olewiler 強調的平衡用戶代理和人工智能自動化,強調了用戶體驗需要在靈感和精確之間找到平衡。

用模型引導用戶得出精確結果可能會令人沮喪。我們仍處于 GenAI 的早期階段,還有很大的創新空間——尤其是在設計允許用戶精準輸入偏好的界面方面。—— BCG 副總監 Matt Scharpnick

Scharpnick 認為,生成式用戶體驗的未來在于設計出一種界面,讓用戶能夠精準地“操控”他們想要的價值和控制,同時又不扼殺生成式模型的創造潛力。這與 Olewiler 對自主地圖和共享能動性的呼吁相呼應,凸顯了用戶體驗的更廣泛轉變:我們必須設計出既能激發驚喜,又能支持專業級精準度的系統。

繪制控制流:我們可以從 OESD 中學到什么

操作員事件序列圖 (OESD)是一種形式化模型,用于直觀地展現控制權在人類操作員和自動化系統之間隨時間推移的切換。OESD 是在航空航天、自動駕駛汽車和工業機器人等安全關鍵領域開發的,它可以幫助工程師定義每個操作的負責人、觸發控制權交接的因素以及系統在出現問題時如何響應。

這些圖表通常包含兩條或多條“泳道”——一條供人使用,一條供機器使用——并繪制出一系列動作、決策和交接點。它們不僅旨在捕捉行為,還旨在在復雜、高風險的環境中強制執行明確的責任制和可恢復性。

OESD示例:

在自動駕駛汽車的遠程操作中,研究人員使用 OESD 來模擬遠程人類何時應該介入——從被動監控到主動駕駛——這取決于車輛的信心和環境。

操作符事件序列圖示例
Stanton NA 等人,(2021)。使用操作員事件序列圖建模自動化與人類駕駛員的交接。未來交通,1 (2),351–369。https ://doi.org/10.3390/futuretransp1020020(開放獲?。?/span>

在農業機器人領域,OESD 幫助研究人員編排共享控制任務,例如讓人類標記要收獲的水果,而機器人負責物理切割。

操作符事件序列圖示例
Salzer Y 等人,(2023)。集成功能分配和操作事件序列圖以支持人機協作:機器人數據細化系統案例研究。《認知工程與決策雜志》18 (1),52–68。https ://doi.org/10.1177/15553434231199727(開放獲取)

這些模型為我們提供了一種語言,將控制描述為人與系統之間的時間序列。它們已被證明在需要明確權限和故障保護的領域非常有效。作為用戶體驗設計師,我們可以在面對新挑戰時改進控制序列圖:設計不僅要考慮控制權的交接,還要考慮人與人工智能系統之間流暢的協同作用。作為用戶體驗設計師,我們可以在面臨新挑戰時改進控制序列圖:不僅要設計控制交接,還要設計人與人工智能系統之間的流暢協作。

從旅程地圖到控制地圖

人工智能系統正在改變數字交互的結構。傳統軟件需要等待用戶輸入,而現代人工智能工具則能夠推斷、建議并采取行動。這徹底改變了用戶體驗或產品的控制方式,并挑戰了當代用戶體驗方法中的許多假設。

在用戶體驗旅程圖中,核心問題是:

“用戶想要做什么?”

對于控制映射人工智能系統,核心問題變成:

“此刻誰在掌控局勢?局勢將如何轉變?”

設計師需要更好的方法來追蹤控制權是如何發起、共享和交還的——不僅關注用戶看到什么或做了什么,還要關注人類和人工智能系統之間如何實時協商代理。

我們可以將類似 OESD 的思維方式應用于更廣泛的 AI 用戶體驗。用戶-AI 控制映射可能更多地關乎一種思維模式,而非靜態圖表——設計一個既能行動又能傾聽的系統。關鍵考慮因素:

  • 誰在控制——用戶、AI 或兩者
  • 控制權何時以及為何發生轉移——作為時刻或循環
  • 界面如何支持這些轉換——遵循控制感知用戶體驗原則所需的可供性

為了評估這些動力是否有效,我們需要新的指標——能夠捕捉合作質量而不僅僅是完成度的指標。

用戶人工智能控制和質量指標概念圖
用戶-AI 控制和質量指標概念 — 插圖:Rob Chappell

轉彎效率和意圖準確度等質量指標不僅僅是診斷依據,更是在人工智能設計中實現信任、協調和控制的一種方式。其目標是確保清晰性、適應性和以人為本的成果,即使控制權隨時都在轉移。

環境人工智能系統提高了風險

環境智能 (AmI) 指的是配備嵌入式傳感器的環境,這些傳感器能夠主動且不引人注目地為用戶提供支持——適應環境、識別行為模式,并在無需明確指令的情況下預測需求。這一愿景涵蓋了從調節燈光的智能房間到能夠理解語音提示的語音助手,以及如今嵌入在我們數字產品中的環境人工智能服務。

  • 無需提示即可閱讀上下文
  • 提出行動而不是等待
  • 自主行動,然后退卻

環境人工智能為數字體驗設計開辟了新領域。

在2025 年 Google I/O 開發者大會上,環境 AI 的轉型以 Project Astra 的形式展現。該項目的多模態助手被嵌入到配備攝像頭和音頻輸入的智能手機中。Google 的 AI 助手將實時感知環境、識別物體并解讀口語。它代表著我們邁向情境感知、具身化 AI 的未來:這些系統無需等待提示,而是主動觀察、解讀并提供幫助,并嵌入到我們現有的空間和工具中。

值得注意的是,谷歌宣布Gemini 將直接集成到 Chrome 瀏覽器中,這意味著谷歌正在將 AI 從一項獨立的功能轉變為一個無處不在的層。從這個意義上講,瀏覽器曾經只是網站的被動容器,如今卻成為了一個主動的協作者:讀取上下文、建議操作并跨領域解釋任務。AI 助手無需等待用戶打開——它就在那里,感知用戶的實時上下文并隨時準備參與。

谷歌的立場越來越明確:擁有跨域 AI 層。這不是一個小眾的邊緣案例,而是一個主流的競爭態勢,因為 Chrome 不僅僅是一個瀏覽器。它是全球用戶的默認界面,控制著超過 60% 的瀏覽器市場。它的優勢——“護城河”——不僅在于模型性能,還在于跨標簽、應用和會話的上下文連續性。瀏覽器向對話式發展的這種演變,為在自己的平臺內構建 AI 助手的產品和用戶體驗團隊提出了一系列緊迫的問題。如果 Gemini 已經存在于 Chrome 中,那么特定領域的助手還會扮演什么角色?用戶會更喜歡針對單個品牌或任務量身定制的網站嵌入式 AI 代理嗎?或者,主流的網絡模式是否會Gemini 而構建——確保兼容性、清晰度和信任度,而 AI 已經在瀏覽器級別與用戶并肩作戰?

Gemini 在 Chrome 中的截圖
Google I/O 2025 大會上宣布 Chrome 瀏覽器 Gemini 將通過人工智能助手重塑瀏覽器 — 截圖來自https://www.google.com/chrome/ai-innovations/

這不僅僅是一種新的交互模式,更是一種新的存在模式,人工智能系統將占據用戶數字環境的整個界面。這種演變不僅重塑了交互模式,也重塑了我們對數字產品的期望。它重新提出了一些遠遠超出技術用戶體驗范疇的根本性問題。正是在這里,像喬納森·艾維這樣一位蘋果最具標志性產品背后的極具影響力的設計師,也加入了討論。

Stripe Sessions 2025上,Jony Ive 罕見地就設計工藝以及我們作為創造者的責任進行了一次對話。他強調,偉大的產品并非僅僅基于新穎性或巧妙性——它們源于深切的關懷、清晰的意圖和克制。Ive 強調,我們有責任創造出一種不需要更多關注,而是回饋部分關注的技術。他呼吁產品能夠認識到用戶“能夠感知關懷”——這種理念與將 AI 設計為一種新型協作者而非生產力工具的理念相呼應。

設計師 Jony Ive 爵士與 Stripe 首席執行官 Patrick Collison 在 Stripe Sessions 上進行爐邊談話:https://youtu.be/wLb9g_8r-mE

未來的工作:精心設計人工智能系統

在人工智能驅動的體驗世界中,用戶和模型共同創造成果。正如喬納森·艾維提醒我們的那樣,我們需要從根本上建立信任和關懷,而不僅僅是停留在表面。這些體驗的成功將不再取決于系統的速度或智能程度,而更多地取決于它如何有效地共享控制權。隨著人工智能工具的演進,控制設計將成為信任設計。

信任并非通過隱藏復雜性來贏得,而是通過使復雜性易于駕馭而建立。行動的系統也必須解釋。提出建議的系統必須接受批評。記憶的系統必須披露記憶的內容及其原因。

動態控制設計意味著將界面視為一種關系,而不是一種工具。人際關系需要清晰的思路、積極的響應以及說“不”的能力。我們構建的系統將越來越多地為我們采取行動。問題在于,我們設計這些系統時,是否做到了在行動的同時認真傾聽。

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

人工智能不會消滅用戶體驗——我們才會

杰睿

圖片使用 ChatGPT 生成,并經過 Photoshop 編輯。圖片來源:ChatGPT、Kym Primrose。

不久之前,我還堅信我的工作不會被人工智能所左右。雖然我現在仍然大體上相信這一點,但人們爭相采用人工智能解決方案的速度之快令人擔憂,這讓我開始懷疑。我不能責怪他們;人工智能解決方案快速、一致,而且從表面上看,通常都很有吸引力。我很樂意將人工智能融入我的工作流程中(我已經這樣做了),但我并不認同人工智能應該處于創作過程的中心這一觀點。它無法創造;它只能復制——麻省理工學院領導的一系列實驗強調了生成性人工智能依賴于模式而不是新穎的思維。雖然這種復制效果越來越好,但它仍然依賴于已經完成的工作。正是這一部分被忽視了;世界只看到了快速、可接受的解決方案,而這正是讓我擔心的部分。

幾十年來,我們在用戶體驗領域一直宣揚同理心、共同創造以及理解用戶個體的重要性。然而,在實踐中,這些原則仍然與緊迫的時間表和狹隘的“可用”定義相沖突。正如 Adyanth Natarajan 所說,無障礙設計方面的失敗反映出用戶體驗行業仍然主要面向一小部分人群。同樣,Andrew Tipp 認為,雖然包容性設計至關重要,但預算和時間壓力往往會削弱它。

盡管人們竭盡全力強調包容性設計如果得到妥善實施將帶來多么大的益處,但這些領域在開發過程中仍然嚴重缺乏重視。這個行業講究時間和金錢;當廉價而粗糙的解決方案唾手可得時,它根本無法承擔真正的用戶體驗設計的沉迷。人工智能提供了這樣的解決方案。但是,我們越是將設計任務交給那些從聚合數據和歷史模式中學習的系統,我們就越有可能將一切標準化。如果我們現在還沒有找到關鍵的答案,那么將創意流程交給人工智能系統并不能神奇地解鎖它。包容性設計成為基準標準的夢想變得更加遙不可及。誠然,我們獲得了效率,但代價是什么呢?

雖然本文的重點在于AI如何將創造力從設計流程中剔除,但我們必須承認,這種觀點本身并不新鮮。Alterio 、SeoHurst等人都探討過UX /UI設計中創造力的扼殺問題,盡管他們并未提及AI的介入。

我們今天所說的“設計”有多少是真正原創的?

擺在桌面上的是:我們大多數人的工作都受到相當嚴格的限制。由于無障礙指南、設計系統、素材庫和社區 Figma 文件的存在,許多創意意圖被剝奪了。我們所做的只是將點連接起來——而這基本上就是所有人工智能解決方案都在做的事情。它們從相同的資源中提取數據,并基于相同的設計系統和無障礙規則將點連接起來。那么,這真的是一件壞事嗎?

將顯示縮放圖像
Figma 社區 UI 工具包截圖。圖片來源:Figma

對我來說,答案取決于兩點。首先,使用這些工具的人是否真的受過培訓,了解它們的工作原理?他們是否知道如何設計提示來減輕偏見而不是加劇偏見?即使他們不知道,雇傭這些工具的人真的在乎嗎?其次,我們節省下來的時間是否真的被重新投入到探索性思考中?投入到研究、實驗和面向未來的想法中?

如果是,那很好;但如果不是,我們就有可能為了追求進步的幻覺而犧牲自己的創造力。任何真正的設計師都不應該愿意接受這種交易。如果我們要把所有這些耗時、繁瑣、零散的工作都交給機器,我們的大腦還有什么更好的用途呢?

人工智能作為復制者,而非發起者

說實話:人工智能并不具備創造力。真的不。它只是一種非常逼真的模仿者。它接受過已經構建、發布和批準的事物的訓練。這意味著它建立在已經成功的想法之上,而這些想法并不總是最好的,只是最容易被接受或最引人注目的。

它所回收的不僅僅是設計模式和配色方案,還有偏見、規范和文化假設。如果數據集存在偏差,輸出結果也會如此。我們在Buolamwini 和 Gebru 于 2018 年發表的《性別陰影》等研究中就看到了這一點,其中商業 AI 工具對深色皮膚女性的性別判斷錯誤,錯誤率高達 34.7%。此類研究表明,使用從互聯網和企業來源收集的數據集的商業 AI 系統往往會復制并放大現有的社會偏見。

我們用同樣有缺陷的框架建立了這些系統,而我們花了幾十年的時間試圖拆除它們,即使我們積極嘗試糾正這些錯誤陳述,但可能為時已晚。

Molly Wright Steenson 換了一種說法:

數據的關鍵在于它存在于過去。數據集的問題在于它強化了現有的偏見,而不是找到新的方法來做事和解決問題。

這凸顯了生成式人工智能的一個核心挑戰:我們用過去的假設構建未來的工具。

人們想方設法地推銷人工智能解決方案,讓我們覺得它們能讓我們的生活更輕松,但實際上,他們只是在沙漠里兜售沙子。我們兜售的所謂創新,不過是規?;姆答佈h(是的,我是個癡迷于反饋循環的女人)。我們教它,現在我們讓它用同樣的材料來教我們和自己。

現在,復制有其存在的意義。我并不是說每個登錄表單或入職流程都需要革新。一些優秀的設計成果是無形的。我之前提到過,我們將這些點連接起來。然而,我們是有意識地、謹慎地(或者至少我們應該這樣做)將這些點連接起來。如果人工智能成為流程中這些部分的默認設計者,我們就不得不問:這給我們帶來了什么?我們到底貢獻了什么?如果我們把基礎工作完全外包出去,我們該如何發展這門工藝?

諷刺的是,設計本應是最能抵御這種侵蝕的領域之一。多年來,我們一直在努力爭取一席之地,證明好的設計能夠塑造結果、改變行為,并真正改善生活質量。如今,我們終于贏得了一席之地,卻被要求將工作交給那些從未被邀請參與討論的工具。坦白說,這些工具只關心模式,不關心環境。

更糟糕的是,那些不愿或不覺得有必要深入探究的人一致認為,人工智能的輸出就是客觀真理。人工智能就是神諭。它不是魔法,而是一個基于泛文化訓練的系統。如果我們不小心,我們就會讓自己陷入自動化,最終走向創造性的湮沒。

在黑暗中跳舞

話雖如此,或許我們多年來一直被困在創意的湮沒之中。我至今仍記得90年代中期到21世紀初科技界的瘋狂。創新無處不在,沒人知道自己在做什么,他們只想嘗試一些很酷的東西。有人喜歡直板手機嗎?任天堂的控制器設計?那真是瘋狂,也真是棒極了。

將顯示縮放圖像
這是 20 世紀 90 年代末到 21 世紀初的一些實驗性手機設計的拼貼畫,其中包括形狀像口紅管、攝像機和化妝盒的手機。
有趣的00年代早期手機。圖片來源:u/CosmicPelican via Reddit r/nostalgia

我認為其中大約80%都失敗了。但這卻是最好的失敗。最終,這些瘋狂的想法讓位于標準,就像往常一樣;要么是蘋果,要么是安卓;要么是PlayStation,要么是Xbox;要么是Mac,要么是Windows。

在所有這些融合中,用戶體驗 (UX) 找到了立足點。隨著技術的成熟,我們的期望也隨之成熟。怪異不再美妙,反而令人困惑。不可預測的界面不再勇敢,而是支離破碎。用戶體驗 (UX) 作為一種將秩序帶入混亂的方式出現,其目標突然不再是脫穎而出,而是消除摩擦,使體驗看起來自然。

這絕對是必要的。良好的用戶體驗 (UX) 使所有這些新技術不僅可以供愛好者和早期采用者使用。用戶體驗標準帶來了一致性、最佳實踐和基于成熟經驗的模板。但在追求一致性和可用性的過程中,我們失去了一些東西。我們不再問“如果呢?”,而是開始問“基準是什么?”。

設計師和開發人員,請告訴我,您不使用 Apple 的人機界面指南或 Material Design 作為參考點?我會質疑任何這樣做的人的誠實。

將顯示縮放圖像
兩張突出的設計系統圖:Google Material Design 和 Apple 人機界面指南。圖片展示了每個系統的一些界面組件。
谷歌Material Design(上)和蘋果人機界面指南(下)。圖片來源:Figr

你上一次徹底改變常見 UI 元素的交互預期是什么時候?流行的東西就一定有效,何必再去重新發明輪子呢?就像我們通過設計和接觸學會了如何打開門和操作爐灶一樣(就像唐納德·諾曼那樣),我們也學會了如何操作下拉菜單。這就是可供性(affordance)的演變。

所以,當我們說人工智能會削弱用戶體驗(UX)和用戶界面(UI)的創造力時,真的如此嗎?它所做的并非我們多年來從未做過的事情。它引用的是相同的庫和標準,使用我們共同認可的有效方法。我們所說的我們失去的東西,其實是我們很久以前就放棄的東西。

平衡之舉

讓我們明確一點。人工智能不是敵人,自滿才是。

過去一周左右,我使用了一些AI工具,體驗不錯,我相信它是一款非常棒的輔助工具。但我們必須挑戰它。說它胡說八道就對了。問問我的ChatGPT,我告訴它它錯了多少次……

將顯示縮放圖像
ChatGPT 對話截圖。圖片來源:ChatGPT、Kym Primrose。

如果我們希望人工智能能夠增強我們的工作,而不是取代其核心功能,我們就必須有意識地去行動,必須意識到自己在做什么。施奈德曼的普羅米修斯原則明確指出了這一點:如果我們以這樣的方式構建高度自動化,它就能支持創造力和監督。

對我來說,成功取決于三件事:教育、融合平衡。

我們需要教育自己和同事,讓他們了解人工智能的真正含義、運作方式,以及它在日常工作流程中的界限。這不應該是一個孤立的過程。

這不僅僅是開發人員或用戶體驗設計師的問題。我們需要跨職能的人工智能素養,涵蓋市場營銷、用戶體驗、開發和質量保證;我們應該共同學習。我們都應該積極意識到局限性,設定清晰的提示,仔細審查輸出,并在潛在偏見影響用戶之前發現它。如果我們要負責任地構建產品,我們需要共同的語言和共同的責任。

一旦我們了解了人工智能能夠以及應該為我們做什么,下一步就是整合。這不僅關乎技術層面,也關乎文化和倫理層面。僅僅選擇一個工具并將其融入工作流程是不夠的。我們需要編寫文檔:哪些工具是允許使用的,如何有效地使用它們,它們屬于流程的哪些階段,以及何時應該回歸到一些手動思考。這份文檔不應該是自上而下的,而應該由所有參與工作的人員共同協作構建。我們需要建立清晰的界限,并讓所有人擁有共同的責任,讓我們有信心在認為合適的時候,敢于表達自己的想法,并主動對抗人工智能。

這才是關鍵;我們不能對人工智能漠不關心。每一次使用都應該有意識,每一個解決方案都應該受到質疑。人工智能可以提供輔助,但最終決定權仍然在我們手中。

這就引出了我們的目標。如果我們的目標是通過將某些任務交給人工智能模型來提高生產力和效率,那么我們必須思考如何將這些節省下來的資金重新投資到其他地方。

實現這一目標的方法之一是重新投資研發、發散思維和突破界限的創意,這不僅能為用戶體驗/用戶界面注入活力,還能打破停滯不前的設計模式。有了人工智能處理繁瑣的工作,我們就有了探索實驗性概念的空間,而這些概念通常受限于預算和時間。創新正是在這個空間中得以生存。如果沒有它,我們可能會陷入無休止的循環,只輸出安全、毫無靈魂的成果。我們必須展現出不斷發展、適應、擴展,并保持我們創意生態系統的新鮮感,這不僅是為了用戶,也是為了為我們的人工智能模型提供我們真正希望它們反映的解決方案和思維。

最后的想法

即使沒有自動化,我們多年來也一直陷在千篇一律的便利循環中。人工智能并非用戶體驗/用戶界面(UX/UI)感覺陳舊的原因,而是其結果。它只是凸顯了原有缺陷。所以,與其擔心人工智能會抹平用戶體驗/用戶界面(UX/UI)的創造力,或許我們應該問問自己,為什么它一開始就如此平淡?

作為設計師,我們應該探索如何利用人工智能來支持我們的工作。它不是設計師,而是工具,就像之前的 Figma 和 XD 一樣。Ben Shneiderman 在《以人為本的人工智能》一書中一針見血地指出,人工智能的目標并非取代我們,而是“增強、放大、賦能和提升”人類的潛能。如果我們選擇挑戰模板,設計和創造力仍然掌握在我們手中。我們的價值不應在于速度,而應在于更高效、以人為本、以體驗為導向的思維方式——而這些是人工智能無法掌握的,因為無論它多么接近人類,它都永遠無法成為真正的人類。

因此,如果我們不想成為自身流程的過客,就必須確保在培訓、道德和研發方面的投入與在工具和集成方面的投入一樣多。人工智能可以支持偉大的設計,但推動其發展的仍然是我們的好奇心、挑戰和本能。所有這些最初都讓這個行業令人興奮。

 

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

Excel和PPT已經落后了,可視化大屏強在哪?再次預覽癮

杰睿

今天看到這么一個問題:

我想說,這真是一個好問題!可能會有如下答案:

●Excel的數據透視表操作麻煩,用BI拖拽一下就能有結果
●整合多源數據,很多型其他數據可以一起分析了
●視覺化快速、美觀,尤其是聯動的功能

作為一個從事資料行業多年的人,我覺得最后一個是比較有意義的:視覺化。

可能很多人都不懂什么叫聯動,看這個:

將顯示縮放圖像

很好理解,就是讓數據動起來,Excel和PPT必備這樣,需要長久,而且效果要差顯著。

說到BI,可能很多人不了解,那報表總該接觸過吧,兩者的視覺化都是類似的,這也是比較重的。

想要快速、簡單,不用方案碼,就能實現可視化嗎?

首先不說會用工具,我覺得模板才是最重要的,工具學起來可能會很長久,但是模板直接,可以用,而且重要的是:財務營銷、銷售營銷等。

FineReport做化有一套方法,而且里面的生活化模板很不錯:

將顯示縮放圖像
將顯示縮放圖像
將顯示縮放圖像
將顯示縮放圖像

什么?沒看到癮?直接看大屏!

將顯示縮放圖像
將顯示縮放圖像

覺得難,你也能做出來。點擊FineReport免費試用,還有更多演示供你選擇,總有一款適合你,別點擊大屏演示等你來體驗。

 

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

超酷的高校學術迎新數據大屏,你也能做!

杰睿

先來看幾張高校迎新大屏:

西北工業大學

將顯示縮放圖像

浙江農林大學

將顯示縮放圖像

資料有限,大概做到了這樣一個迎新大屏:

將顯示縮放圖像

接下來是制作步驟

教程只是視覺講化demo的制作過程唷,硬體部分不涉及啦

1、確定主題及展示指標

在設計可視化駕駛艙或大屏的時候,我們第一步要先確定我們大屏/駕駛艙的主題,然后列出我們想要在這張大屏上想要展示的數據指標和分析維度

主題:學校迎新大屏,通過對學校招生資料以及教職人員資料分析,向新生展示學校招生情況及學校師資力量、辦學能力

主要分析維度如下:

各省份新生招生人數分析
歷年各省招生情況分析
迎新資師隊伍各
師資力量分析
辦學規模分析
歷年本科升學率趨勢分析
學校初步支出結構分析
在校學生學歷結構分析

2、根據資料關系選擇合適的圖表

關于圖表的選擇,看我前面兩天寫的圖表應用指南:不知道用什么圖表展示數據?看下面這份圖表選擇指南就夠了,根據數據之間的關系選擇合適的圖表,可以參照這張經典的圖表:

將顯示縮放圖像
將顯示縮放圖像

3、駕駛艙排版設計

根據確定好的分析指標進行排版,排版要注意主次分明,讓讀者瞬間看到重點資訊,提高資訊傳遞的效率,把核心練習指標放在中間位置、占更大面積,一般都會將動態效果豐富的地圖放在主要位置,抓住讀者眼球,次要指標螢幕放在幾十個屏幕上。還有一些輔助分析的內容,可以通過圖表聯動、鉆取體現。

可以參考如下幾種布局方式:

將顯示縮放圖像

我的布局:

將顯示縮放圖像

4、城市化模板制作

模板的制作,我用的是FineReport,做視覺化大屏非常專業,基本上不用寫什么程序碼就可以開發視覺化大屏,多一個低程序碼的報表開發平臺吧。剛感興趣的話可以下載一個和我一起試試看

軟體激活碼迭代這里,話不多說,上教程:

打開finereport,創建一張決策報表:

將顯示縮放圖像

新建數據集,然后用sql查詢語句從數據庫中提取數據,可以新增省份數據庫數據,也可以直接上傳檔案數據集,定義地區引數,關聯歷年各省招生數據和各分招生數據(實現數據聯動),其他的取數據報表我不用一一發貨來,大家可以自己根據需求寫

將顯示縮放圖像

決策報表采用的是易用式布局,可以拖拽便捷布局,根據之前設計的布局排版將所有圖表元件按照布局設計順序拖放到對應位置:

將顯示縮放圖像

這里面我用到了兩個圖表外掛,滾動字幕和數字時鐘外掛,大家可以在一些外掛商城免費下載,點選服務器>外掛管理就可以找到這些外掛啦,當然你還可以找到其他你心儀的外掛。

將顯示縮放圖像

字幕滾動效果和數據時鐘效果:(我錄的不是很清楚抱歉><)

然后分別給圖表元素類型設置其他、數據、樣式、效果,以中間的地圖設置為例:

將顯示縮放圖像

其他圖表元件的數據和效果設定我這里就不贅述了

到這一步,基本上駕駛艙的雛形就做完了,我們可以對背景圖、最后的細節進行美化,背景可以選擇顏色或者是圖片,做的匆忙我不想找背景圖,直接用的顏色,點選機身>樣式進行設置

將顯示縮放圖像

為了更好的視覺效果我們還可以給圖表新增主題,增加大屏科技感,比如我們的大屏主題:

點選標題背景塊>屬性>樣式,上傳圖片設置:

將顯示縮放圖像

最后儲存模板,點選預覽,效果如下(嘻嘻還是用的上面那張圖):

看著?是不是還挺酷炫的!其實這樣的大屏制作起來并不難,趕緊學習起來引爆你的SNS吧XDDD

 

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

【原創案例分享】插畫設計:水處理設備2.5D、2D器械插畫設計

杰睿

項目背景:

該項目常州科德水處理成套設備股份有限公司委托設計,致力于水處理領域相關設備的視覺呈現,通過精心設計的3D與2.5D插畫,生動展現各類水處理設備的結構細節與工作原理。我們旨在以直觀、易懂的方式,提升公眾對水處理技術的認知與興趣。
為企業客戶提供高質量的軟件UI圖標設計,助力其在環保領域的品牌形象塑造與市場推廣。通過專業的插畫設計,我們期望能夠提升軟件ui美觀度和美譽度,引導更多人對水資源保護與可持續利用的關注與思考。

項目概述:

產品定位

產品定位為一款集科普、宣傳與營銷于一體的水處理設備插畫設計。通過3D與2.5D視覺呈現,旨在直觀展示設備細節與工作原理,提升公眾認知,同時為企業客戶提供高質量的視覺宣傳素材,助力其品牌形象塑造與市場拓展。

目標用戶

目標用戶包括廣大公眾、水處理領域專業人士及企業客戶。公眾用戶希望通過插畫了解水處理技術;專業人士則關注設備的結構與原理;企業客戶則尋求高質量的宣傳素材以提升品牌形象。

設計風格

設計風格以科技感與直觀性為核心,結合3D與2.5D技術,注重細節呈現與色彩搭配,營造出既專業又不失趣味性的視覺體驗。通過精準的線條與光影處理,使插畫作品既具有教育意義,又具備藝術美感。
 
 

2.5D插畫風格

2.5D插畫風格是一種介于2D和3D之間的插畫藝術表現形式,是一種用二維手法表現三維效果的插畫風格。它結合了二維的平面簡潔和三維的立體空間感,給人既簡單又富有深度的視覺體驗。
 

氣浮裝置插畫設計

2.5D的插畫繪制方法讓畫面看起來更加的簡潔、精美且充滿活力。同時,足夠豐富的細節裝飾會帶來耐人尋味的效果,能夠迅速吸引觀者的眼球。
 
 

刮泥機插畫設計

通過二維手法表現出三維效果,讓整個裝置更具立體感。運用巧妙的透視和光影,在平面上營造出類似真實場景的深度感,能讓觀眾直觀地感受到處理裝置的各個部分功能的空間位置,清晰的指導工作。
 
 

行車插畫設計

2.5D插畫不需要像3D繪畫那樣考慮復雜的模型構建和精細的紋理映射,降低了創作難度,同時降低了設計成本,設計效率也更加高效。
 

2D插畫風格

2D插畫風格,即二維插畫,是一種在平面上展現的藝術形式,具有表現力強、風格多樣、易于創作、適應性強、傳達信息直觀以及情感表達豐富等優點。
 

氣浮裝置插畫設計

通過線條、色彩、形狀和構圖等元素,對該設備進行2D插畫的重新創作,在圖形、顏色表意上對各個功能區的分布、作用進行清晰傳達。
 
 

刮泥機插畫設計

2D插畫的繪制過程比較簡單,不需要復雜的建模和渲染技術。根據客戶給的參考或者溝通講解,確認符合行業以及設備特點的色彩及元素構成手法,產出精美、準確的設備插畫。
 
 
 

行車俯視圖插畫設計

2D插畫能夠直觀地傳達信息,使觀眾更容易理解和接受。工業產品的設備介紹中應用廣泛。
 
蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
97久久精品人人做人人爽| 我不卡影院28| 欧美日韩中国免费专区在线看| 色屁屁www国产馆在线观看| 国产精品成熟老女人| 亚洲国产精品视频一区| 在线观看视频91| 久久综合久久美利坚合众国| 青青热久免费精品视频在线18| 成人免费黄色| 综合分类小说区另类春色亚洲小说欧美| 波多野结衣在线aⅴ中文字幕不卡| 欧美日韩国产精品一区二区三区四区| 成人av毛片| 秋霞成人午夜伦在线观看| 亚洲欧美综合网| 成人97人人超碰人人99| 国产一区二区精品| 日韩亚洲欧美中文高清在线| 51精产品一区一区三区| 久久视频免费在线播放| 一区二区三区产品免费精品久久75| 亚洲欧美区自拍先锋| 神马欧美一区二区| 超碰在线97av| 蜜臀国产一区| 爱啪视频在线观看视频免费| 亚洲成人在线| 最新国产成人在线观看| 成年人黄视频在线观看| 日韩av在线一区二区三区| 色综合久久中文字幕| 专区另类欧美日韩| 久久精品综合一区| 少妇精品视频在线观看| 牛牛精品在线视频| 手机在线电影一区| 国产91综合网| 青青a在线精品免费观看| 欧美性猛交xxxx黑人猛交| 中文字幕一区二区三三| eeuss鲁片一区二区三区在线观看| 新狼窝色av性久久久久久| 久久久999精品免费| 欧美成人国产一区二区| 日本在线视频一区二区| 欧美性猛交xxxx乱大交极品| 亚洲成a人v欧美综合天堂下载| 国产精品午夜在线观看| 久久伊99综合婷婷久久伊| 久久精品欧美日韩| 天堂社区 天堂综合网 天堂资源最新版| 国产很黄免费观看久久| 91丨九色丨蝌蚪丨老版| 国产精品极品| 日韩精品欧美大片| 欧美xxxx18性欧美| 岳的好大精品一区二区三区| 97精品资源在线观看| 欧美日韩一区二区三区视频| 91蜜桃臀久久一区二区| 国产精品永久入口久久久| 老汉色老汉首页av亚洲| 日韩一级电影| 不卡一区二区中文字幕| aa亚洲一区一区三区| 亚洲国产精品久久久久久| 欧美极品另类videosde| 亚洲国内高清视频| 欧美成人专区| 小说区图片区图片区另类灬| 欧美日韩久久久| 七七久久电影网| 色综合久久久久| 欧美电影免费看| 91麻豆精品一二三区在线| 国产福利91精品| 成人h动漫精品| 国产一区二区成人久久免费影院| 欧美精品欧美精品系列| 免费在线成人av| 在线观看成人黄色| 性网站在线观看| 九九热这里只有精品6| 欧美日本在线播放| 久久成人麻豆午夜电影| 成人综合在线观看| 91亚洲精品在看在线观看高清| 欧美日韩国产免费一区二区三区| 欧美成人bangbros| 亚洲黄一区二区| 国模私拍一区二区三区| 欧美一区二区三区在线| 婷婷成人综合| 日韩精品丝袜在线| 亚洲成人a**址| 一区二区三区中文| 久久久噜噜噜久久狠狠50岁| 欧美日韩国产一区二区三区| 97超碰免费在线| 人人精品久久| 91免费观看视频| √天堂8在线网| 亚洲国产一区二区三区高清| 亚洲精品高清视频| 久久av免费| 国产精品伦理在线| 亚洲国产一区二区在线播放| 污视频网站免费在线观看| 精品亚洲成av人在线观看| 久久综合狠狠综合久久综青草| 一区二区免费视频| 福利视频网站一区二区三区| 一本色道久久综合亚洲精品酒店| 在线观看日韩www视频免费| 色在线视频网| 久久国产一二区| 久久这里只有精品视频网| 99免费精品| 澳门av一区二区三区| 99久久99久久| 亚洲亚洲免费| 综合久久精品| 精品久久久久久亚洲国产300| 欧美性猛交丰臀xxxxx网站| 精品一区日韩成人| 婷婷四房综合激情五月| 亚洲一区欧美一区| 亚州精品视频| 欧洲一区二区三区| 色综合色狠狠综合色| 欧美一区二区三区公司| 红杏视频成人| 国产v日韩v欧美v| 国产精品igao视频| 蜜臀91精品国产高清在线观看| 成人免费视频| 亚洲午夜久久久久中文字幕久| 日韩成人精品| 亚洲三级性片| 丝袜亚洲精品中文字幕一区| 亚洲国产日韩美| 色老头久久综合| 成人激情免费网站| 国产一级久久| 91热精品视频| 欧美呦呦网站| 姬川优奈av一区二区在线电影| 亚洲国产三级网| 欧美成人四级hd版| 成人午夜看片网址| 3d欧美精品动漫xxxx无尽| 亚洲免费不卡| 久久久精品午夜少妇| 亚洲国产一区二区三区在线播| 香蕉视频亚洲一级| 亚洲人成在线免费观看| 欧美性猛交xxxx偷拍洗澡| 在线亚洲欧美视频| 偷拍视频一区二区三区| 视频直播国产精品| 日韩高清不卡| 欧美激情一区二区在线| 国产欧美一区二区精品仙草咪|