#improve
九个产品系列页焕新,用工业图谱串起系列、资料和应用
九个父级分类页重新组织了内容:32 张子分类卡配上工业图谱插画,资料、案例和资讯入口接在系列介绍之后。手机端保持单列,方便逐项浏览。
- 迭代阶段
- v43 · 系列页改版
- 交付范围
- 正式站已交付
背景与取舍
父级分类页需要帮助读者理解系列之间的关系,再进入具体型号。这次为不同系列设计了图谱插画,并把相关资料和应用入口放在同一条浏览路径上。
桌面可以通过悬浮看到轻微信号走线,手机进入视口时只播放一次;用户选择减少动态效果时,插画保持静止。手机卡片在验收后调整为单列。
这次改变了什么
- 九个父级分类页使用 32 张专属工业图谱插画与统一协议标识。
- 增加资料小卡、下载入口、案例/资讯区块和联系横幅。
- 手机采用单列卡片,点击入口提供即时按压反馈,并支持减少动态效果。
可以学到什么
- 系列页的视觉要帮助理解产品关系,同时把下一步需要的资料与应用入口安排好。
- 动效需要同时考虑鼠标、触摸和减少动态效果三种使用方式。