器物电商设计：从作者档案走到选购

Permanent Collection的页面把器物与制作者放在同一套温和版式中。米白背景、细衬线标题和黑白工作照片没有抢走商品本身的颜色；更值得借鉴的是，作者介绍下方直接接上作品，单件详情又将欣赏与选购分成清楚的区域。

核心结论

• 作者档案下接商品，让故事与选购有明确联系。
• 单件图、使用图和规格应各自说明不同信息。

工作照片让作者介绍有具体对象

两张作者档案沿用相同结构：左侧姓名与短文，右侧工作场景，下方以一条细线分出Objects by和商品。人物不是脱离商店的宣传页，而是可以继续查看器物的内容入口。照片里的手、工作台与材料也比单独头像更贴近这一类商品。

黑白照片与彩色器物形成轻微区分，文字保持克制，作品缩略图因此仍有存在感。这样的作者商品关联设计适合制作背景影响选择的品类；如果作品数量很多，列表还需要明确当前展示范围与查看更多的位置。

页面中的作者名称只能据此识别栏目，不能由工作照片推断制作过程或认证。界达设计评审这类页面时，更关注从人物到作品后是否仍保留作者名称，以及返回时能否回到原来的阅读位置。

单件图与使用图回答不同问题

Cereal Bowl详情首屏把绿碗放在浅色矩形中，右侧依次列名称、价格、颜色、数量与棕色Add to Cart按钮。独立商品照片方便看轮廓，选择字段集中在另一边，购买动作不会与图片切换箭头混在一起。

下方盛着水果的照片补充使用情境，Details等标签组织进一步信息。场景图可以说明器物如何出现在生活里，却不能可靠替代直径、容量或材质。影响购买的规格宜在购买区附近给摘要，再通过详情展开。

推荐商品横排在页面末端，外观与当前器物相近。这能延续浏览兴趣，但You may also like没有解释推荐关系；同作者、同系列或同用途，若能给出真实依据，选择会更有方向。

手机保留选择字段的顺序

移动列表以两列展示器物，详情则改成图片在上、名称和选项在下。两款商品分别保留Green或Wood等颜色文字，避免只靠小色点说明当前选择。底部宽按钮与桌面一致，形成可辨认的购买出口。

小屏中的数量控件靠近颜色字段，适合在加入购物车前一起核对。实际交互仍需检查数量变化后的反馈、不可售选项以及加入结果，不能把静态按钮的存在当成购买流程已经完整。

这组图没有展示手机上的完整规格展开。后续设计应保证购买按钮附近能找回关键尺寸，尤其是同形状、不同容量的器物。留白使画面轻盈，必要的字段也要能在短视野里被发现。

常见问题

手工器物一定要讲作者故事吗？

制作背景确实影响选择时值得展示，前提是故事有对应作品出口。关键规格、价格与配送条件仍需按购买任务组织。

场景照片能说明尺寸吗？

可以帮助理解用途，不能作为可靠测量依据。应使用明确的尺寸、容量和单位，并说明必要的差异范围。

设计检查清单

• 作者名称在档案与商品详情间保持连续。
• 图片切换和数量调整有明确反馈。
• 关键规格在手机购买区附近可找到。