UIUX 學習筆記

#landing-page

所有標記為 landing-page 嘅文章

地雷系 landing 第 1 章畫面 ── 甜美黑粉風嘅人物劇照,上面浮住「地雷妹是什麼?」標題
2026年6月23日 · WORKS

用 scroll 控制一條 AI 影片:由頭 scrub 到尾嘅 landing

一個用 scroll 進度直接 scrub 一條 AI 生成影片嘅 landing:700vh pin + 緩動 seek 令影片跟手,6 章字幕順住捲動浮現。記低 scroll-scrub 嘅體驗設計同學到嘅嘢。

WAX & SOUL 黑膠店 landing 嘅 Hero ── 一隻黑膠唱片置中自轉,下面係店名同標語
2026年6月21日 · WORKS

用 Three.js 砌一個由頭 scroll 到尾嘅 3D 黑膠唱片店 landing

一個用 Three.js + Lenis 砌嘅連續 scroll 3D 體驗:同一隻黑膠由 Hero 自轉、帶到 New Arrivals 抽碟、最後跌落木框唱盤播放。記低三幕敘事嘅設計取捨同學到嘅嘢。

Citypunks 落地頁 above-the-fold 真實樣子 ── nav、武士角色、CITY PUNKS 大標題同雙 CTA
2026年5月29日 · WORKS

跟教學試 Claude Design + Midjourney:生成一個 cyberpunk 遊戲落地頁

跟住一條 YouTube 教學,學用 Claude Design 生成網頁、Midjourney 生圖嘅 workflow,做出虛構遊戲 Citypunks 嘅落地頁。記低流程同心得。