DeFi 界面的一个基本问题
DeFi 产品的用户大致分两类：一类是链上交易的老手，习惯控制每一个交易参数——滑点精确到小数点、路由路径要能看到、价格影响要有提示；另一类是刚接触 Web3 的新用户，只想「用这个换那个」，看到一堆专业词汇会直接放弃。
这两类用户同时存在，但需求基本相反。
我们用的方式是渐进式披露：主操作面板只保留最核心的三步——选代币、输入数量、确认。滑点、路由、Gas 费等参数折叠在「高级设置」里。老手可以展开，新用户完全可以忽略，不影响完成交易。
关于深色主题的选择
设计初期我们真的考虑过做亮色版本，参考 Coinbase Pro 的风格，看起来更接近普通金融 App。
放弃的主要原因有两个：DeFi 用户在交易界面停留时间普遍比较长，亮色屏幕长时间使用的疲劳感更明显；另外，涨跌颜色（绿色上涨、红色下跌）在深色背景上的对比度更高，视觉上更容易捕捉，这对快速判断行情是有实际意义的。
Figma 里的设计稿是静态的，数据是假的，布局是完美的。到了浏览器里，情况就不一样了。
代币选择器里，不同代币的全称长度差很多——「APT」和「Wrapped Bitcoin」放在同一个组件里，处理方式需要专门考虑，Figma 里看不出来。
价格数字每隔几秒会刷新，如果直接替换，用户看到的是一个一直在「闪」的界面，体验很差。加一个短暂的 fade 过渡，这个问题就解决了，但要意识到这个问题存在，需要你实际在浏览器里看到它。
Bridge 页面支持多条链，各链的官方 Logo 比例各不相同，放进统一尺寸的容器会有的变形、有的留白——这个细节在设计稿里也看不出来。
这几个问题本身都不大，但它们都是只有在实际开发时才会遇到的。这让我在之后看设计稿的时候，会更多地想「这个在真实数据下会怎样」。