Haikei

調整形狀與配色,產生可匯出 SVG 或 PNG 的背景素材。

  • 視覺
前往 Haikei 官方網站

這是什麼

Haikei 是背景素材產生器,提供波浪、不規則形狀、漸層等樣式。選好產生器後,可以調整參數、配色與畫布尺寸,再匯出 SVG 或 PNG。

為何推薦

版面需要背景時,現成圖片的顏色與比例不一定合適。Haikei 可以依版面調整素材,也能用隨機產生功能比較不同構圖,找到適合放文字或產品畫面的位置。

適合誰

製作網站或簡報的設計師、前端工程師,以及需要文章封面的內容創作者。

常用情境

  • 用品牌配色製作網站橫幅或簡報背景
  • 匯出 SVG,帶回向量編輯工具繼續調整

使用提醒

官方 Basic 方案提供 SVG 與中解析度 PNG 匯出。官方 FAQ 說明生成設計可用於個人與客戶專案,但限制用來提供類似的設計產生器服務;使用前應確認當時的方案與條款。

SVGOMG

使用 SVGO 設定來最佳化 SVG 檔案的瀏覽器介面。

  • svg
  • optimization
  • web-performance

Bitspace

在瀏覽器中以連結式視覺原型探索創意運算的空間。

  • creative-coding
  • prototyping
  • visual-programming

cables

不必先從手寫程式開始,就能製作互動網頁視覺內容的視覺工具。

  • visual-programming
  • webgl
  • interactive