發布項目

MakeAsOne / Website reference study

整理網站參考時,不應預設圖片數量,再要求網站內容配合版面。應先檢視完整體驗,判斷哪些畫面值得保留。

本次以 Uniswap Web App 進行桌面測試,涵蓋首頁、Explore、Launches、Pool 和 Portfolio,最終選出九個具代表性的畫面。九個畫面是本次編輯結果,並非適用於所有網站的固定數量。

HOMEPAGE / CONTINUOUS DESKTOP CAPTURE / 1440 × 900
01 / HOMEPAGE

先讓人用,再介紹品牌

首頁首屏直接展示換幣介面;模糊而浮動的代幣圖像為背景增添動感,同時保留表單作為視覺焦點。協議數據及產品卡片安排在下方,以操作體驗為先,再補充規模與功能資訊。

數據區是網站呈現的信任訊號;錄影中的數字僅代表擷取當下,並非即時資料。

Uniswap 首頁的協議數據區
HOMEPAGE / PROTOCOL STATS
Uniswap 首頁的產品功能卡片
HOMEPAGE / PRODUCT CARDS
02 / SPECIAL PAGES

不同頁面有不同值得收藏的地方

Launches 在同一頁結合趨勢卡片、橫向動態資訊及密集榜單;Pool 串連建立倉位、連接錢包的空狀態及市場表格;Portfolio 則提供示範錢包視圖,展示圖表及操作入口。

Explore 在本次檢查期間持續顯示載入骨架,因此未納入畫面。確保資料具代表性,比填滿預設數量的內容區塊更重要。

Uniswap Launches 的趨勢卡片和榜單
LAUNCHES / MARKET DISCOVERY
Uniswap Portfolio 的示範錢包圖表
PORTFOLIO / DEMO VIEW
03 / CAPTURE

流暢感要來自真實畫面

初版錄影快速捲動後停頓過久,令節奏顯得不連貫。修訂後延長每段捲動,使用 ease-in-out 連接視口,並只保留短暫的閱讀停頓;直接錄製瀏覽器畫面,以保留網站原有動畫。

每個內容區塊使用靜態封面,滑鼠移入時才播放對應片段。列表因此適合安靜比較,亦可按需要檢視動態效果。

研究下一個網站時,仍須重新判斷哪些頁面可公開瀏覽、哪些畫面具有獨特性,以及分類標籤是否有充分依據。十五個內容區塊是上限,並非目標。

本篇記錄 2026.09.23 的公開桌面頁面觀察;未連接錢包、登入或進行交易。
查看 Uniswap 參考庫 →