我用 AI 做出來的東西。

我生成的圖片和網頁,網頁可以直接開啟查看效果。

23 項結果 · 1–23
6 張圖片可開啟的網頁

Sealed:放得下才封口的信封

給 X、Bluesky 和單則簡訊用的字數檢查器:真的放得下,信封才封蠟;還會點名那個把簡訊從 160 字砍到 70 字的彎引號。

2026年11月04日
6 張圖片可開啟的網頁

Stub:撕收據來分帳

點收據上的一行,它就撕下來飛給點它的人。

2026年10月31日
2 張圖片可開啟的網頁

Title Check:長標題排版試驗台

貼上標題、縮窄真實卡片,對比換行前後並複製 CSS。給網頁設計師與 AI 輔助開發者的小工具。

2026年10月28日
圖片可開啟的網頁

TYPE TIDE:給文字一個運動節奏

輸入一段短文字,讓字母形成波浪或呼吸般的脈動。螢光黃畫布、大字排版與即時控制組成可玩的字體實驗。

2026年10月27日
圖片可開啟的網頁

CHROMATIC:光線塑形的 3D 材質實驗

拖曳一枚連續的金屬扭結,切換銀色、鈷藍與珊瑚色,再調整管體粗細,觀察同一形體如何改變光感。

2026年10月27日
圖片可開啟的網頁

KETTLE:慢一點的咖啡品牌動效頁

一個藍黃配色的原創品牌動效實驗:浮動包裝、大字標題與流動文字帶組成輕鬆的瀏覽節奏,也可以切換風味文案。

2026年10月27日
圖片

DETOUR:城市漫遊 App 介面設計

Tink / Boloop 的 AI 輔助原創 UI 概念:以地圖作為核心介面,透過藍色路線、黃色站點與底部路線說明建立清楚層級,讓探索步行路線成為唯一主要操作。 本案例展示靜態設計稿。

2026年10月27日
圖片

MARGIN:閱讀筆記 App 介面設計

Tink / Boloop 的 AI 輔助原創 UI 概念:以紙張色、襯線文字與克制的酒紅色呈現閱讀節奏,將畫線、摘錄與個人筆記組合成一個核心畫面。 本案例展示靜態設計稿。

2026年10月27日
圖片

SIDEB:音樂探索 App 介面設計

Tink / Boloop 的 AI 輔助原創 UI 概念:黑底、朱紅與唱片式封面建立唱片店氣質,以專輯主體、曲目列與播放控制項組織音樂探索頁面。 本案例展示靜態設計稿。

2026年10月27日
圖片

FROND:植物養護 App 介面設計

Tink / Boloop 的 AI 輔助原創 UI 概念:暖白與森林綠圍繞植物主體展開,將觀察、記筆記與可調整提醒放在同一條輕量操作路徑上。 本案例展示靜態設計稿。

2026年10月27日
圖片

NOCTURNE:觀星 App 介面設計

Tink / Boloop 的 AI 輔助原創 UI 概念:以深藍星空建立沉浸感,透過清楚的主按鈕引導使用者進入觀星視圖,底部保留日誌與收藏入口。 本案例展示靜態設計稿。

2026年10月27日
3 張圖片可開啟的網頁

PLAY MATTER:可以揉散、重組的 3D 金屬雕塑

一個由 AI 輔助創作的 Three.js 互動網頁。拖拽旋轉虹彩金屬薄片,長按讓它們散開,鬆手重新聚合;也可以切換扭結、綻放,或輸入短詞生成立體文字。

2026年10月23日
圖片

黑膠唱片上的雨夜小城

把唱片溝槽變成環形街道:暖燈夜市、小電車和雨水倒影,構成一座唱片大小的微縮小城。

2026年10月23日
3 張圖片可開啟的網頁

OTHERWHERE:黑洞引力遊樂場

一個由 AI 輔助創作的全屏互動網頁。拖拽改變黑洞視角,縮放觀察發光盤,長按蓄力穿越金色、紫色與青綠色世界。

2026年10月23日
3 張圖片可開啟的網頁

Fold — 折疊紙上的互動字體

一個由 AI 製作的互動字體實驗。輸入一個字,調整紙張上的 Z 字形折疊,然後將其再次平整。

2026年10月23日