嗨，
我是 Taony
歡迎打開 2026 年的第一封電子報（亞洲時間可能算第二封哈哈）
過去我們聊了很多關於設計師自我成長、AI、等等的話題
這次想要做一些改變
我選取了 8 個非常精彩的網站設計
類型從個人作品集、電商網站到資訊平台、工作室
在 AI 門檻越來越低的時代，這些精彩的網站很好的提醒著我們
作為一名設計師，真正的價值體現於「idea 想法」
好想法不一定是從 0 到 1，很多時候只是透過 Mixed 融合
就可以產生出各種意想不到的絕妙設計
另外一方面，也要感謝 AI 的蓬勃發展（絞殺激烈）
讓我們天馬行空的想法，得以實現
因為 email 的限制，我無法擷取所有的畫面
強烈推薦你瀏覽每一個網站，細細品嚐它們
相信我，看完後你一定會得到一些靈感啟發
No.1 （排名不分先後）
第一個網站，從截屏就看出來這是大家熟悉的 Windows XP 操作系統
絕妙的地方在於，這其實是一位視覺設計師的個人網站
我是完全沒有想到，會有這樣的呈現方式
每一個元素都可以互動，並且UI UX 幾乎還原了 XP 當時的樣貌
非常令人印象深刻，先不去討論設計師的專案
光是這樣的作品集網站就足夠吸引人
Inspiration:
舊酒新裝，可以帶來出其不意的效果
本案的設計師選擇了知名度與情懷滿分的 Windows XP
不得不說，是大膽又聰明的決定
No.2
第二個網站，來自 UK 的一間設計 Agency
第一印象你可能會覺得，這就是一個非常規 Layout 佈局的設計
但其實有很多細節充滿了巧思
像是：
按鈕元件的 Hover 回饋做成了一種抬升效果，並且會隨著滑鼠移動
這樣的手法讓網站純 2D 的風格加入了更多空間感
第二個，我很喜歡的巧思是
在主頁下方，客戶需求收集表單右側
加入了一個三個選項的 Switch toggle
你只能選擇打開其中兩個，無法兼顧三者
想要 Low Cost 低成本，就必須在 Highest Quality 和 Tight Deadline 中放棄一個
這真的是神來之筆，用輕鬆幽默的方式來告訴客戶
便宜、高品質、快速這三者無法同時存在
Inspiration:
簡約設計並非只有單純的 Flat 2D，在細節處理上可以充滿巧思
有時候教育客戶可以換一種方式和角度，融入到設計之中
既自然又印象深刻
No.3
第三個網站，我強烈推薦的理由是
它是一個收集 Vibe Coding 網站作品的平台
果然有人在做這件事情了，近些年類似 Mobbin 這樣的平台真的蠻多的
透過這個平台，我們可以看見有哪些很棒的 idea 被實現
側面也可以瞭解到說，設計師可以發揮的空間有多大
更棒的地方是，除了收集展示不錯的 Vibe coding 作品外
還有 AI 工具的教學、趨勢排行等等
Inspiration:
精準、垂直的市場一直都充滿了機會，當年 Mobbin 做 UIUX collection 的時候
還只是一個普通的收集平台，看看現在…
AI 時代的好處就是，更低的成本去實現想法
所以如果你現在有什麼好的 idea, 趕快投入市場驗證
No.4
第四個網站（包括後面的5，6）都是設計師個人網站，先說第四個
我很喜歡和感到驚喜的地方是，這個網站的 scrolling animation
滑鼠捲動效果真的被運用到了極致
透過捲動，畫面會發生兩種變化：
一是整體視角從遠到近的空間遞進
二是畫面中元素變化，像是眨眼、流動、移動
專案部分也非常有趣的用捷運車廂來呈現
其實整個網站並沒有很複雜和酷炫的效果
很聰明的用前後、左右的視覺差來創造出變化
兼顧了網頁的效能和體驗
Inspiration:
並不是說一定要作品集像這樣設計
值得學習的地方在於，頁面捲動這種的網頁效果
現在的 No code 平台（Framer, Webflow）已經容易實現
我們可以嘗試加入一些自己的想法
來玩玩看不同的效果
哪怕只是一段話，一個標題 也可能讓人記住你
No.5
第五個，也是一個充滿啓發性的作品集網站
它的絕妙之處在於，空間和 3D 玩到了極致
主頁非常直接，簡單一句話介紹「我服務目標是什麼」
剩下就是一個超大的，會跟著滑鼠滾輪旋轉的長方形方塊
這個方塊其實就是一個導航欄
點進某一個 case study 後後，右下角的方塊同樣起到導航的作用
可以關閉、下一個專案、Credits 等等
同時很聰明的利用方塊不同的面積（側面窄）來區分視覺層級
例如 CLOSE 和 CREDITS 這兩個重要的入口放在面積大的面上
你會發現，其實整個網站 90% 都是純靜態平面展示
但就是加入了 3D 旋轉導航塊，一切都不同了
Inspiration:
不重要的裝飾不會多放，不重要的互動形式也不會用
一切的重點在突出「內容本身」
從主頁簡單直接的自介，到 3D 方塊的點睛之筆
都可以看出設計師很強的克制力和懂得如何引導
我們應該學會分辨出哪些是噪音
No.6
第六個，是最讓我感到衝擊的一個
真的超誇張的呈現手法（想不記得他都難）
整個網站就像一封簡短的信
只有文字和白色的背景
可以說極簡運用到最大限度（沒有東西可以省去了）
你可以想像成它是一場舞台劇
空白頁面就是舞台，文字就是演員
演員在和你互動、對話
要讓這台劇好看，就必須有好演員、好劇本
這就是這個網站，第二個印象深刻的地方： 「文案」
很簡單，很幽默
最終就產生出了獨特的瀏覽體驗
如果大家感興趣，可以谷歌 Kris Lüdi
是一位藝術家和導演 (一切都說得通了)
Inspiration:
再次證明，內容大於視覺形式
不過這裡並不是說我們也要走如此極端的路線
在確保內容本身足夠優秀時， 極致反差會有意想不到的效果
另外，少永遠是比太多更好（去除噪音）
No.7
第七個網站，也很有意思
最讓我意外的是，它是美國政府官方的網站…
用來宣傳健康飲食的重要性
也是透過滑鼠捲動的方式，來觸發不同的內容
特別是數據的呈現方式，值得學習
另外我覺得最值得設計師學習的
就是「一頁只說一個重點」的方式
這個其實 Apple 一直沿用至今，是視覺敘事最佳的方式之一
在這個網站中，每一頁的內容呈現又加入了一點變化
有捲動模糊，有捲動顏色變化，有捲動背景的變化…
這麼做的原因，是透過不同的形式
讓標題、介紹、詳情在「一頁一重點」的形式上進行區分
也是一種逐步引導的過程
整個網站的 UX 文案也很棒，簡潔有力
Inspiration:
案例研究其實非常適合運用這樣的手法
將內容進行拆分，不斷吸引注意力
也是一種很好的控制瀏覽節奏的方法
我自己很喜歡用
No.8
來到最後一個網站，一個傳統的電商平台
主要產品是高端燈具
這個網站吸引我的地方，有幾個
第一，整體感受精緻
從字體的選擇，尺寸控制（克制），佈局方式
再到每一張產品圖片的拍攝（並非單純白色底，而是用了暖灰色）
做到這一點並不容易，需要客戶有很強的配合度
第二，絕妙的小巧思
在產品的列表頁面，右上角有一個切換 Light 的按鈕
當我們點下去，會發現燈具的圖片自動轉換成了點亮的效果
這樣我們就非常容易看到，每個燈具實際打開的感覺
你可能會想，那直接用打開的的圖片素材就好
為什麼要切換呢?
我的理解是，這是一家幾千美金的燈具品牌
產品偏向藝術品路線
擺放在家中作為裝飾，並不是只有單純的照明屬性
那自然白天、夜晚都要具有觀賞性
也就需要瞭解它在白天、夜晚不同的狀態了
為了實現這一點，拍攝了兩組不同的產品圖片
第三，足夠細的細節
每一個燈具的詳情頁面，都可以根據不同的選項
來展示不同的狀態
細節到只是一個底座的顏色變化
用了什麼規格的燈泡，居然也單獨拍攝了照片
果然是四位數美金起跳的燈
Inspiration:
看似普通，設計發揮空間有限的電商類網站
也可以在細節上進行創新
令人印象深刻的設計並非要華麗炫酷
也可以是體貼溫暖的細節
看完這些精彩的設計，是不是感覺發現了更多的可能性？
也許你覺得現在還沒有到這個階段
沒關係，設計也是一個不斷吸收、轉換、輸出的過程
只有不斷的去接觸、瞭解好的設計，才會提升自己的品味
剩下的就是動手啦
我也一直鼓勵多看、多思考，最難提升的就是「思維」
永遠都不是「操作」
希望 2026 年的你一切都順利，紮實的朝著目標前進
那我們就下期見囉～
Have a fantastic week!
Best,
Taony
