家具电商网站设计：留白里怎样找到单品

New Works的家具电商网站设计很安静：细线网格、浅色背景和大片留白，让灯具与椅子的轮廓先被看见。更有意思的是，生活照片没有另起一套视觉，它们直接进入目录，并在房间页落到具体单品。

白底目录，先把灯的轮廓让出来

台灯目录用四列细线网格陈列商品。锥形、圆球、碗形和圆柱的差异，在统一背景下非常明显。没有厚卡片和夸张阴影，产品本身的材质与外形成为主要内容。

名称、色点和价格都放在灯具下面，格子右上角保留小加号。重复的字段位置像一条轻声提示：喜欢外形以后，还可以继续确认这件灯的身份。选购不需要先穿过一层复杂装饰。

两张生活照片打断了连续商品格，一张是庭院，另一张是户外桌面局部。它们仍沿着原有细线排列，没有变成突兀横幅。这样的节奏适合精品目录，但照片格的去向应有清楚说明，避免让读者猜是场景文章还是商品入口。

房间页用一组单品解释整幅照片

Collection by Room把标题和短说明放在左边，右边给完整客厅照片，旁边还有茶几局部。大图看布局，小图看材料和摆放，两种尺度共同帮助理解家具之间的关系。

下方Pieces in this room列出沙发、桌子、椅子和凳子。商品图换回白底，名称、色点和价格也延续目录。看过房间之后，读者可以直接认出组成它的几件物品，无需自己从整站寻找相似款。

界达设计认为，家具场景关联商品设计值得重视的正是这条对应关系。场景给出搭配感，列表给出可查身份；实际内容维护时，应核对照片里的版本与列表是否一致，颜色或尺寸不同就近说明。

标题使用带衬线的字形，商品名则更朴素。前者适合讲房间的氛围，后者适合反复查找型号。两套字形在同一页面里各有岗位，细线网格又把它们接到一起。对于依赖摄影和编辑内容的家居网站，这种小范围字体差异比不断增加颜色更克制。

房间页的产品卡没有重新做成推荐横幅，而是沿用四列目录。读者从照片转向商品时，不需要再认识一种卡片样式。维护时也可以用统一字段检查缺失名称、价格或版本，视觉一致由内容一致来支撑。

椅子详情的留白，给了形状充分的时间

Tembo Lounge Chair的大图在左，黑色椅身周围有很宽的空白。靠背、扶手和椅腿的线条可以完整阅读，也不会被说明文字覆盖。这种画面适合外形辨识度高的家具，让产品轮廓先形成印象。

右侧从名称、作者和价格往下，接短说明、三个色点、数量与Buy。整条信息列的宽度稳定，购买区也在同一视野中。浅灰文字与黑色产品形成轻重关系，阅读过程很克制。

不过，色点还没有同时给出色名和醒目的选中边界。家具颜色选择设计可以保留小圆点，同时在旁边写出当前颜色，让选择能够用文字复述。材料、尺寸和交付信息，也应有清楚的后续入口。

把简洁建立在字段一致上

这套网站里的加号、细线和小色点都很小，视觉秩序主要来自它们反复出现在相同位置。借鉴极简风格时，先统一名称、价格与动作的关系，往往比继续缩小字号更有用。

若目录中的加号用于快捷购买，有版本待选的商品仍需要明确的确认步骤；若用于打开详情，则应在交互中给出相应反馈。加号的具体用途需要在入口说明或点击反馈中说清楚，才能承接前面建立的单品识别。

留白适合让人慢慢欣赏家具，但在手机端也要安排及时可见的名称和购买条件。设计评审可以从一件具体灯具开始，把目录、场景和详情连续看一遍，检查途中是否始终知道自己看的是哪件商品。