標籤: UI 頁1

UI相關的文章,目前共收錄 152 篇內容。

AI Colors:一鍵生成 AI 配色靈感的實用工具
網路資源

AI Colors:一鍵生成 AI 配色靈感的實用工具

AI Colors 提供專業的AI配色方案生成工具,透過簡單操作即可生成多樣風格的色彩組合,適合網頁、APP及品牌設計需求,快速提升設計品質。

Selectize.dev:高效能、靈活的 JavaScript 下拉選單外掛
網路資源

Selectize.dev:高效能、靈活的 JavaScript 下拉選單外掛

Selectize 是一款高效、輕量的 JavaScript 下拉選單外掛,提供高度自定義、多選、智能搜尋等功能,輕鬆提升網站的用戶體驗和操作流暢度。

Landing Page Examples:精選 Landing Page 範例資源庫
網路資源

Landing Page Examples:精選 Landing Page 範例資源庫

Landing Page Examples 是一個專為設計師、開發者和產品經理打造的Landing Page範例平台,匯集了多元風格和行業的高品質設計,涵蓋技術棧篩選(如 React、Next.js、Tailwind CSS)以快速找到契合的 UI 構思。用戶可學習最新排版、配色與高轉化設計技巧,適合新專案創建或現有頁面優化,是靈感和設計實踐的理想資源。

The Component Gallery:UI 元件設計參考資源
網路資源

The Component Gallery:UI 元件設計參考資源

The Component Gallery 是專為設計師和開發者打造的 UI 元件庫,涵蓋按鈕、分頁、彈窗等常見介面組件,基於現代設計系統,提供來自不同設計框架的範例,幫助快速尋找靈感與最佳實踐,適合新介面設計或優化現有設計。

Galileo AI:透過文字敘述就可以經由 AI 產出 UI 設計圖,並可直接匯出到 Figma 編輯
網路資源

Galileo AI:透過文字敘述就可以經由 AI 產出 UI 設計圖,並可直接匯出到 Figma 編輯

Galileo AI 是一款為設計師與開發者打造的 AI 工具,支持文字轉 UI 和圖片轉 UI 功能,讓使用者快速生成介面設計。透過簡單描述或參考圖片,AI 自動生成符合需求的 UI 元件,提升設計效率並縮短創意實現時間,適合各種程度的使用者。

Landing Analyze:免費且簡單的 Landing Page 分析工具
網路資源

Landing Analyze:免費且簡單的 Landing Page 分析工具

Landing Analyze 提供免費的著陸頁分析工具,無需註冊即可生成詳細報告,幫助網站優化轉換率。30 分鐘內根據六大關鍵因素進行評估,適合小型業主及分析競爭對手頁面。

PLG OS:以 AI 提升用戶體驗的方便與快速服務
網路資源

PLG OS:以 AI 提升用戶體驗的方便與快速服務

PLG OS 是一個專為提升用戶體驗及參與度設計的平台,透過 AI 驅動的客戶參與解決方案來幫助企業快速實現用戶導入、回饋收集以及互動功能。它的 SDK 可以在 30 秒內完成整合,節省了大量的開發時間,讓企業能快速推出客製化的 UX 功能,涵蓋使用者導引、回饋調查、支援以及遊戲化功能,增加用戶粘性。PLG OS 還支援多種工具整合,讓行銷和產品團隊可以輕鬆建立針對性活動並提高用戶留存率。

Aceternity UI:豐富的網站前端動態效果元件庫
網路資源

Aceternity UI:豐富的網站前端動態效果元件庫

Aceternity UI 提供一套專為網站開發者打造的前端元件庫,例如3D卡片效果、星光背景、動態漸變背景等,讓使用者能輕鬆將最新趨勢的網頁元件直接複製、貼上到自己的專案中。它支援多種框架與技術,如 Next.js、React、TailwindCSS 和 Framer Motion,確保在不同開發環境中都能快速應用這些美觀的介面設計。Aceternity UI 讓設計與開發變得更高效,無需繁瑣的樣式調整,適合任何想快速提升網站外觀的開發者。

Copy-Paste SVG Shapes:免費的 SVG 圖形分享,只要一鍵就能複製回去
網路資源

Copy-Paste SVG Shapes:免費的 SVG 圖形分享,只要一鍵就能複製回去

透過添加具有視覺吸引力的圖形,可以提升設計的美感,並營造出更具一致性的感覺。Copy-Paste SVG Shapes 提供了豐富的免費的 SVG 圖形,可以輕鬆整合到您的專案中。從幾何圖案到抽象元素,這些圖形為您的UI設計增色不少。

Storybook:強化 UI 開發的最佳工具,打造高效的元件驅動開發流程
網路資源

Storybook:強化 UI 開發的最佳工具,打造高效的元件驅動開發流程

Storybook 是一款強大且靈活的開源工具,專為前端開發者打造,用來構建、測試及分享 UI 元件。透過這個工具,開發者可以在不依賴完整應用程式的情況下,專注於單一元件的開發與驗證,讓前端開發流程變得更加高效且有組織。

Web Animation Course:打造動態網頁的動畫課程,讓網站充滿生命力
網路資源

Web Animation Course:打造動態網頁的動畫課程,讓網站充滿生命力

Web Animation Course 提供了一個專為網頁設計師及開發人員打造的線上課程,專注於教導如何使用動畫技術來提升網站的互動性及吸引力。這門課程不僅適合有經驗的網頁設計師,也適合那些想要學習如何讓網站「活起來」的初學者。

abtest.design:精選A/B測試結果的資料庫
網路資源

abtest.design:精選A/B測試結果的資料庫

abtest.design 提供一個由業界頂尖應用程式的 A/B 測試結果彙整而成的資料庫,專門針對 UX 設計、行銷策略、訂閱轉化等領域的優化方案。用戶可以瀏覽各類應用中的實例,如註冊頁面、付費牆設置、免費試用等,快速找到具體的測試結果和最佳實踐,幫助設計和產品團隊做出更有效的決策。這些測試結果涵蓋了不同的用戶行為模式,對於提升轉換率和用戶保留率有極大幫助。

Frame0:輕鬆繪製應用程式線框圖的線上工具
網路資源

Frame0:輕鬆繪製應用程式線框圖的線上工具

Frame0 是一款專為應用程式設計者打造的手繪風格線框圖工具,讓你在短時間內快速表達構想。它提供超過 1,500 個圖示和多種 UI 元件範本,涵蓋了網頁、行動裝置和桌面應用設計。使用者可以結合流程圖、UML 圖等,視覺化用戶流程及資料模型。此外,Frame0 支援鏡像框架功能,允許多次重用,並具備簡報模式,可直接展示設計。

GitGlam:輕鬆美化你的 GitHub 個人資料
網路資源

GitGlam:輕鬆美化你的 GitHub 個人資料

GitGlam 是一個專門用來優化和美化 GitHub 個人檔案的工具,讓開發者能夠透過選擇各式各樣的模板輕鬆創建具吸引力的 GitHub 檔案頁面。這些模板涵蓋了從簡約風格到展示代碼和成就徽章的多種選擇,讓使用者可以根據自己的需求和偏好,快速打造專業且個性化的檔案頁面。無需繁瑣的操作,使用者只需挑選喜歡的樣式,即可完成設置,適合所有 GitHub 使用者。

LottieLab:輕鬆打造 Lottie 的動態互動網頁體驗
網路資源

LottieLab:輕鬆打造 Lottie 的動態互動網頁體驗

在數位內容創作中,動畫越來越成為提升視覺效果的重要元素。LottieLab 正是一款專門為動畫設計師和開發者打造的創新工具,旨在簡化動畫的創作和整合過程。LottieLab 結合了強大的編輯功能與即時預覽,讓使用者能夠更快速、更直覺地創建和管理 Lottie 動畫。

Atlas Icons:設計師必備的高質感圖示資源平台
網路資源

Atlas Icons:設計師必備的高質感圖示資源平台

在現代網頁設計和應用程式開發中,圖示(Icons)扮演著至關重要的角色,能夠提升使用者介面(UI)的視覺吸引力與可用性。Atlas Icons 是一個由 Vectopus 推出的圖示資源平台,專為設計師和開發者提供多樣化且高品質的圖示集合,讓你的專案更具視覺效果和專業感。

LandingPro:AI 驅動的高效 Landing Page 設計工具
網路資源

LandingPro:AI 驅動的高效 Landing Page 設計工具

隨著數位行銷的發展,Landing Page設計已成為每個線上行銷策略的重要一環。LandingPro 是一款專為行銷人員和網站開發者打造的 AI 驅動工具,旨在簡化並加速Landing Page的建立過程,讓使用者可以輕鬆設計出高轉換率的Landing Page。

Draw.io:輕鬆繪製流程圖與圖表的線上工具
網路資源

Draw.io:輕鬆繪製流程圖與圖表的線上工具

Draw.io 提供了方便的線上圖表繪製功能,你可以在上面建制流程圖、sitemap、系統架構圖之類的圖表,也提供了樣板供你使用及參考。