拆解 Uniswap 的网站设计
有用的网站研究从体验开始，而非预设截图数量。我会先探索产品，再选择最能说明运作方式的片段。
这次针对 Uniswap Web App的桌面研究，我探索首页、Explore、Launches、Pool 与 Portfolio，选出九个具代表性的画面。它们共同展示产品如何维持一致，同时让不同页面各有作用。
先让人使用产品，再解释产品
首页直接展示兑换介面。柔和漂浮的代币图像在背景增添动感，同时保持表单为视觉焦点。下方才出现协议数据与产品卡片：先互动，再展示规模与能力。
数据在设计中充当信任线索。录影中的数字是研究当时的快照，并非即时市场数据。
让每一页都有明确目的
Launches 结合热门卡片、横向动态资讯与密集排行表格。 Pool 连结建立仓位、钱包连接空白状态与市场表格。 Portfolio 提供示范钱包画面，配有图表与清晰操作入口。
这次浏览时，Explore 一直停留在载入状态，因此没有纳入精选画面。有用的参考应反映实际看得到的内容。
研究动态，而不只是截图
第一次录影移动太快，之后又停顿太久。我改用较长的卷动、渐入渐出的过渡，以及较短的阅读停顿。直接录制浏览器，保留了网站本身的动画。
参考库中的每个区块先展示静态封面，游标移入时才播放片段。这样可以安静地比较版面，再于有需要时观察动态。
