时尚电商设计：留白让穿搭与单品各有位置

ÉRRA ATELIER的时尚电商设计很愿意留白。大幅人物照片旁只放一张较小配饰图，商品网格和详情也使用安静的浅底。这里的空白不只是气氛：照片、文字和选项各有边界，读者能先看整体穿搭，再看一件衣服的轮廓与条件。

核心结论

• 大小不同的编辑照片形成节奏，顶部商店导航仍然清楚。
• 统一浅底商品图便于看轮廓，生活方式照片提供另一种观看尺度。
• 详情用大场景图和独立选项面板分别讲质感与规格。

首页没有把两张照片排成同样大

左边人物图接近整个内容区的高度，米色服装、编织包和石面背景彼此协调。右边配饰图更小，下面只跟一段短说明，周围是很大一块白色。这种不等比例让主图先被看见，小图则像一个可以慢慢发现的细节。

顶部New In、Shop、About Us和Journal一直排在左侧，品牌名居中，搜索、账户和购物车在右侧。照片虽然像杂志跨页，商店的基本路径并没有藏起来。界达设计喜欢这里的分寸：视觉可以安静，找商品和购物车仍然要直接。

网格统一背景，比较的是衣服轮廓

商品页把夹克、裤装、上衣、裙装和鞋放在相近的浅色矩形里，图片没有各自使用复杂环境。轮廓、长度与色彩差别因此容易横向比较。分类标签位于上方，不需要先穿过一组营销横幅才开始找类别。

下方生活方式区再次出现人物、鞋与室内场景。商品白底图回答“这一件长什么样”，穿搭照片回答“穿起来是什么比例与氛围”。两类图穿插出现，适合时尚商品，但可购买的单品应有准确关联，照片里的道具不能自动视为出售内容。

这张列表还有一个很具体的内容问题：不同衣物下方重复出现靴款名称。建议逐件校对商品名称，再核对价格与详情对应。网格再整齐，名字错了，搜索、收藏和订单回查都会缺少稳定身份。

一把椅子，也能说明裙装的质感

详情大图把深棕裙装搭在黑色椅子上，布料铺开后的轮廓和褶皱占据画面。旁边的选择区回到白底，名称、价格和单品正面图先排列，再出现四个颜色缩略图。场景图不承担所有信息，选购区也没有复制整张场景。

颜色缩略图比纯色圆点更具体，每个版本的外观都能看见。首张带细边框，XS又有下划线，随后是一条黑色Add to Cart。颜色、尺码和加购纵向靠近，读者能在同一区域完成检查。对服装商品详情来说，这是一个值得保留的布局。

选中组合需要一条准确的文字

选择区还可以在按钮附近重复颜色名称与尺码，让深棕、黑色和深蓝不只依赖缩略图分辨。Description、Size & Fit、Material和Care按主题展开，是控制长页信息的好方法；打开说明时，之前的颜色尺码最好仍然可见。

图中标题与材质描述用词不完全一致，下方搭配卡也沿用重复名称。进一步打磨时，先让主商品、材质和推荐对象对齐，再解释搭配关系。编辑式照片可以丰富想象，准确资料则决定这份想象能否落到一件明确商品。

常见问题

时尚电商为什么同时需要单品图和穿搭图？

单品图便于看轮廓和版本，穿搭图便于看比例与风格。两者可并用，但可售商品的名称与关联需要明确。

设计检查清单

• 检查编辑照片是否仍能找到商店导航。
• 把列表照片与商品名称一一对应。
• 用文字复述加购前的颜色与尺码组合。