
系列页卡片
Carry-On 登机箱
$275
商品系列
缩小为卡片仍清楚
居中尺度与方形裁切让产品在快速浏览中保持清楚。
店铺位置系统
一种构图无法完成所有店铺任务。围绕同一可识别产品,分别创建易浏览的系列裁切、可查看的商品图与更宽的店铺首屏视觉。
由 MAKEAD 创建
起始产品图三种店铺任务
系列浏览需要即时识别,商品详情需要可查看的产品形态,店铺首屏则需要情境与文案空间。

系列页卡片
Carry-On 登机箱
$275
商品系列
居中尺度与方形裁切让产品在快速浏览中保持清楚。

商品详情
Carry-On 登机箱
$275
加入购物袋商品详情
竖版产品主导图片为完整形态与重要表面留出更多空间。

店铺首屏
为下一段旅程而设计
选购系列店铺首屏
更宽图片加入场景与明确负空间,同时不丢失产品。
客户证明
这些评论覆盖系列页可读性、宽幅店铺图片与真实店铺使用。
“我选择 1:1 裁切并把产品居中,让它在系列网格的小卡片中仍然清楚。缩小后不会变成模糊一团。”
Tomas_L
MakeAD 用户
“首页横幅我设置为 16:9,并要求更宽、更有氛围的场景。它带来情绪与空间,但产品仍是焦点。”
Elowen_B
MakeAD 用户
“我下载了成图,自己放到 Shopify 商品页和系列页头图里。现在已经在线上店铺使用。”
Bruno_C
MakeAD 用户
围绕位置创建
上方行李箱证明了一套位置系统。这里用护肤产品展示,当产品形态、尺度与品类改变时,同样的店铺首屏逻辑如何重新组织。
01 · 你的产品图
起始产品图从一张完整、清晰、能展示重点表面的产品图开始。
02 · 描述任务
“创建宽幅护肤店铺首屏图,保持完整按压瓶在右侧可识别,并在左侧保留明亮安静的文案区域。”
创建之前
创建前先规划角色、比例、移动端可读性与视觉一致性。
规划易浏览的系列图片、可查看的商品详情图片,以及布局需要情境和文案空间时的宽幅店铺或广告图片。
先确定位置。方形常用于系列卡片,竖版为商品详情留出更多空间,宽幅适合与文案共享空间的店铺区块。
可以,前提是源图清楚展示完整产品。为每个位置发起独立聚焦请求,让裁切、尺度与负空间各司其职。
把系列图与商品图缩小到真实卡片尺寸,确认产品保持清楚、重要细节可读,且边缘没有被裁掉。
从同一可识别产品开始,重复少量光线、表面、色彩氛围与间距决策,同时为每个角色改变构图。