行情看板界面设计：趋势和周期一起读

Coin360这组行情看板界面设计，用大价格抓住视线，再用宽幅曲线展开时间。月度按钮就在图旁，年度色条另有自己的区域。看趋势时能同时找到范围，是这套页面值得借鉴的安排。

大价格与当前周期都在主图上方

资产名称紧贴大价格，整数部分较黑，小数部分变浅，旁边用绿色小标签显示变化。数字有很强的视觉份量，却没有把对象名称挤到其他模块。

右上角从Day排到All Time，Month用黑底标出。周期是一排可见选项，当前选择无需打开菜单就能读到。这很适合反复切换观察范围的看板，读者不容易忘记眼前曲线覆盖哪一段时间。

主图横向空间宽，灰线与绿线沿日期展开，选中点用竖线与价格浮层定位。价格标签贴在观察位置附近，比在角落额外开一张与日期无关的数字卡更容易对应。

界达设计更看重对象、范围和读数的邻近关系。实际产品还应给多条曲线清楚图例，并标明更新时间。静态图里的线形可以分析，当前行情、数据准确性和更新速度都不能从这张图确认。

年度色条在黑色底上形成另一种概览

Price Changes使用短小的红绿黄条，Growth、Decline和No change各有文字图例，右上另放年份。它把许多变化压进一个较矮区域，和主图的连续曲线形成不同观看尺度。

文字图例很重要，颜色不是唯一解释。品牌本来就用亮绿，若所有绿色都自动被理解为上涨，装饰与状态会混在一起。这里通过图例给色条一个明确的语境。

年度色条和月度主图并存，也意味着时间口径需要分别说明。后续交互可以让选中条目显示具体日期、变化值与比较基准；是否联动主图，应在原型里给出结果。当前画面只展示布局。

市场字段转回列表，方便逐项确认

Dominance与Market Data位于下方，前者用比例与条纹做概览，后者把Price、Market Cap、24h Volume等字段逐行排开。趋势、构成和字段没有被硬塞进同一种图形，这种区分帮助各类信息保持用途。

字段行之间有细线，数值靠右，让名称与结果有稳定对应。旁边的绿色立体图形负责品牌气氛，字段负责具体解释。装饰若进一步缩减，也不会破坏列表本身的阅读秩序。

需要核对的一处是，主图大价格与Market Data中的Price显示不同值。样例阶段就应说明它们属于不同对象或时间，若本应一致则要同步。这个差异是画面内部的内容问题，不宜靠增加颜色或更大字号解决。

手机延续周期，查看与输入分成不同画面

移动界面仍把1D、1W、1M等选项放在价格上方，当前项保持黑色底，资产名和价格继续紧邻。宽曲线改成窄屏后，基本的阅读顺序没有改变。

列表页用名称、价格和红绿变化标签逐行组织，另一个输入页以Swap、Send、Buy区分动作。来源资产下拉与金额各有区域，信息查阅与输入任务已经在画面上分开。

这适合数据工具规划阶段参考：先让人看清正在观察什么，再到行动页面重新确认对象。真实费用、网络、预计结果与确认反馈还需完整原型和对应资料，本文不根据静态样图给交易判断。

评审时可以用长资产名、不同币种和更多位数试排，检查大数字是否仍与单位保持关系；也要确认返回主图时能读到原来的周期。可靠的界面感来自这些具体对应。