<thead id="kdfuf"><font id="kdfuf"></font></thead>
<samp id="kdfuf"></samp>
    <nav id="kdfuf"><strong id="kdfuf"></strong></nav>
      中文字幕无码一区二区三区在线,久久精品人人做人人爽,国产一级内射无挡观看,十八禁在线黄色网站,日韩欧美国产另类久久久精品 ,少妇人妻偷人精品一区二区,久久午夜视频,亚洲春色AⅤ无码专区

      首頁

      交互設計邏輯 | 關于線框和 UI 設計流程(經驗向)

      杰睿

      每個設計師都有自己獨特的設計呈現方式。根據項目的不同,設計師會使用不同的方式展示他們的設計。Clickdummy 原型是展示屏幕流程最常用的方式,方便簡潔。通常情況下,設計師會以“編號+標題”的格式為所有屏幕命名,并通過導出結果中 JPG 文件的順序來表達屏幕之間關系的邏輯。

      我很高興能使用像 Invision App 這樣的工具來理清我的設計。然而,ClickDummy 原型在構建大型復雜的軟件項目和功能性應用程序時并不理想。有時,我們會將屏幕放在 Sketch 文件中的不同頁面中,以使結構更清晰,但卻失去了整體的視覺效果。當你向項目經理、客戶和開發人員展示你的設計時,你會發現這個過程效率低下。

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      英維申

      我們需要一個高效、流暢的流程來優化演示和交接。我的經驗是線框圖和UI的流程。這是一種非常新穎的方式,但效果很好。

      我們知道 Behance 和 Dribbble 上有很多精美的線框和 UI 流程。其實很多設計師也在做同樣的事情。我在上海MINGLabs工作的時候,我的法國設計師同事 Lucas 教給我一個方法,它不僅易于理解,而且美觀高效,可以作為交接的 UI 呈現流程。后來,這個方法在我的遠程自由職業中得到了運用,并不斷改進。這對降低溝通成本非常有幫助。

      Eric Miller的移動可視化流程圖

      為什么我更喜歡線框和 UI 設計流程?

      1. 幫助設計師鞏固他們的想法
      2. 顯示屏幕之間關系的邏輯
      3. 使與客戶的溝通更加輕松,呈現的內容更加清晰可見
      4. 使與開發者的溝通更加便捷,降低溝通成本。
      5. 有利于與其他設計師合作
      按 Enter 鍵或單擊即可查看完整尺寸的圖像

      我如何制作流程?

      當然,我的應用和網站都是用 Sketch 設計的。我建議從第一個線框圖開始設計流程。之后再設計主頁和兩三個輔助頁面。

      步驟1

      您可以創建一個新的畫板。畫板大小要足夠大,能夠覆蓋所有屏幕。這樣做的目的是為了更容易添加線條和注釋,也方便在最后時刻導出完整流程圖的概覽。不過,現在沒必要添加屏幕數量。等您心中有了概覽之后,再添加也不遲。

      按 Enter 鍵或單擊即可查看完整尺寸的圖像

      步驟2

      流程包括 5 個組件:

      1. 屏幕
      2. 畫面名稱,格式為“ 數字+字母+標題”或者“ 數字+標題”
      3. 動作和位置(紅點)
      4. 筆記
      按 Enter 鍵或單擊即可查看完整尺寸的圖像

      步驟3

      流程的結構是從左到右組織的。頁面位置越靠右,層級就越低。我的習慣是把首頁之類的第一頁放在左側。設計流程如下:

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      樹形結構
      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      沃達豐 WLANoMeter 用戶界面流程

      問題

      線框和 UI 流程改善了溝通。但它并不完美,實際上有時甚至有點令人毛骨悚然。

      1. 每次增加屏幕,數字就會亂。我的命名方法可以避免這種混亂,但不是最佳方法。
      2. 一旦移動了屏幕,連接的線就必須重新繪制。
      3. 導出的概覽 pdf 無法顯示每個屏幕的名稱。

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

      樸素的交互設計原則

      杰睿

      基本原則
      清晰、簡潔、一致、可操作暗示以及隱喻(可供性)、反饋、容錯、高效、易記憶易學習。

      1. 清晰
      內容、結構、界面效果都是清晰可見的,加強情感的修飾,注意只使用文字與排版來表達頁面,以字體、字號、顏色、版式,精妙動畫效果來增加界面的精致性與設計不夠。盡量避免平滑、陰影。
      2. 簡潔
      為了用戶聚焦,限制明確頁面唯一的或者最重要的目標性,不讓用戶讓焦鈦的選擇感。
      3.一致性
      界面元素的標準控件化:問題使用系統交互元素,以及界面和用戶之間對話風格的統一:標準文本風格、口吻、語氣、統一話術。
      4.可操作暗示隱以及喻意
      讓用戶看到這個就是可以交互的,按鈕要像按鈕,與文本內容以及其他界面元素有所區別。另外可增加操作引導,在操作時給予引導,而不是獨有的一股腦引發引導。隱喻本可以單獨做一個原則,但這里與可操作暗示大約類似,隱喻指的是虛擬界面可以做到讓用戶經驗類似的喻,確實是現實物理世界的隱喻還是虛擬數字世界。讓用戶無成本遷移感。5
      . 反饋
      任何操作都要給予可感知的操作反饋,當點擊或者其他時,被操作交互的要素要給予短暫的強調,另外通過動畫給予進度提示,
      6.容錯與安全感
      降低用戶犯錯成本,做到高危操作可恢復。應用應該通過使用熟悉的、可預見的交互元素,確認重要的操作、可回溯的取消手段等方式,來讓用戶覺得自己處于被保護的狀態中。此外還有防錯原則,采用本質的安全設計方式(固有)安全),比如表單未完成按鈕不可用...
      7.高效
      兩個方面,用戶高效使用的性以及高效開發的性,要關注網頁技術新功能,快速迭代那些優秀且通用改裝的新功能。
      8.易學習易記憶
      這是最后一條,在做到前面的原則之后,這條應該是取締的,但是由于技術性平臺的特殊性,涉及專業性技術術語等等的東西,所以對于一些非技術人員或者不太懂行的技術人員,需要提供提醒文檔嵌入,方便用戶學習。

       

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

      界面設計案例分享 | ComplyContro品牌&UI

      杰睿

      imgi_214_9f0c73226297935.683f29f07b819.png

      imgi_775_146bae226297935.683f1fcc7bea5.png

      imgi_784_ef7ed4226297935.683f29f07b253.png

      imgi_789_2e8849226297935.683f1fcc7a7d5.png

      imgi_794_02439d226297935.683f1fcc7a01b.png

      imgi_801_e002ed226297935.683f29f0799dc.png

      imgi_808_89d252226297935.683f28f9eb07f.png

      imgi_817_b4ccb4226297935.683f289fc694a.png

      imgi_821_90ae54226297935.6840132c29038.png

       

      1. 項目背景 & 設計目標

      • 項目名稱與內容:這是為 ComplyControl——一個專注金融領域的前沿 AI 合規模塊(具備實時監控、智能檢測與欺詐發現功能)的品牌形象與網站界面設計項目 Behance+1

      • 完成時間與平臺:發布于 2025 年 6 月 4 日,整合品牌設計、網站 UI/UX 及用戶界面,使用 Figma 與 Webflow 等工具進行創作與實現 Behance

      2. 品牌視覺識別(Brand Identity)

      • 標志設計:圖中展示了簡潔現代的標志(logo),結構緊湊且具識別度,呈現強烈的科技感與專業感 。

      • 配色策略:項目運用了對比鮮明的暖色(如橙紅)與冷色(藍色),輔以深色底調,強化視覺沖擊力,同時展現了兼具活力與穩重的品牌氣質 。

      • 字體風格:在字體展示中可見清晰可讀的無襯線體,搭配簡潔的數字表現,進一步傳達專業且現代的品牌語言 。

      3. 界面設計(UI/UX & Website)

      • 移動界面布局:圖中呈現了移動設備上的 UI 布局,包括導航菜單與交互按鈕,采用扁平化設計,按鈕與圖標配色清晰,對焦用戶操作體驗 。

      • 數據可視化:圖表或百分比數據顯示以清晰簡練的方式呈現關鍵指標(如 95%、40% 等),輔助用戶快速理解核心內容 。

      • 整體風格語言:整體風格簡潔、科技感強烈,布局邏輯清晰,強調功能與信息可視化,有助于金融產品的信息傳遞與可信感建立。

      4. 工具與創作流程

      • 設計工具:項目中使用了 Figma 進行界面與原型設計,利用 Webflow 實現響應式網頁開發與交互效果。同時還運用 After Effects、Photoshop 以豐富視覺表現與動畫效果 。

      • 多方協同:項目由 Embacy Design 領銜,聯合多位設計師及機構參與,展現了團隊協作的深度與創意整合能力 。


      總體評價與亮點

      優點 描述
      清晰品牌定位 通過色彩、字體與視覺元素的統一,傳達了“科技 + 合規”的品牌主旨。
      現代化視覺表現 配色對比強烈、界面干凈、排版有序,符合金融科技產品的使用場景。
      信息表達精準 數據視覺化突出、界面交互明確,提升用戶理解與體驗效率。
      專業工具運用 Figma、Webflow、AE 等工具的融合使用提升了設計的實施效率與表現力。

       

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

      蘭亭妙微案例分享 | 國土空間大數據可視化界面設計

      杰睿

      數慧時空(全稱:北京數慧時空信息技術有限公司)是以空間信息技術為核心、國內領先的國土資源行業解決方案提供商,具有業務咨詢、自主軟件研發、數據加工和信息服務的全業務綜合服務能力,是國土資源部最重要的信息化合作單位之一。數慧時空基于多年的研發理論與實戰經驗,藍藍設計基于多年的gis地理信息/大數據可視化界面設計實戰與理論,強強聯合。
      融合西方先進的系統設計方法與中國互聯網的快速迭代方法,形成了獨有的系統性與敏捷性兼具的工作方法。國土一張圖軟件項目是數慧時空公司從2012年開始研發的重點產品,此次在國土資源部展會上以大屏的形式展示給國家各部委領導,界面設計及研發實力獲得一致好評。

      深刻理解國土局需求

      數慧時空公司從創立公司開始,就一直在國土資源領域做產品,公司所有的產品都是轉繞著國土資源開展的,可以說在這個行業中的資深專家了,公司近年來發展的越來越好,頻頻接到大的單子,對各身各個產品的要求也越來越高,所以,第一次把這么重要的展覽會上向各級重要領導演示的產品交給了外部的設計公司。這個項目完畢之后,基于客戶的客戶的認可和彼此的欣賞,又繼續和藍藍設計簽下三個項目的整體設計合作協議。
      在和數慧時空研發團隊的配合中,他們給我們印象最深的是通情達理,積極的推進項目,充份的理解和傾聽。開始的時候,需求會不斷的修改或推翻或補充,會不知道客戶想要什么樣的風格,以什么為美,在即有布局的原型和元素的基礎上如何創新,換一種完全不同的方式去展現有的內容。工作十天左右以后,視覺工作有了新想法,推倒重來也不會怕麻煩。

      快速的設計迭代 現場配合

      為了共同的目標--讓軟件產品更卓越,在展會上贏得充份關注,過程中的需求變更、研發、設計難度工作量增加,都不是問題。前一個月完成整體設計,后二個月,我們的前端工程師基本上每天都在現場,實現前端制作的代碼實現和程序工程師的對接,互通有無,互相學習,誰會的誰就做,怎樣快捷 怎么來,不分彼此,晚上一起加班到十一二點,周未繼續。雙方工作態度和積極性都極好。最終平等的對話、充份的理解和傾聽,快速的設計迭代和現場配合是項目成功的關健。
       
       

      從無人閱讀的文檔到生動的設計系統

      杰睿

      當美好的愿望遭遇現實

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      我們用來記錄 Notion 上的設計系統組件的模板

      改變一切的研究

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      按 Enter 鍵或單擊即可查看完整尺寸的圖像

      將文檔重新想象為一種生活工具

      我們不需要要求團隊適應我們的系統,如果我們的系統適應他們呢?

      我們的新理念:展示,而不是講述

      新的文檔架構

      組件標題

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      Accordion 組件的新標題

      視覺規格

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      組件文檔的第一個面板:組件本身及其所有變體

      情境指導

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      表格組件的上下文指南

      注意事項

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      選擇卡組件的注意事項部分

      應用內示例

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      在應用程序中使用 Accordion 組件的示例

      最終結果

      按 Enter 鍵或單擊即可查看完整尺寸的圖像

      結果

      建立在成功的基礎上

      教訓

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

      5 個優秀的 UX UI 作品集,供您參考(2025 年)

      杰睿

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      Diego Rappi 產品設計師
      按 Enter 鍵或單擊即可查看完整尺寸的圖像

      伊莉扎維塔·比利亞耶娃

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      Jay Park 作品集

      樸宰范

      注意事項

      應該做的

      注意事項

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

      如何使用 AI 實現 Figma 工作流程自動化

      杰睿

      步驟 1:連接 Figma 以獲取評論

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      Figma 組件的設置

      第 2 步:在將評論輸入 AI 之前對其進行格式化

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      工具組件的設置
      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      Figma 組件的直接輸出

      步驟 3:使用 AI 對 Figma 評論進行分類、總結和格式化

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      Gemini AI組件的設置

      1. 為什么選擇 Google Gemini AI

      2. 提供用戶文本

      以下是來自設計文件的 Figma 評論列表。- 嚴格根據內容將其分為最多 **4 個類別**。- 使用**Figma 評論中的確切措辭**,無需修改或編造內容。- 每個類別應包括:  - 使用 `<h2>類別名稱</h2>` 的**標題**。  - `<p><b>此處為摘要文本</b></p>` 內的**加粗摘要**。  - `<ul><li>“實際 Figma 評論”</li></ul>` 內的**真實示例列表**,列表前有空格。  - **每個類別最多限制 4 個要點**。- **請勿添加新示例。僅使用格式化注釋中提供的內容。**- 如果評論不屬于這 3 個類別之一,請將其放在“其他”下。- **您只能以 HTML 格式回復**并且必須使用以下標簽:  `<h2>`、`<p>`、`<ul>`、`<li>`、`<b>` 和 `<a>`。---### **Figma 評論(從文件動態提取):**{{formatted_comments}}

      3. 設置輸出令牌和溫度

      步驟 4:連接到 Google 文檔

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      Google Docs 組件的設置

      附錄

      1. 文本解析器不再是必要的。

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      文本解析器組件的設置

      2. 對回應進行盡職調查。

      3. 調度功能很有用。

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      日程設置

       

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

      【游戲界面設計分享】《DUNE|Personal Work》

      杰睿

      imgi_34_3db6b6213486985.6747309f530b9.png

      imgi_35_773966213486985.6747309f52652.png

      imgi_36_9a1e76213486985.67585eae083fc.png

      imgi_90_456a13213486985.67585eae07f18.png

      imgi_91_80499a213486985.67585eae08911.png

      從《沙丘》UI概念設計看游戲界面經驗

      前幾天在 Behance 上刷到一個《DUNE|Personal Work》的 UI 概念項目,整體完成度很高。作為設計師,我覺得這類作品不僅是視覺享受,也能總結出一些值得借鑒的經驗點。這里就結合其中的陣營選擇界面和整體展示,整理一些觀察和思考。


      1. 版式與結構:焦點與對稱

      這類「陣營選擇」場景,本質上是一個決策界面。作者采用了很經典的結構:

      • 中央突出:當前選中的陣營(走私者)放在正中間,卡片更大、更亮,帶有金色光暈。

      • 對稱排布:左右陣營呈對稱分布,層級自然清晰,符合玩家的瀏覽動線。

      • 信息分區:上半部分是角色立繪和陣營徽記,下半部分是機制說明和操作提示。模塊分明,不容易迷失。

      經驗點:在決策型界面中,居中放大+光效高亮,是非常直接有效的焦點策略。


      2. 視覺語言:氛圍與辨識

      《沙丘》的世界觀強調沙漠、貴族與荒涼感,UI 也延續了這一氛圍:

      • 材質:背景有金屬與沙塵質感,帶來厚重感。

      • 色彩:每個陣營配有主色(綠色、棕色、藍色、金色、紅色),既強化辨識,又有“品牌”味道。

      • 徽記:幾何化的陣營符號,簡潔且容易記憶。

      經驗點:大型世界觀游戲的 UI,最好在顏色、圖形符號和氛圍感上形成自洽體系。


      3. 信息呈現:符號化與層次感

      在陣營說明區,信息拆解得很合理:

      • 優缺點:紅色 V 表示劣勢,綠色 ▲ 表示優勢。非常直觀,不需要額外解釋。

      • 敘事與機制結合:不僅給數值效果,還加了劇情描述(例如與弗瑞曼的沖突),讓選擇更有代入感。

      經驗點:把理性信息(數值)和感性信息(劇情)結合,能讓玩家在選擇時既動腦又動情。


      4. 交互與引導:清晰的操作提示

      底部的操作提示很細致:

      • A 選擇 / B 詳情 / X 故事,分別對應不同層級的操作需求。

      • 玩家既可以直接做決定,也可以深入劇情,滿足不同類型的用戶。

      經驗點:關鍵節點上提供“淺 → 深”不同層級的操作選項,能兼顧快進型玩家和沉浸型玩家。


      5. 作品展示方式:完整體驗

      Behance 項目整體除了界面,還展示了:

      • 不同場景的 UI(例如主菜單、HUD、資源界面)。

      • 色彩與符號系統,確保整體一致性。

      • 工具說明(Photoshop / Midjourney / 后期合成),透明展示流程。

      經驗點:在作品集展示中,不僅要秀界面,還要展示系統性思考和設計過程。


      總結

      這份《DUNE》個人 UI 概念作品給我的幾點啟發:

      1. 決策型界面要突出焦點,用對稱和光效增強層級。

      2. 色彩與符號體系是陣營/角色類 UI 的關鍵資產。

      3. 信息既要數值化,又要敘事化,提升代入感。

      4. 操作引導要考慮不同層級的玩家。

      5. 作品集展示不僅是炫圖,還要有系統設計思路。

      如果你正在做游戲 UI 或作品集,這些經驗都值得借鑒。

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

       

       

      如果必須重新開始,我將如何在 3 個月內學習 UI/UX 設計

      杰睿

      適用對象

      本指南非常適合:

      • 年輕的 UI/UX 設計師正在尋求進入該行業。
      • 希望進入設計領域的職業轉換者(例如開發人員或營銷人員)。
      • 想要實踐設計技能并提高專業水平的專業人士。

      沒有經驗?沒問題。

      您所需要的只是好奇心、學習興趣和額外的奉獻精神。

      為什么 UI/UX 設計是一個很好的職業選擇

      按 Enter 鍵或單擊即可查看完整尺寸的圖像

      工作需求和機會

      UI/UX 設計正在蓬勃發展,數據也印證了這一點。美國勞工統計局預測,從 2021 年到 2031 年,數字設計專業的需求將增長 15%,領先于其他行業。

      從 IT 公司到醫療保健初創企業,每個行業都需要設計師設計清晰且具有視覺吸引力的產品。

      無論您想成為 UI 設計師、UX 研究員還是產品設計師,您跨工作和跨領域合作的機會都是無與倫比的。

      另外,遠程工作怎么樣?這是此字段的默認設置。

      技能優勢

      您可以通過字體和調色板發揮您的創造力,解決用戶流程方面的挑戰,并精通原型設計等技術技能。

      結果如何?一份有趣又令人滿意的工作。根據 Glassdoor 的數據,UX 設計師的全球平均薪資在 8 萬至 12 萬美元之間,頂級職位的薪資甚至更高。

      智能布局生成器等人工智能解決方案旨在提高生產力,而不是取代人類的技能。

      用戶體驗的影響

      UI/UX 設計除了賺錢之外,還旨在讓人們的生活更輕松。

      想象一下您上次在線購買披薩或預訂機票的情況。

      良好的用戶體驗讓這些任務變得毫不費力,而糟糕的用戶體驗會讓你對著屏幕尖叫。

      作為一名設計師,你將通過構建既簡潔又鼓舞人心的數字體驗來應對現實世界的問題。這種影響力會讓你欣喜地說:“這是我設計的。”

      第 1 個月:奠定基礎,培養核心技能

      了解基礎知識

      第一個月的主要任務是奠定堅實的基礎。

      首先,區分 UI(視覺界面,例如按鈕、顏色和布局)和 UX(整體體驗,例如易用性和滿意度)。

      我花了數周時間平滑按鈕的漸變,卻發現用戶根本找不到它,這真是太慘了。

      需要重點關注的關鍵技能:

      • 基本設計原則:了解排版、色彩理論、網格和布局。這些是任何優秀設計的基本組成部分。
      • 以用戶為中心的設計:培養思考用戶需求的實踐能力。他們是誰?什么會讓人感到沮喪?設計一些小型的用戶畫像進行實踐。
      • 線框圖和原型設計:開始采用低保真線框圖(應用程序屏幕的草圖)來規劃用戶流程。

      資源:

      • 在 YouTube 上觀看簡短的 YouTube 視頻來掌握基礎知識。
      • 閱讀唐納德·諾曼的《設計心理學》,它將徹底改變我們理解設計“為什么”的方式。
      • lawsofux.com看看那些緊湊原理,比如希克定律和菲茨定律。(你可能不信,但我有時還是會去看看這個網站,我想你應該知道這沒什么問題。)
      • 為了使學習更容易,嘗試玩Method.acIt's Centered That等交互式設計游戲。

      專業提示:不妨從日常事物入手,比如你的咖啡機、銀行應用程序或自動售貨機。“為什么要這樣設計?”“還有什么更好的選擇?”這種態度可以提升設計師的創造力。

      第二個月:培養真正的技能

      按 Enter 鍵或單擊即可查看完整尺寸的圖像

      學習設計工具和實踐

      現在是時候動手實踐了。第二個月的重點是學習工具并將其應用于實際場景。

      設計軟件一開始可能看起來很嚇人,但是一旦你掌握了它的感覺,它就像騎自行車一樣簡單(而且膝蓋不會擦傷)。

      練習,練習,再練習:

      • 重新設計現有的應用程序或網站:選擇一個熱門應用程序(例如你最喜歡的外賣服務),并使用第一個月的設計理念來改進其界面。重點在于提升價值和外觀。
      • 建立作品集:使用這些重新設計的作品集來創建一個簡單的作品集。即使只有一個完成的項目也是一個好的開始。
      • 關鍵技能:響應式設計(適用于移動設備和桌面的設計)、用戶流(通過創建用戶旅程)以及使用 Figma 或 Framer 進行高保真原型設計的技能。

      資源:

      我的第一次重新設計是為一個復雜的電商網站做的。我花了幾個小時修改按鈕的顏色,結果發現結賬流程簡直像個迷宮。那時我才意識到,吸引人的設計固然好,但真正能讓你被雇傭的,是解決用戶問題。

      第三個月:建立投資組合和應對現實挑戰

      按 Enter 鍵或單擊即可查看完整尺寸的圖像

      你已經進入最后沖刺階段了!第三個月,你將用實際項目證明你的技能,并打造一個讓你眼前一亮的作品集,讓你“快來雇傭我!”

      正是在這里,我從“我認為我能做到”轉變為“我一名 UI/UX 設計師”。

      與他人合作:

      • 從事真正的項目,例如重新設計本地企業的網站或為 GitHub 上的開源項目做出貢獻。
      • 從設計社區獲取反饋,例如InstagramXLinkedInDribbbleBehanceReddit 的 r/userexperience。在我職業生涯的早期,一位導師的誠實評價(“你的字體選擇太瘋狂了”)拯救了我的作品集,使其免于受損。

      投資組合開發:

      • 在流暢的網絡作品集上展示 2-3 件您最出色的作品(Notion 或 Webflow,或Framer(我個人使用)是免費選項)。
      • 為每個項目撰寫案例研究,解釋你的流程:調研、構思、測試和迭代。這能向公司表明你是一位思考者,而不僅僅是一個像素推手。
      • 關鍵技能:學習用戶測試(讓朋友嘗試您的想法并記錄任何問題)、修改(根據反饋進行改進)和演示(練習有效地表達您的工作)。

      資源:

      • Behance 的熱門設計師作品集可能會給你帶來啟發。
      • Medium 上的 UX 設計社區提供免費的案例研究模板。

      使用 AI 驅動的 Figma 插件(例如智能布局工具和調色板生成器)提升您的工作效率。就像擁有一個永不休眠的設計助手。

      我建議您開始在工作流程中使用 AI,這樣您的工作速度就可以比其他設計師快 10 倍!

      關鍵習慣

      按 Enter 鍵或單擊即可查看完整尺寸的圖像

      養成日常觀察的習慣。分析實體和數字事物,例如健身追蹤器、新聞應用和餐廳菜單。

      可用性怎么樣?為什么是這個顏色?如何改進?

      這可以幫助您像設計師一樣思考,并且您很快就會發現用戶體驗(和解決方案)的問題隨處可見。

      專家建議和專業提示

      • 建立人脈網,就像你的職業生涯全靠它一樣。我的第一份自由職業工作來自一次偶然的機會,當時我緊張地遞上了我的作品集。在領英和Instagram上直接聯系你尊敬的設計師。
      • 堅持是關鍵。即使每天只花30分鐘學習新事物,或者讀一讀尼爾·埃亞爾的《Hooked》,也能帶來顯著的變化。
      • 接受反饋:反饋雖然令人難受,但卻是改進的最快途徑。我曾經因為一些評論刪除了一個完整的項目,但這次返工讓我贏得了一位客戶。

      雇主希望設計師能夠加快結賬流程或提高客戶參與度,而不僅僅是讓事情變得有趣。

      最后的想法

      成為一名 UI/UX 設計師只需要策略和奉獻精神,而不是設計學位或多年的經驗。

      在三個月內,您可以通過了解基礎知識、創建真實世界的項目并自信地展示您的工作,從初學者進步到可以投入工作的水平。

      現在邁出第一步:選擇一個應用程序,重新設計一個屏幕,并與好友分享,并且不要忘記在社交媒體上分享它以獲得反饋。

      設計行業正在尋找您獨特的見解。

      感覺受到啟發了嗎?關注我的 Instagram (@rehan.designs),獲取每日見解、作品集點評以及我的設計幕后花絮。

       

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

      Agentic UX 的秘密:人類與 AI 代理交互的新興設計模式

      杰睿

      想法簡述

      • 本文探討了 UX 設計師如何通過了解影響代理行為和用戶交互的四種關鍵能力類型來有效地與 AI 代理合作。
      • 它強調在設計過程早期評估人工智能代理的感知、推理、行動和學習能力的重要性,以創造現實、合乎道德和以用戶為中心的體驗。
      • 該作品提供了實用的框架和示例——從智能家居設備到醫療保健機器人——以幫助設計師提出正確的問題、跨職能協作以及負責任地使用人工智能。

      隨著人工智能 (AI) 越來越深入地融入產品,設計師必須了解這些系統真正能做什么。本文介紹了一個圍繞感知、推理、記憶和代理四大核心能力構建的實用框架,旨在幫助用戶體驗 (UX) 專業人士設計更智能、更值得信賴的 AI 體驗。本書包含真實案例和實用技巧,對于任何致力于塑造 AI 界面未來的人士來說,都是必讀之作。

      許多人認為,人工智能代理已經存在,只是分布不均。然而,目前很少有案例能夠展現與這種近未來人工智能的良好交互體驗。幸運的是,在最近的 AWS Re: Invent 大會上,我偶然發現了一個與人工智能代理交互的用戶體驗的絕佳示例,我迫不及待地想在本文中與大家分享這一愿景。但首先,人工智能代理究竟是什么?

      什么是 AI 代理?

      想象一下一個蟻群。在一個典型的蟻群中,有不同專長的螞蟻:工蟻、兵蟻、雄蟻、蟻后等等。蟻群中的每只螞蟻都有不同的工作——它們獨立運作,但又像一個緊密結合的整體。你可以“雇傭”一只螞蟻(代理)為你做一些簡單的半自主工作,這本身就很酷。然而,試想一下,你可以雇傭整個蟻丘去做一些更復雜或更有趣的事情:找出你的系統出了什么問題,預訂你的行程,或者……做幾乎所有人類在電腦前能做的事情。每只螞蟻本身并不非常聰明——它們高度專業化,專注于完成特定的工作。然而,不同專長的螞蟻組合在一起,呈現出一種我們將其與高級動物聯系起來的“集體智慧”。我們在博客中一直使用的“人工智能”(AI)與人工智能代理之間最顯著的區別在于自主性。您不需要向 AI 代理提供精確的指令或等待同步輸出 - 與一組 AI 代理的整個交互更加流暢和靈活,就像蟻丘解決問題一樣。

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      《人工智能用戶體驗:設計人工智能驅動產品的框架》 (Wiley出版社,2025年)圖片來源:Greg Nudelman

      AI 代理如何工作?

      代理型人工智能 (Agentic AI) 的工作方式多種多樣——這是一個內容豐富的主題,值得專門寫一本書來探討(或許一兩年后)。在本文中,我們將以系統故障排除為例,闡述一個涉及主管代理(也稱為“推理代理”)和多個工作代理的復雜流程。該流程始于人類操作員收到問題警報。他們啟動調查,然后由主管代理領導的半自主 AI 代理團隊幫助他們找到根本原因,并提出解決問題的建議。讓我們用步驟圖來分解與 AI 代理交互的過程:

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      多階段代理AI流程。圖片由Greg Nudelman提供

      上圖所示的多階段代理工作流程包含以下步驟:

      1. 人類操作員向主管 AI 代理發出一般請求。
      2. 然后,主管 AI 代理啟動并向幾個專門的半自主工作者 AI 代理發出一般請求,這些代理開始調查系統的各個部分,尋找根本原因(數據庫)。
      3. 工作代理將調查結果帶回主管代理,主管代理將其整理為對人類操作員的建議。
      4. 人類操作員接受或拒絕各種建議,這會導致主管代理啟動更多工作人員進行調查(云)。
      5. 經過一段時間的反復,主管代理提出了關于根本原因的假設并將其交給人類操作員。

      如同與典型的人類組織簽訂合同一樣,主管AI代理擁有一支由專業AI代理組成的團隊。主管可以將消息路由到其監管下的任何AI工作代理,這些代理將執行任務并反饋給主管。主管可以選擇將任務分配給特定代理,并在稍后獲得更多信息時發送附加指令。最后,任務完成后,輸出將反饋給用戶。然后,人類操作員可以選擇向主管AI代理提供反饋或附加任務,在這種情況下,整個流程將重新開始。

      人類無需擔心任何內部事務——所有事務都由“主管”以半自主的方式處理。人類所做的只是提出一個通用請求,然后審查并響應這個代理“組織”的輸出。如果你能做到這一點,這正是你與蟻群溝通的方式:你將工作分配給蟻后,讓她管理所有工蟻、兵蟻、雄蟻等等。與蟻群類似,單個專業代理不需要特別聰明,也不需要直接與人類操作員溝通——它們只需要能夠半自主地解決它們被設計執行的專業任務,并將精確的輸出反饋給“主管”代理,僅此而已。“主管”代理的工作就是完成所有的推理和溝通。這種人工智能模型更高效、更經濟,并且在許多任務中都非常實用。讓我們來看看交互流程,以便更好地感受這種體驗在現實世界中的感受。

      使用案例:使用 AI 代理進行 CloudWatch 調查

      為簡單起見,我們將遵循本文前面的工作流程圖,流程中的每個步驟都與圖中的步驟相對應。此示例來自AWS Re: Invent 2024 — 不要停滯不前:互聯遙測如何助您前進 (COP322),由 YouTube 上的 AWS Events 主持,從 53 分鐘開始。

      步驟 1

      該流程始于用戶發現名為“bot-service”的服務(屏幕截圖左上角)故障急劇增加,并啟動新的調查。然后,用戶將所有相關信息以及一些額外的指令傳遞給主管代理。

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      步驟 1:人工操作員啟動新的調查。圖片來源:AWS via YouTube

      第 2 步

      現在,在步驟 2 中,主管代理接收請求并生成一組工作 AI 代理,這些代理將半自主地查看系統的不同部分。該過程是異步的,這意味著右側的建議初始狀態為空:調查啟動后不會立即顯示結果。

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      步驟二:主管代理啟動工作代理,工作代理需要一些時間才能匯報結果。圖片來源:AWS via YouTube

      步驟3

      現在,工作代理返回了一些“建議的觀察結果”,這些結果由主管處理并添加到屏幕右側的建議中。請注意,屏幕右側現在更寬了,以便于閱讀代理建議。在下面的屏幕中,不同的代理提出了兩個截然不同的觀察結果,第一個代理專門負責服務指標,第二個代理專門負責跟蹤。

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      步驟3:工作代理返回可能與系統遇到的問題相關的建議。圖片來源:AWS via YouTube

      這些“建議的觀察結果”構成了調查中的“證據”,旨在找出問題的根本原因。為了找出根本原因,此流程中的人類操作員會提供幫助:他們會向主管代理反饋哪些觀察結果最相關。因此,主管代理和人類操作員并肩協作,找出問題的根本原因。

      步驟4

      人工操作員會點擊“接受”按鈕,確認他們認為相關的觀察結果,這些結果會被添加到屏幕左側的調查“案例檔案”中。現在,人工操作員已經添加了反饋,表明他們認為這些信息是相關的,代理流程將啟動調查的下一階段。主管代理收到用戶反饋后,將不再發送“更多相同的信息”,而是會進行更深入的挖掘,甚至可能調查系統的其他方面,以尋找根本原因。請注意,下圖中右側出現的新建議屬于另一種類型——它們現在正在查看日志以尋找根本原因。

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      步驟4:收到用戶反饋后,代理會進行更深入的分析,并提出不同的建議。圖片來源:AWS via YouTube

      步驟5

      最后,主管代理掌握了足夠的信息,開始嘗試找出問題的根本原因。因此,它從證據收集轉向推理根本原因。在步驟3和4中,主管代理提供了“建議性觀察”。現在,在步驟5中,它準備好進行重大揭秘(也可以稱之為“結局場景”),因此,就像文學偵探一樣,主管代理提出了它的“假設建議”。(這讓人想起游戲“線索”,玩家輪流提出“建議”,然后,當他們準備好發起攻擊時,他們就會提出“指控”。主管代理在這里也做了同樣的事情!)

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      步驟5:主管代理現在可以指出“犯罪”的罪魁禍首了。圖片來源:AWS via YouTube

      建議的假設是正確的,當用戶點擊“接受”時,主管代理會提供后續步驟來解決問題,并防止將來再次出現類似問題。代理似乎在對人類指手畫腳,建議他們“實施適當的變更管理程序”——這是任何良好系統衛生的基礎!

      按 Enter 鍵或單擊即可查看完整尺寸的圖像
      Supervisor Agent 還提供了后續步驟來修復問題并預防未來再次發生。圖片來源:AWS via YouTube

      最后的想法

      代理流如此引人注目,并成為當今眾多人工智能開發工作的焦點,原因有很多。代理引人注目、經濟實惠,并且能夠實現更加自然靈活的人機界面。代理能夠填補人類與機器之間溝通的空白,真正實現人機思維的融合,形成超越人類的“增強智能”,其價值遠超其各部分之和。然而,要從與代理的交互中獲得最大價值,也需要我們徹底改變對人工智能的理解方式,以及設計支持代理交互的用戶界面的方式:

      • 靈活、可調節的用戶界面:代理與人類一起工作,為此,人工智能代理需要一個靈活的工作流程,以支持人與機器在多個階段的持續交互——開始調查、接受證據、形成假設、提供后續步驟等。這是一個跨越多個迭代的靈活循環流程。
      • 自主性:雖然目前,人機交互似乎是代理工作流程的常態,但代理展現出非凡的能力,能夠提出假設、收集證據,并根據需要迭代假設,直至解決問題。它們不會感到疲倦,也不會窮盡所有選項而放棄。AI 代理還展現出能夠有效地“編寫代碼……讓工具自行構建工具”的能力,從而探索解決問題的新方法——這很新穎。這種交互本質上需要“積極主動”的 AI,例如,這些代理接受了最大召回率的訓練,愿意嘗試所有可能性,以確保獲得最真實的積極結果(請參閱我們在此處的價值矩陣討論)。這意味著,有時代理會“只是為了嘗試”而采取行動,而不會“考慮”假陽性或假陰性結果的成本。例如,一個積極主動的 AI 代理“醫生”可能會開出侵入性腦癌活檢手術,而不會先考慮風險較低的替代方案,甚至不會停下來征求患者的同意!所有這些都需要更深層次的人機分析,以及針對激進的人工智能“探索想法”的多個新的審批流程,這些想法可能會導致人類傷害,或者只是導致超出預算的成本膨脹。
      • 需要新的控件:雖然大部分交互可以通過現有屏幕完成,但大多數代理操作都是異步的,這意味著大多數采用傳統事務型、同步請求/響應模型的網頁都無法適應這種新型交互。我們需要引入一些新的設計范式。例如,開始、停止和暫停按鈕是控制代理流程的良好起點,否則你很有可能最終陷入幻想曲中“魔法師的學徒”的境地(自我復制的掃帚不停地打水,造成巨大且昂貴的混亂)。
      • 你“雇傭”AI來執行任務:這與傳統的工具使用方式截然不同。它們不再是工具,而是具有推理能力的實體,各自擁有智能。AI服務目前已包含多個由主管監控的專用代理。很快,我們將引入多級管理,由下級主管和“團隊負責人”向最終與人類打交道的“客戶經理代理”匯報……就像今天的人類組織一樣。到目前為止,組織需要跟蹤產品、人員和流程。現在,我們為“人”添加了新的定義——AI代理。這意味著需要開發可行的用戶界面來保護機密信息、基于角色的訪問控制 (RBAC) 和代理版本控制。保護代理數據將比與人類員工簽署保密協議更為重要。
      • 持續學習系統:要充分發揮智能代理的價值,它們需要持續學習。智能代理會不斷學習,迅速成為其所用系統方面的專家。最初的智能代理就像新來的實習生一樣,知識儲備有限,但他們很快就會成為“房間里的成年人”,擁有比大多數人更豐富的訪問權限和經驗。這將在職場上引發巨大的權力轉移。我們必須做好準備。

      無論你對人工智能代理有何看法,它們無疑會與人類同行共同發展,并持續存在。因此,我們必須了解代理人工智能的工作原理,以及如何設計能夠讓我們安全高效地與它們協同工作的系統,充分發揮人類和機器各自的優勢。

       

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

      日歷

      鏈接

      個人資料

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

      存檔

      主站蜘蛛池模板: 亚洲老妈激情一区二区三区| 女人喷水高潮时的视频网站| 成人欧美日韩一区二区三区| 一本一本久久a久久精品66| 2020国产成人精品视频| 亚洲午夜亚洲精品国产成人| 精品一本久久中文字幕| 丰满少妇又爽又紧又丰满在线观看| 国产精品99精品| 亚洲欧美激情精品一区二区三区| 日韩精品无码专区资源站| 毕节市| 精品人妻中文字幕1区| 久久国产乱子伦精品另类| 国产不卡无码视频| 久久久水蜜桃国产成人网站| 瞄准电视剧全集免费观看| 欧美操逼视频| 日韩有码中文字幕| 成人午夜福利视频| 野花韩国视频观看免费高清的| 亚洲欧美中文在线观看| 日韩精品在线视频| 亚洲a√无码在线观看| 中文字幕日本六区小电影| 无人在线观看高清完整视频| 我半夜摸妺妺的奶摸到高潮 | 91精品国产尤物在线| 亚洲欧美日韩综合二区在线麻豆| 少妇人妻系列1~100| 日本成本人片免费播放网站| 老司机午夜福利视频| 国产 | 欧洲韩国野花视频| 国产互尤人成视频在线观看| 国产又黄又潮娇喘视频在线观看2499 | 国产92福利200视频| 欧美精品久久久久久精品爆乳| 亚洲精品AV无码喷奶水网站| аⅴ天堂中文在线网| 亚洲日韩国产综合一区二区三区| 国产成人精品999视频无码aV性色AV免费久久 |