在设计一套详情页 - 图片创意预览

在设计一套详情页

在设计一套详情页

用户头像

1q8gjoq2ii1...

2026.06.09
[商品] 使用【图1】ULOANBEL精油洗护系列4款产品;保留每款瓶身结构、泵头颜色、植物图案、Logo及瓶身文字,产品比例材质不变,4款按从左到右茶树/薰衣草/摩洛哥/玫瑰顺序排列。 [画面] 4款功效矩阵总览页,目标是帮助消费者快速识别每款功效;上下分层布局,顶部大标题,中部2×2产品矩阵,每款产品配对应功效卡片;产品各占一格,每格含产品图+功效名+1句卖点;背景为渐变科技感底色,带细微网格纹理。 [视觉] 套系策略:风格=高端科技感商业摄影+3D渲染质感;标题字=现代无衬线粗体中文;正文字=简洁无衬线体;主色=浅灰绿渐变;背景延展=基于浅灰绿做深浅层级、同色渐变、科技网格/光粒子质感;强调色=4款各自主题色(绿/紫/金/红),仅用于对应卡片边框、图标和小标签;标题色=深墨绿;正文色=中深灰;组件=圆角半透明功效卡片、细线分隔、发光图标;光影=统一左前侧柔光,每瓶底部有柔和投影。 [文字] 顶部主标题"4款精油专研 精准应对不同发质",副标题"茶树去屑·薰衣草控油·摩洛哥柔顺·玫瑰润护";4格分别标注:左上"净澈去屑 茶树精油"、右上"净爽控油 薰衣草精油"、左下"柔顺亮泽 摩洛哥坚果油"、右下"丝滑润护 玫瑰精油";每格下方1句短描述;所有文字横排,字号保证手机端可读。 [规格] 图片比例9:16竖版,2K分辨率,避免变形、错字、文字过小、产品颜色错乱、连续同构排版。[商品] 使用【图1】ULOANBEL精油洗护系列4款产品;保留每款瓶身结构、泵头颜色、植物图案、Logo及瓶身文字,产品比例材质不变,4款按从左到右茶树/薰衣草/摩洛哥/玫瑰顺序排列。
[画面] 4款功效矩阵总览页,目标是帮助消费者快速识别每款功效;上下分层布局,顶部大标题,中部2×2产品矩阵,每款产品配对应功效卡片;产品各占一格,每格含产品图+功效名+1句卖点;背景为渐变科技感底色,带细微网格纹理。
[视觉] 套系策略:风格=高端科技感商业摄影+3D渲染质感;标题字=现代无衬线粗体中文;正文字=简洁无衬线体;主色=浅灰绿渐变;背景延展=基于浅灰绿做深浅层级、同色渐变、科技网格/光粒子质感;强调色=4款各自主题色(绿/紫/金/红),仅用于对应卡片边框、图标和小标签;标题色=深墨绿;正文色=中深灰;组件=圆角半透明功效卡片、细线分隔、发光图标;光影=统一左前侧柔光,每瓶底部有柔和投影。
[文字] 顶部主标题"4款精油专研 精准应对不同发质",副标题"茶树去屑·薰衣草控油·摩洛哥柔顺·玫瑰润护";4格分别标注:左上"净澈去屑 茶树精油"、右上"净爽控油 薰衣草精油"、左下"柔顺亮泽 摩洛哥坚果油"、右下"丝滑润护 玫瑰精油";每格下方1句短描述;所有文字横排,字号保证手机端可读。
[规格] 图片比例9:16竖版,2K分辨率,避免变形、错字、文字过小、产品颜色错乱、连续同构排版。
[商品] 使用【图1】护发素、【图2】洗发水、【图3】洗手液、【图4】沐浴露、【图5】润肤露五款产品小图;保留各款瓶身结构、颜色、Logo、标签文字;产品缩小排列在参数表左侧或上方。 [画面] 页面目标:产品信息规格总览,5款产品参数一目了然;构图:左品右表,左侧5款产品竖向排列,右侧参数信息表;景别:信息页;阅读动线:顶部标题→左侧产品→右侧参数表;前中后景:前景信息表格、中景产品小图、后景纯白浅灰渐变背景;场景:极简信息展示页,清晰规整。 [视觉] 套系策略:风格=极简高级东方茶系商业摄影;标题字=现代简约无衬线粗体;正文字=纤细无衬线体;主色=纯净白;背景延展=基于纯白做浅灰渐变、细腻哑光质感和柔和明暗层次;强调色=深茶绿,仅用于小面积图标、引线和装饰元素;标题色=纯黑;正文色=深灰;组件=细线分割、极简图标、圆角浅灰信息卡;光影=平面柔光,信息清晰无阴影干扰。 [文字] 顶部主标题「产品信息」,副标题「大地黑茶系列 320ml/瓶」;参数表包含5行:洗发水-发丝净爽 柔滑飘逸、护发素-柔顺亮泽 滋养发丝、洗手液-清新呵护 温和洁净、沐浴露-舒爽洁净 嫩滑肌肤、润肤露-滋润肌肤 清爽不腻;底部标注:品牌LEOXAO、容量320ml、产地中国;文字均为横排,表格清晰,手机端可读。 [规格] 图片比例9:16竖版,4K分辨率,负向提示:避免变形、错字、文字过小、产品颜色改变、瓶身文字错乱、杂乱装饰、冷蓝色调。[商品] 使用【图1】护发素、【图2】洗发水、【图3】洗手液、【图4】沐浴露、【图5】润肤露五款产品小图;保留各款瓶身结构、颜色、Logo、标签文字;产品缩小排列在参数表左侧或上方。
[画面] 页面目标:产品信息规格总览,5款产品参数一目了然;构图:左品右表,左侧5款产品竖向排列,右侧参数信息表;景别:信息页;阅读动线:顶部标题→左侧产品→右侧参数表;前中后景:前景信息表格、中景产品小图、后景纯白浅灰渐变背景;场景:极简信息展示页,清晰规整。
[视觉] 套系策略:风格=极简高级东方茶系商业摄影;标题字=现代简约无衬线粗体;正文字=纤细无衬线体;主色=纯净白;背景延展=基于纯白做浅灰渐变、细腻哑光质感和柔和明暗层次;强调色=深茶绿,仅用于小面积图标、引线和装饰元素;标题色=纯黑;正文色=深灰;组件=细线分割、极简图标、圆角浅灰信息卡;光影=平面柔光,信息清晰无阴影干扰。
[文字] 顶部主标题「产品信息」,副标题「大地黑茶系列 320ml/瓶」;参数表包含5行:洗发水-发丝净爽 柔滑飘逸、护发素-柔顺亮泽 滋养发丝、洗手液-清新呵护 温和洁净、沐浴露-舒爽洁净 嫩滑肌肤、润肤露-滋润肌肤 清爽不腻;底部标注:品牌LEOXAO、容量320ml、产地中国;文字均为横排,表格清晰,手机端可读。
[规格] 图片比例9:16竖版,4K分辨率,负向提示:避免变形、错字、文字过小、产品颜色改变、瓶身文字错乱、杂乱装饰、冷蓝色调。
[第1屏] 详情页头图-发炫多效去屑洗发乳宣传海报。本屏使用【图1】作为商品主体,展示产品完整外观。[氛围/风格] 清新高级专业洗护风,干净通透的浴室场景氛围,商业摄影质感,明亮简约。[元素布局] 洗发乳瓶身和包装盒放在画面中心偏右区域,占据画面65%-70%主体位置。保持瓶身为浅蓝色、包装盒浅青蓝色、银色文字logo、泵头结构、产品文字信息与输入产品图一致,不改变外观结构和颜色。背景为渐变浅青蓝色调,左上角留白放置主标题,画面下方加入少量白色水花和透明晶莹的气泡作为装饰,丰富层次不遮挡主体。[光影质感] 主光源从左上方打来,柔和均匀照亮瓶身包装盒,右侧下方形成自然柔和的阴影,整体画面通透干净,产品边缘清晰真实。[配色色系] 全局底色:#F0F9FB;主体配色:#5DD0E8(瓶身蓝色)+ #87D8E5(包装盒蓝色)+ #FFFFFF(文字银色提亮);辅助色:#FFFFFF(背景浅白)+ #E0F4F8(渐变浅蓝)。[视角构图] 正面平视视角,主体位于画面中线偏右下,左上大面积区域留给主标题,底部装饰元素不抢主体,背景干净简洁有透气感。[文字版式] 版式为左上主标题+副标题,右下产品主体,底部浅蓝信息条。主标题「多效去屑 清爽蓬松」,黑色粗体字,左对齐,字号占画面宽度8%,不超过顶部区域高度25%;副标题「植物专研 温和护理头皮」,灰色小字,在主标题下方左对齐,字号约为主标题35%。底部浅蓝信息条写「发炫多效去屑洗发乳」,白色字体居中排布。所有文字清晰不遮挡产品主体。[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,超高清。[负向提示词] 瓶身变形,包装盒结构错误,颜色偏差,文字错乱,产品图模糊,背景杂乱,水印,夸张过度。[第1屏] 详情页头图-发炫多效去屑洗发乳宣传海报。本屏使用【图1】作为商品主体,展示产品完整外观。[氛围/风格] 清新高级专业洗护风,干净通透的浴室场景氛围,商业摄影质感,明亮简约。[元素布局] 洗发乳瓶身和包装盒放在画面中心偏右区域,占据画面65%-70%主体位置。保持瓶身为浅蓝色、包装盒浅青蓝色、银色文字logo、泵头结构、产品文字信息与输入产品图一致,不改变外观结构和颜色。背景为渐变浅青蓝色调,左上角留白放置主标题,画面下方加入少量白色水花和透明晶莹的气泡作为装饰,丰富层次不遮挡主体。[光影质感] 主光源从左上方打来,柔和均匀照亮瓶身包装盒,右侧下方形成自然柔和的阴影,整体画面通透干净,产品边缘清晰真实。[配色色系] 全局底色:#F0F9FB;主体配色:#5DD0E8(瓶身蓝色)+ #87D8E5(包装盒蓝色)+ #FFFFFF(文字银色提亮);辅助色:#FFFFFF(背景浅白)+ #E0F4F8(渐变浅蓝)。[视角构图] 正面平视视角,主体位于画面中线偏右下,左上大面积区域留给主标题,底部装饰元素不抢主体,背景干净简洁有透气感。[文字版式] 版式为左上主标题+副标题,右下产品主体,底部浅蓝信息条。主标题「多效去屑 清爽蓬松」,黑色粗体字,左对齐,字号占画面宽度8%,不超过顶部区域高度25%;副标题「植物专研 温和护理头皮」,灰色小字,在主标题下方左对齐,字号约为主标题35%。底部浅蓝信息条写「发炫多效去屑洗发乳」,白色字体居中排布。所有文字清晰不遮挡产品主体。[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,超高清。[负向提示词] 瓶身变形,包装盒结构错误,颜色偏差,文字错乱,产品图模糊,背景杂乱,水印,夸张过度。