ui.camera

將 UI 圖片或影片製作成產品風格視覺素材的瀏覽器工作室。

  • 網頁工具
前往 ui.camera 官方網站

這是什麼

ui.camera 可上傳媒體、調整虛擬畫面角度，並擷取輸出的 PNG。

為何推薦

它不必另開 3D 或影像編輯流程，就能為平面的 UI 畫面加入展示情境。

適合誰

準備產品發表或作品集視覺的產品設計師、創辦人與行銷人員。

常用情境

  • 為發表頁面安排產品截圖
  • 測試 UI 的透視展示效果
  • 從短產品片段製作一致的視覺

Color.review

快速比較前景與背景色對比，並對照常見無障礙門檻的工具。

  • color
  • contrast
  • accessibility

Easing Editor

Anime.js 的彈簧緩動編輯器，可預覽動態並匯出 CSS 或 JavaScript 值。

  • animation
  • easing
  • css

Easing Functions

視覺化查閱常見緩動曲線，以及它們如何隨時間改變動態。

  • animation
  • reference
  • easing