劉訊志 · Moexiaozhi

將設計筆記與前端實作
做成耐看的視覺故事

我是 Moexiaozhi,專注於 UI/UX 與前端動效。這裡紀錄我的專案經驗、 設計觀察與開發心得,讓每一篇文章都有節奏、有畫面。

最新記事側欄導覽的層次與節奏
側欄導覽的層次與節奏
拆解側欄導覽的視覺層次,讓小空間也能呈現清楚的資訊架構與品牌語氣。
About

以設計為核心的個人工作室

將品牌故事轉化為清晰的 UI 與流暢的互動體驗,擅長把複雜資訊整理成易讀的 版面節奏。這個網站是我分享觀察、作品與靈感的基地。

設計策略
用視覺階層與內容結構建立清晰的瀏覽路徑。
互動敘事
結合 GSAP 動效,讓內容在捲動之間自然登場。
品牌語氣
透過色彩與排版,塑造一致的品牌感受。
Blog

最新文章

分享前端實作、設計觀察與工具心得。文章內容透過 WordPress REST API 取得,並整合於 Next.js 網站中。

側欄導覽的層次與節奏

側欄導覽的層次與節奏

拆解側欄導覽的視覺層次,讓小空間也能呈現清楚的資訊架構與品牌語氣。
打造雜誌感的部落格版面

打造雜誌感的部落格版面

如何用灰階背景與少量高飽和色,打造「編輯感」與「設計感」兼具的閱讀體驗。
用 GSAP 建立閱讀的節奏感

用 GSAP 建立閱讀的節奏感

捲動動畫不只是華麗,而是讓使用者跟上內容節奏的一種敘事方式。