创意预览图

数码产品店店招主图,现代简约风格,顶部有醒目的店名"数码潮品馆",下方展示耳机、手机、充电宝等热门数码产品,整体干净明亮,科技感十足,适合电商平台展示,主体内容靠右排列

用户头像

1qvwcxs8tnk...

2026.03.28
详情页模板 · 第一屏设计说明 画板尺寸:750 × 500 px 风格定位:纯净未来极简调(苹果风/北欧风) 适用产品:亚克力耳机展示架(全品类通用) 一、画面整体结构 text ┌────────────────────── 750px ──────────────────────┐ │ │ │ ←40px→ ┌──────────┐ ←30px→ ┌──────────────┐ ←40px→│ │ │ │ │ │ │ │ │ 公司 │ │ WHY CHOOSE US│ │ │ │ 实拍图 │ │ 为什么选择我们 │ │ │ │ │ │ ────── │ │ │ │ 280×420 │ │ │ │ │ │ │ │ ✓ 优势条目×9 │ │ │ │ │ │ │ │ │ │ │ │ [认证图标] │ │ │ └──────────┘ └──────────────┘ │ │ 280px 350px │ │ │ └────────────────────── 500px ──────────────────────┘ 左侧:公司/工厂实拍图,宽280px,高420px 右侧:文字信息区,宽350px,高420px 上下留白:各35px(35 + 420 + 35 = 490,下留白实际45px) 图片与文字间距:30px 二、配色方案 用途 色号 说明 画面底色 #F5F5F7 苹果经典浅灰底 中文大标题 #1D1D1F 接近纯黑,不刺眼 英文小标题 #86868B 中灰色,装饰用 正文条目 #3A3A3C 深灰色,柔和阅读 ✓ 小图标 #007AFF 苹果蓝,视觉点缀 认证图标/文字 #6E6E73 统一灰色 认证区背景 #EDEDEF 浅灰条衬托 标题下短线 #D1D1D6 浅灰分隔线 图片标签字 #FFFFFF 白色 图片标签底 #000000 35%透明度 半透明黑底 三、字体规范 用途 字体 字重 字号 字距 英文标题 WHY CHOOSE US SF Pro Display / Helvetica Neue Light 12px 3px 中文标题 为什么选择我们 苹方 / 思源黑体 Medium 24px 默认 优势条目正文 苹方 / 思源黑体 Regular 11px 默认 图片标签 苹方 / 思源黑体 Regular 10px 默认 认证图标文字 SF Pro Text / Helvetica Neue Regular 10px 默认 四、左侧图片区规范 项目 规范 图片尺寸 280 × 420 px 图片圆角 12px 图片内容 公司展厅或工厂实拍,画面需包含亚克力耳机展示架产品 图片色调 明亮、通透、浅色场景为主 底部标签 右下角添加“源头工厂实拍”文字标签 标签样式 半透明黑底(#000000 35%)+ 白色字,圆角8px,内边距4px 10px 五、右侧文案区规范 5.1 标题区 第一行:WHY CHOOSE US(英文装饰标题) 第二行:为什么选择我们(中文主标题) 第三行:1px × 50px 横线(色号 #D1D1D6),距离中文标题下方 8px 5.2 优势条目区(9条,混排) 每条前方带蓝色 ✓ 图标(色号 #007AFF),条目之间垂直间距 10px,行高 1.6 倍。 排版顺序与方式: 序号 条目内容 排版方式 1 25+年一站式设计生产亚克力展示架OEM&ODM源头工厂 整行(跨全部宽度) 2 7800平米 左列 3 70+台生产设备 右列 4 100+生产员工|8+人设计工程师|10+专业销售团队 整行 5 产能2-5万+PCS/月 大货4-12天 左列 6 16+发明专利产品 右列 7 销售全球40+个国家 左列 8 60+分销商&5000+品牌客户合作服务经验 右列 9 欢迎客户验厂 整行 双列排布说明:第2-3条、5-6条、7-8条分别组成三组双列,左右宽度均分,中间留白20px。 5.3 认证图标区 距离最后一条优势条目 14px 整体放在一个浅灰色圆角条上:背景色 #EDEDEF,圆角 4px,上下内边距 6px,左右内边距 12px 图标内容横排一行:ISO9001 / ISO14001 / SGS / CE / ROHS / FCC 图标统一高度 16px,颜色 #6E6E73 图标之间间距 20px 六、分层文件结构建议(给设计师的操作指引) 建议在 Figma / Sketch / Illustrator 中按以下图层顺序组织: text 📁 第一屏_为什么选择我们 ├── 🖼️ 背景层(750×500,#F5F5F7) ├── 🖼️ 左侧图片区 │ ├── 图片蒙版(280×420,圆角12px) │ └── 标签(右下角) ├── 📝 右侧文案区 │ ├── 英文标题 WHY CHOOSE US │ ├── 中文标题 为什么选择我们 │ ├── 分隔线 │ ├── 优势条目组(按行分组) │ └── 认证图标区(灰色条 + 图标) └── 📏 参考线(辅助,导出前隐藏) 七、交付检查清单 设计师做完后,请逐项核对: 画板尺寸 750×500px 底色 #F5F5F7 左侧图片 280×420px,圆角 12px 右侧文字区 350×420px 中英标题字号、颜色正确 9条优势条目无遗漏、无错字 认证图标 6 个齐全 整体视觉干净、呼吸感好、无拥挤感详情页模板 · 第一屏设计说明
画板尺寸:750 × 500 px
风格定位:纯净未来极简调(苹果风/北欧风)
适用产品:亚克力耳机展示架(全品类通用)

一、画面整体结构
text
┌────────────────────── 750px ──────────────────────┐
│                                                    │
│  ←40px→ ┌──────────┐  ←30px→  ┌──────────────┐ ←40px→│
│          │          │          │              │      │
│          │  公司    │          │ WHY CHOOSE US│      │
│          │  实拍图  │          │ 为什么选择我们 │      │
│          │          │          │ ──────       │      │
│          │ 280×420  │          │              │      │
│          │          │          │ ✓ 优势条目×9  │      │
│          │          │          │              │      │
│          │          │          │ [认证图标]    │      │
│          └──────────┘          └──────────────┘      │
│           280px                 350px                │
│                                                    │
└────────────────────── 500px ──────────────────────┘
左侧:公司/工厂实拍图,宽280px,高420px

右侧:文字信息区,宽350px,高420px

上下留白:各35px(35 + 420 + 35 = 490,下留白实际45px)

图片与文字间距:30px

二、配色方案
用途	色号	说明
画面底色	#F5F5F7	苹果经典浅灰底
中文大标题	#1D1D1F	接近纯黑,不刺眼
英文小标题	#86868B	中灰色,装饰用
正文条目	#3A3A3C	深灰色,柔和阅读
✓ 小图标	#007AFF	苹果蓝,视觉点缀
认证图标/文字	#6E6E73	统一灰色
认证区背景	#EDEDEF	浅灰条衬托
标题下短线	#D1D1D6	浅灰分隔线
图片标签字	#FFFFFF	白色
图片标签底	#000000 35%透明度	半透明黑底
三、字体规范
用途	字体	字重	字号	字距
英文标题 WHY CHOOSE US	SF Pro Display / Helvetica Neue	Light	12px	3px
中文标题 为什么选择我们	苹方 / 思源黑体	Medium	24px	默认
优势条目正文	苹方 / 思源黑体	Regular	11px	默认
图片标签	苹方 / 思源黑体	Regular	10px	默认
认证图标文字	SF Pro Text / Helvetica Neue	Regular	10px	默认
四、左侧图片区规范
项目	规范
图片尺寸	280 × 420 px
图片圆角	12px
图片内容	公司展厅或工厂实拍,画面需包含亚克力耳机展示架产品
图片色调	明亮、通透、浅色场景为主
底部标签	右下角添加“源头工厂实拍”文字标签
标签样式	半透明黑底(#000000 35%)+ 白色字,圆角8px,内边距4px 10px
五、右侧文案区规范
5.1 标题区
第一行:WHY CHOOSE US(英文装饰标题)

第二行:为什么选择我们(中文主标题)

第三行:1px × 50px 横线(色号 #D1D1D6),距离中文标题下方 8px

5.2 优势条目区(9条,混排)
每条前方带蓝色 ✓ 图标(色号 #007AFF),条目之间垂直间距 10px,行高 1.6 倍。

排版顺序与方式:

序号	条目内容	排版方式
1	25+年一站式设计生产亚克力展示架OEM&ODM源头工厂	整行(跨全部宽度)
2	7800平米	左列
3	70+台生产设备	右列
4	100+生产员工|8+人设计工程师|10+专业销售团队	整行
5	产能2-5万+PCS/月 大货4-12天	左列
6	16+发明专利产品	右列
7	销售全球40+个国家	左列
8	60+分销商&5000+品牌客户合作服务经验	右列
9	欢迎客户验厂	整行
双列排布说明:第2-3条、5-6条、7-8条分别组成三组双列,左右宽度均分,中间留白20px。

5.3 认证图标区
距离最后一条优势条目 14px

整体放在一个浅灰色圆角条上:背景色 #EDEDEF,圆角 4px,上下内边距 6px,左右内边距 12px

图标内容横排一行:ISO9001 / ISO14001 / SGS / CE / ROHS / FCC

图标统一高度 16px,颜色 #6E6E73

图标之间间距 20px

六、分层文件结构建议(给设计师的操作指引)
建议在 Figma / Sketch / Illustrator 中按以下图层顺序组织:

text
📁 第一屏_为什么选择我们
├── 🖼️ 背景层(750×500,#F5F5F7)
├── 🖼️ 左侧图片区
│   ├── 图片蒙版(280×420,圆角12px)
│   └── 标签(右下角)
├── 📝 右侧文案区
│   ├── 英文标题 WHY CHOOSE US
│   ├── 中文标题 为什么选择我们
│   ├── 分隔线
│   ├── 优势条目组(按行分组)
│   └── 认证图标区(灰色条 + 图标)
└── 📏 参考线(辅助,导出前隐藏)
七、交付检查清单
设计师做完后,请逐项核对:

画板尺寸 750×500px

底色 #F5F5F7

左侧图片 280×420px,圆角 12px

右侧文字区 350×420px

中英标题字号、颜色正确

9条优势条目无遗漏、无错字

认证图标 6 个齐全

整体视觉干净、呼吸感好、无拥挤感
[第10屏] 详情页第十屏,大动圈HiFi音质展示,立体环绕原声体验休闲场景。本屏使用图1作为商品主体,保持耳机的物理结构、材质质感、颜色色号与输入产品图一致。 [氛围/风格] 氛围感写实拍摄听歌休闲场景,窗边居家实景,自然光柔和,氛围感温馨。 [元素布局] 窗边居家原木窗台,耳机放置在窗台左侧,旁边搭配复古黑胶唱片机与小型音箱,自然光从窗户洒入,营造舒适听歌氛围,整体元素搭配自然和谐,耳机作为主体清晰呈现,场景生活化。 [光影质感] 自然侧光从窗户射入,形成柔和明暗过渡,木头纹理和产品质感自然呈现,光影层次温馨舒适。 [配色色系] 全局底色:#D9C7A7(原木暖黄);主体配色:银色耳机+黑棕唱片机+木色窗台;辅助色:自然阳光暖金色。 [视角构图] 平视略微俯视视角,窗台场景铺满画面,主体位于左侧,右侧留空自然,上方预留标题区域,构图自然有生活气息。 [文字版式] 文字放在画面上方居中位置。主标题为"大动圈 HiFi 音质",副标题为"立体环绕原声体验",主标题深棕色加粗,副标题浅棕色,居中对齐,不破坏整体氛围,文字清晰可读。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨。 [负向提示词] 产品变形,结构错误,颜色偏差,水印,文字错乱,场景杂乱,夸张特效,插画,奇怪元素[第10屏] 详情页第十屏,大动圈HiFi音质展示,立体环绕原声体验休闲场景。本屏使用图1作为商品主体,保持耳机的物理结构、材质质感、颜色色号与输入产品图一致。
[氛围/风格] 氛围感写实拍摄听歌休闲场景,窗边居家实景,自然光柔和,氛围感温馨。
[元素布局] 窗边居家原木窗台,耳机放置在窗台左侧,旁边搭配复古黑胶唱片机与小型音箱,自然光从窗户洒入,营造舒适听歌氛围,整体元素搭配自然和谐,耳机作为主体清晰呈现,场景生活化。
[光影质感] 自然侧光从窗户射入,形成柔和明暗过渡,木头纹理和产品质感自然呈现,光影层次温馨舒适。
[配色色系] 全局底色:#D9C7A7(原木暖黄);主体配色:银色耳机+黑棕唱片机+木色窗台;辅助色:自然阳光暖金色。
[视角构图] 平视略微俯视视角,窗台场景铺满画面,主体位于左侧,右侧留空自然,上方预留标题区域,构图自然有生活气息。
[文字版式] 文字放在画面上方居中位置。主标题为"大动圈 HiFi 音质",副标题为"立体环绕原声体验",主标题深棕色加粗,副标题浅棕色,居中对齐,不破坏整体氛围,文字清晰可读。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨。
[负向提示词] 产品变形,结构错误,颜色偏差,水印,文字错乱,场景杂乱,夸张特效,插画,奇怪元素
[第2屏] 痛点直击对比屏-传统耳机和本款无线蓝牙挂耳式耳机对比。[氛围/风格] 简约科技风,浅蓝浅白清新配色,专业干净的商业排版设计。[元素布局] 画面左右分栏对比布局,保持产品白色外观、结构质感和输入产品图一致,本款耳机放在右侧,左侧为传统降噪耳机示意图。背景保留统一浅蓝底色,左右分栏加入浅白色块区分,中间加入对比箭头元素。左右对比区域分别添加装饰元素,左侧可加入杂乱声波图形表现噪音,右侧加入干净平滑声波表现降噪效果。整体无边框满铺,产品结构颜色和原图一致。[光影质感] 整体光线均匀明亮,产品突出清晰,对比层次分明。[配色色系] 全局底色:#E6F3F8(浅蓝);主体配色:纯白色耳机,浅蓝背景,浅白色对比栏;文字黑色。[视角构图] 左右平分对比构图,产品分别位于左右分栏偏下位置,上方预留标题空间,整体均衡稳定。[文字版式] 顶部居中主标题"告别喧嚣 享受安静",黑色大字。左侧分栏顶部标注"传统耳机",文案"体积笨重 佩戴压耳 降噪不佳";右侧分栏顶部标注"我们的耳机",文案"主动降噪 轻盈无感 隔绝喧嚣"。左右文案左对齐,每个卖点前加对勾/叉号区分。文字大小符合移动端阅读,清晰不拥挤。[比例分辨率] 9:16 竖版比例,2k分辨率,文字清晰可辨,超高清。[负向提示词] 产品变形,颜色偏差,水印,文字错乱,产品模糊,背景杂乱,恶意丑化。[第2屏] 痛点直击对比屏-传统耳机和本款无线蓝牙挂耳式耳机对比。[氛围/风格] 简约科技风,浅蓝浅白清新配色,专业干净的商业排版设计。[元素布局] 画面左右分栏对比布局,保持产品白色外观、结构质感和输入产品图一致,本款耳机放在右侧,左侧为传统降噪耳机示意图。背景保留统一浅蓝底色,左右分栏加入浅白色块区分,中间加入对比箭头元素。左右对比区域分别添加装饰元素,左侧可加入杂乱声波图形表现噪音,右侧加入干净平滑声波表现降噪效果。整体无边框满铺,产品结构颜色和原图一致。[光影质感] 整体光线均匀明亮,产品突出清晰,对比层次分明。[配色色系] 全局底色:#E6F3F8(浅蓝);主体配色:纯白色耳机,浅蓝背景,浅白色对比栏;文字黑色。[视角构图] 左右平分对比构图,产品分别位于左右分栏偏下位置,上方预留标题空间,整体均衡稳定。[文字版式] 顶部居中主标题"告别喧嚣 享受安静",黑色大字。左侧分栏顶部标注"传统耳机",文案"体积笨重 佩戴压耳 降噪不佳";右侧分栏顶部标注"我们的耳机",文案"主动降噪 轻盈无感 隔绝喧嚣"。左右文案左对齐,每个卖点前加对勾/叉号区分。文字大小符合移动端阅读,清晰不拥挤。[比例分辨率] 9:16 竖版比例,2k分辨率,文字清晰可辨,超高清。[负向提示词] 产品变形,颜色偏差,水印,文字错乱,产品模糊,背景杂乱,恶意丑化。
[第1屏] 详情页头图-无线降噪头戴式耳机产品宣传海报。 [氛围/风格] 现代简约科技风,低饱和度灰蓝色调,商业摄影质感,画面年轻清爽有科技感,符合18-28岁年轻人审美。 [元素布局] 无线降噪头戴式耳机放置在画面右侧中心区域,占据画面65%-70%主体位置。保持产品头戴包裹结构、可伸缩头梁、圆润耳罩外型的物理结构、材质质感与产品描述一致,耳罩哑光质感,头梁细节清晰。背景为左侧文字区域+右侧浅灰蓝渐变场景,背景融入抽象声波线条装饰,整体简洁不杂乱,不遮挡主体产品。 [光影质感] 左侧柔和主光照亮耳机整体轮廓,右侧辅助光提亮耳罩哑光质感,下方自然投影,明暗层次清晰,产品边缘真实清晰,整体通透干净。 [配色色系] 全局底色:#F0F4F8(浅灰蓝);主体配色:#2C3E50(深空灰机身)+#BDC3C7(浅银装饰);辅助色:#3498DB(科技蓝点缀)+#2C3E50(深灰文字)。 [视角构图] 45°斜侧视角,景深适中,耳机主体位于右侧黄金分割点,左侧完整预留标题区域,阅读动线从上到下自然流畅。 [文字版式] 左文右图版式,左上区域为主副标题,左下为3组卖点icon。主标题「深度降噪 持久续航」,黑体大字,左对齐,字号约为画面宽度的8%,不超过顶部区域高度20%。副标题「300元价位性价比之选」,深灰色,字号约为主标题的40%,主标题下方左对齐。左下三个卖点:「深度降噪」「40小时续航」「蓝牙5.3」,每个卖点配小图标+短文字,横向排列,文字不遮挡主体产品。右上角加小型英文装饰「WIRELESS NOISE CANCELLATION」,细体无衬线。 [比例分辨率] 9:16竖版比例,2K分辨率,文字清晰可辨,超高清。 [负向提示词] 耳机结构变形,缺件错件,颜色偏差严重,水印,文字错乱,产品图模糊,背景杂乱,极限词,违规表达,变形[第1屏] 详情页头图-无线降噪头戴式耳机产品宣传海报。
[氛围/风格] 现代简约科技风,低饱和度灰蓝色调,商业摄影质感,画面年轻清爽有科技感,符合18-28岁年轻人审美。
[元素布局] 无线降噪头戴式耳机放置在画面右侧中心区域,占据画面65%-70%主体位置。保持产品头戴包裹结构、可伸缩头梁、圆润耳罩外型的物理结构、材质质感与产品描述一致,耳罩哑光质感,头梁细节清晰。背景为左侧文字区域+右侧浅灰蓝渐变场景,背景融入抽象声波线条装饰,整体简洁不杂乱,不遮挡主体产品。
[光影质感] 左侧柔和主光照亮耳机整体轮廓,右侧辅助光提亮耳罩哑光质感,下方自然投影,明暗层次清晰,产品边缘真实清晰,整体通透干净。
[配色色系] 全局底色:#F0F4F8(浅灰蓝);主体配色:#2C3E50(深空灰机身)+#BDC3C7(浅银装饰);辅助色:#3498DB(科技蓝点缀)+#2C3E50(深灰文字)。
[视角构图] 45°斜侧视角,景深适中,耳机主体位于右侧黄金分割点,左侧完整预留标题区域,阅读动线从上到下自然流畅。
[文字版式] 左文右图版式,左上区域为主副标题,左下为3组卖点icon。主标题「深度降噪 持久续航」,黑体大字,左对齐,字号约为画面宽度的8%,不超过顶部区域高度20%。副标题「300元价位性价比之选」,深灰色,字号约为主标题的40%,主标题下方左对齐。左下三个卖点:「深度降噪」「40小时续航」「蓝牙5.3」,每个卖点配小图标+短文字,横向排列,文字不遮挡主体产品。右上角加小型英文装饰「WIRELESS NOISE CANCELLATION」,细体无衬线。
[比例分辨率] 9:16竖版比例,2K分辨率,文字清晰可辨,超高清。
[负向提示词] 耳机结构变形,缺件错件,颜色偏差严重,水印,文字错乱,产品图模糊,背景杂乱,极限词,违规表达,变形