DevUI —— 華為雲開源的企業級 UI 元件庫

DevUI 是華為雲開源的企業級 UI 元件庫，它從華為雲 DevCloud 研發工具體系孵化而來。其官網的介紹寫道：

「DevUI Design 可以讓開發人員專門專注於應用邏輯的思考，而設計人員專注於使用者體驗，互動和流程。」

DevUI 基於 Angular 框架，提供了功能強大、場景豐富的多種元件，如 Tree、Table 等。DevUI 倡導沉浸、靈活、至簡的設計價值觀，提倡設計者為真實的需求服務，為多數人進行設計，拒絕譁眾取寵、取悅眼球的設計。

沉浸

DevUI 的沉浸式體驗包括人的感官體驗和認知體驗，當用戶的個人技能與面對的挑戰互相匹配，並且長時間處在穩定狀態時，使用者達到心流狀態並且不易被外界因素所幹擾。

在產品設計中，DevUI 專注在降低使用者在完成任務目標時的認知阻力中。為此，DevUI 同時提供多種不同的切換頁面的途徑，包括麵包屑、快捷鍵、按鈕和連結等，方便使用者隨時快速、連續地切換頁面，到達自己所需的頁面，使使用者處於流暢的體驗中，減輕尋找資訊的焦慮感。DevUI 設計體驗提倡將個人技能與項目難度進行分層，並在使用時分別進行匹配，極力規避個人技能與難度不匹配時產生的焦慮或者無聊感。同時，DevUI 相容多樣化 APP 插件，使用者可以個性化自己的工作環境，把工作環境調整到最符合個人使用習慣的模式。

靈活

DevUI 自帶各類完整的模板和典型場景，於此同時，DevUI 提供超過 30 個獨立原子級元件，可以自由組合，用小元件拼接出符合自身產品需要的分子級控制項。使用者可以根據自身的產品需求靈活選擇，既可以直接使用現有的典型頁面模板，也可以從小控制項做起，利用現有資源拼接自己的頁面。

至簡

DevUI 堅持以使用者為中心去進行設計，注重直觀可達性，把服務示例化以幫助使用者快速融入到使用中去。同時， DevUI 提供大量的快捷鍵，並且圖形化資訊反饋和引導，簡化使用的流程、降低使用的門檻。讓使用者能夠所見即所得，做到快速上手，便捷實用。

據介紹，DevUI 被華為雲內部多個商業項目使用，因此與大多陣列件庫相比，它更適合用來構建 ToB 的工具類產品。

DevUI 作為華為開源的首個前端項目，並且孵化自華為雲 DevCloud 研發工具體系，它帶著很鮮明的個性特徵，不管是直觀視覺上，還是沉浸式的互動上，或者是流暢的動畫上，都與別的元件庫不同。例如，DevUI 會提供一些別的元件庫可能沒有的元件——甘特圖、象限圖，以及分類搜尋、精靈導航等。

今年7月，DevUI 負責人侯凡將會出席 GOTC 全球開源技術峰會，並作為「大前端新趨勢」分論壇的演講嘉賓為大家分享構建大規模前端產品的經驗和思考。

分享議題：構建可信的大前端工程體系

前端程式碼規模持續增大、超大型 Web 系統、安全、合規等帶來的越來越難的挑戰，如何在大規模前端產品交付中，構建標準化、高質高效、安全合規的交付 Web 系統的自動化前端工程體系，滿足越來越高的項目要求，並通過研發過程資料視覺化指導團隊持續改進、持續優化，這是當前業界遇到的問題，此次將會帶來 DevUI 的思考。

侯凡

ECMA TC39 成員、開源項目 DevUI 負責人、華為雲 PaaS 服務產品部前端架構負責人。曾負責華為數十款旗艦研發產品的前端架構與核心業務的設計、開發工作。主導的 DevUI，是華為第一個前端開源項目。在前端工程化、大型 Web 架構設計、前端效能優化、使用者體驗等領域有豐富的實踐經驗。

GOTC，the Global Opensource Technology Conference，全球開源技術峰會。該會議由開源中國社群聯合 Linux 基金會發起，邀請 10+ 重量級開源基金會與開源社群深度參與，覆蓋 100+ 公司的相關開源經驗，涉及優秀開源項目 300+。

組成這場開源盛會的專家主要是開源領域內的知名人物，相關的分享議題也聚焦開源，包括開源的技術、開源的運營與治理、開源的發展趨勢、開源技術的實踐、開源的商業化等。

此次會議還史無前例地邀請了當今世界幾大頂級開源基金會負責人同時參與圓桌，共同討論開源新生態。

更有 Linux 創始人 Linus Trovalds 將分享 Linux 誕生 30 年以來他的心路歷程與開源洞見。