整理網站參考時,不應預設圖片數量,再要求網站內容配合版面。應先檢視完整體驗,判斷哪些畫面值得保留。
本次以 Uniswap Web App 進行桌面測試,涵蓋首頁、Explore、Launches、Pool 和 Portfolio,最終選出九個具代表性的畫面。九個畫面是本次編輯結果,並非適用於所有網站的固定數量。
01 / HOMEPAGE
先讓人用,再介紹品牌
首頁首屏直接展示換幣介面;模糊而浮動的代幣圖像為背景增添動感,同時保留表單作為視覺焦點。協議數據及產品卡片安排在下方,以操作體驗為先,再補充規模與功能資訊。
數據區是網站呈現的信任訊號;錄影中的數字僅代表擷取當下,並非即時資料。


02 / SPECIAL PAGES
不同頁面有不同值得收藏的地方
Launches 在同一頁結合趨勢卡片、橫向動態資訊及密集榜單;Pool 串連建立倉位、連接錢包的空狀態及市場表格;Portfolio 則提供示範錢包視圖,展示圖表及操作入口。
Explore 在本次檢查期間持續顯示載入骨架,因此未納入畫面。確保資料具代表性,比填滿預設數量的內容區塊更重要。


03 / CAPTURE
流暢感要來自真實畫面
初版錄影快速捲動後停頓過久,令節奏顯得不連貫。修訂後延長每段捲動,使用 ease-in-out 連接視口,並只保留短暫的閱讀停頓;直接錄製瀏覽器畫面,以保留網站原有動畫。
每個內容區塊使用靜態封面,滑鼠移入時才播放對應片段。列表因此適合安靜比較,亦可按需要檢視動態效果。