上一版(A2)我把「信息密度」当成目标,结果做成了后台管理面板 —— 23 处小字、24 处网格线、方角控件、全大写标签、等宽字体。 这一版的原则完全反过来:舒适优先,精灵当主角。
接入《洛克王国:世界》真实数据:621 种形态、466 个编号、18 种属性、 真实种族值与立绘。支持属性/阶数筛选、排序、搜索(名称·编号·拼音)、 分页,点卡片看详情(种族值、档案、进化链、同编号形态)。
已拥有精灵,真实属性与种族值 + 等级、资质、异色标记。
图鉴去掉了拥有状态,改为纯资料库;已拥有的精灵移到「我的精灵」页。 两个页面都能真实操作:筛选、排序、搜索、翻页、重置全部可用, 手机端筛选条件会与电脑端同步。
账号已拥有精灵,带等级、资质、身高、异色与首领化标记。
手机端与电脑端是两套结构,不是同一套缩来缩去:手机用底部标签栏、 底部弹出筛选面板、横向卡片;电脑用顶部导航、横向筛选条、纵向卡片。 360px 到 1440px 全程无横向溢出,手机端触摸目标全部 ≥44px。
A4 的视觉基础:卡片、大圆角、暖橙、立绘当主角。单端布局。
连笔斜体字标,八款方案对比。已采用方案 1。
表格 + 行内展开 + 列排序。数据密度高,但整体偏工具感,像后台系统,因此重做。
最早的空壳表格版,保留仅作对照。