淘宝商品详情页第七屏,用户使用前后效果对比,标题写"使用前后对… - 图片创意预览

淘宝商品详情页第七屏,用户使用前后效果对比,标题写"使用前后对…

淘宝商品详情页第七屏,用户使用前后效果对比,标题写"使用前后对比 真实改善",左侧干皮缺水粗糙对比,左侧标注"使用前"干燥紧绷起皮,右侧标注"使用后"水润饱满细腻,对比明显,简约现代商业风格,蓝色调,

[第2屏] 干皮化妆痛点展示,针对起皮暗沉、卡粉浮粉问题场景设计。 [氛围/风格] 真实对比风,干净专业护肤科普风格,浅米白底色,柔和清晰,贴近日常护肤场景。 [元素布局] 画面左右分栏对比:左侧为"护理前",展示化妆后两颊起皮、底妆卡粉的局部面部特写,斑驳不均匀;右侧为"护理后",展示底妆服帖、肤质细腻匀净的效果。中间用浅灰色箭头区分对比方向,顶部主标题,底部补充痛点描述,左右两栏各占45%宽度,间距舒适,主体突出。 [光影质感] 均匀柔和侧光,清晰展示皮肤纹理差异,左右光影一致,对比明显,真实自然。 [配色色系] 全局底色:#F8F9FA(浅米白);分割线和装饰:#A8DADC(浅青蓝);标题文字:#1D3557(深蓝);正文:#457B9D(中蓝)。 [视角构图] 平面对称对比构图,左右分栏,上下分层,对比清晰,符合移动端从上到下阅读习惯。 [文字版式] 顶部居中主标题:"你是否也有这些困扰?",深蓝加粗,字号占画面宽度6%;左右分栏上方分别标注小标题:左"卡粉起皮 斑驳不均",右"底妆服帖 细腻持久",浅青底深色字,小卡片式设计;画面底部补充说明文字:"干皮晨间护理不到位,容易导致化妆卡粉、起皮暗沉",居中浅灰色小字,不抢主体对比焦点。所有文字大小适合移动端阅读,清晰可辨。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 文字模糊,文字错乱,对比不清晰,极端配色,变形,水印,背景杂乱,色情低俗,过度修图。[第2屏] 干皮化妆痛点展示,针对起皮暗沉、卡粉浮粉问题场景设计。
[氛围/风格] 真实对比风,干净专业护肤科普风格,浅米白底色,柔和清晰,贴近日常护肤场景。
[元素布局] 画面左右分栏对比:左侧为"护理前",展示化妆后两颊起皮、底妆卡粉的局部面部特写,斑驳不均匀;右侧为"护理后",展示底妆服帖、肤质细腻匀净的效果。中间用浅灰色箭头区分对比方向,顶部主标题,底部补充痛点描述,左右两栏各占45%宽度,间距舒适,主体突出。
[光影质感] 均匀柔和侧光,清晰展示皮肤纹理差异,左右光影一致,对比明显,真实自然。
[配色色系] 全局底色:#F8F9FA(浅米白);分割线和装饰:#A8DADC(浅青蓝);标题文字:#1D3557(深蓝);正文:#457B9D(中蓝)。
[视角构图] 平面对称对比构图,左右分栏,上下分层,对比清晰,符合移动端从上到下阅读习惯。
[文字版式] 顶部居中主标题:"你是否也有这些困扰?",深蓝加粗,字号占画面宽度6%;左右分栏上方分别标注小标题:左"卡粉起皮 斑驳不均",右"底妆服帖 细腻持久",浅青底深色字,小卡片式设计;画面底部补充说明文字:"干皮晨间护理不到位,容易导致化妆卡粉、起皮暗沉",居中浅灰色小字,不抢主体对比焦点。所有文字大小适合移动端阅读,清晰可辨。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 文字模糊,文字错乱,对比不清晰,极端配色,变形,水印,背景杂乱,色情低俗,过度修图。
参考图1的版式结构(顶部大标题两行+中央人物正面面部特写+面部科技网格光效+底部三组数据百分比),做一张欣怡美透明质酸钠祛痘精华的肤感/效果详情页。 [氛围/风格] 医用级专业护肤风,科技修护感,真实肌肤质感,高级商业摄影,干净清透。 [元素布局] 顶部主标题「清爽水感 快速吸收不闷痘」大号加粗炭黑色,两行居中; 中央为亚洲女性正面面部特写(裸妆感,肌肤清爽透亮,脸颊处有淡绿色精华液光泽,呈现使用后的清爽状态),人物占画面主体; 面部覆盖一层淡青色科技网格光点(参考图1的金色网格改为医用青色),从脸颊向周围扩散,体现吸收渗透感; 底部横向排列3组肤感数据百分比,每组为大号数据+小字说明; 背景为浅青底#E8EFF1渐变到淡蓝色,干净通透。 [光影质感] 正面柔光打亮面部,肌肤呈现清爽水润光泽,网格光点柔和发光,整体明亮干净。 [配色色系] 全局背景浅青底#E8EFF1渐变;主色医用青#3D6B7A(网格光效+数据);辅助色炭黑#1A1A1A、白色。 [视角构图] 人物居中正面,标题在上,数据在下,对称平衡构图。 [文字版式] 顶部主标题大号加粗炭黑,两行; 底部3组数据,每组结构:「+关键词」医用青色 + 大号百分比炭黑 + 小字说明灰色: 第1组:「+清爽不黏」100% 受试者认同 第2组:「+快速吸收」97% 受试者认同 第3组:「+不闷痘」90% 受试者认同 底部一行极小字注释:肤感测试结果,实际效果因人而异; 字体统一思源黑体,层级清晰。 [比例分辨率] 3:4竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 金色网格(禁用金色,网格用医用青色),人物变形,面部比例失调,妆容过重,文字模糊,水印,医疗化夸张表述。参考图1的版式结构(顶部大标题两行+中央人物正面面部特写+面部科技网格光效+底部三组数据百分比),做一张欣怡美透明质酸钠祛痘精华的肤感/效果详情页。
[氛围/风格] 医用级专业护肤风,科技修护感,真实肌肤质感,高级商业摄影,干净清透。
[元素布局] 顶部主标题「清爽水感  快速吸收不闷痘」大号加粗炭黑色,两行居中;
中央为亚洲女性正面面部特写(裸妆感,肌肤清爽透亮,脸颊处有淡绿色精华液光泽,呈现使用后的清爽状态),人物占画面主体;
面部覆盖一层淡青色科技网格光点(参考图1的金色网格改为医用青色),从脸颊向周围扩散,体现吸收渗透感;
底部横向排列3组肤感数据百分比,每组为大号数据+小字说明;
背景为浅青底#E8EFF1渐变到淡蓝色,干净通透。
[光影质感] 正面柔光打亮面部,肌肤呈现清爽水润光泽,网格光点柔和发光,整体明亮干净。
[配色色系] 全局背景浅青底#E8EFF1渐变;主色医用青#3D6B7A(网格光效+数据);辅助色炭黑#1A1A1A、白色。
[视角构图] 人物居中正面,标题在上,数据在下,对称平衡构图。
[文字版式] 顶部主标题大号加粗炭黑,两行;
底部3组数据,每组结构:「+关键词」医用青色 + 大号百分比炭黑 + 小字说明灰色:
第1组:「+清爽不黏」100% 受试者认同
第2组:「+快速吸收」97% 受试者认同
第3组:「+不闷痘」90% 受试者认同
底部一行极小字注释:肤感测试结果,实际效果因人而异;
字体统一思源黑体,层级清晰。
[比例分辨率] 3:4竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 金色网格(禁用金色,网格用医用青色),人物变形,面部比例失调,妆容过重,文字模糊,水印,医疗化夸张表述。
美肌舒护素颜霜效果对比主图,参考参考图的排版风格 [氛围风格] 清新真实,简约专业 [画质] 高清商业人像摄影质感,细节清晰真实 [元素] 整体排版和参考图保持一致,顶部大标题,三个对比分区:第一个分区是整体脸部对比,左使用前右使用后,使用前可见瑕疵毛孔,使用后细腻透亮;第二个分区是局部皮肤对比,左使用前粗大毛孔瑕疵,右使用后细腻光滑;第三个分区是防水测试对比,左涂抹后遇水脱妆,右使用后防水防汗不脱妆。所有模特为青少年亚洲女性,保持整体风格和参考图一致。背景为浅蓝色+白色,和之前的主图风格统一。 [光影] 明亮均匀光线,对比清晰,皮肤细节真实可见 [配色] 主色调浅蓝色+白色,和参考图一致,对比清晰 [文字版式] 顶部大标题“光感裸妆 宛若妈生好皮”黑色大字,副标题“水润服帖 素颜也发光”小字;每个对比分区左BEFORE右AFTER,分区标题左侧文字,右侧蓝色圆角标签标注提升数据:第一个分区“24H不氧化不暗沉 持妆力+98.97%”,第二个分区“隐匿瑕疵更细腻 匀肤力+99.36%”,第三个分区“防水防汗不花妆 持妆力+98.97%”,文字排版和参考图一致,清晰对比强烈 [比例分辨率] 1:1比例,2k分辨率,超高清,文字清晰可辨 [负向提示词] 变形,文字错乱,对比夸张,模特不是青少年,背景杂乱,暗沉,和参考排版风格不符美肌舒护素颜霜效果对比主图,参考参考图的排版风格
[氛围风格] 清新真实,简约专业
[画质] 高清商业人像摄影质感,细节清晰真实
[元素] 整体排版和参考图保持一致,顶部大标题,三个对比分区:第一个分区是整体脸部对比,左使用前右使用后,使用前可见瑕疵毛孔,使用后细腻透亮;第二个分区是局部皮肤对比,左使用前粗大毛孔瑕疵,右使用后细腻光滑;第三个分区是防水测试对比,左涂抹后遇水脱妆,右使用后防水防汗不脱妆。所有模特为青少年亚洲女性,保持整体风格和参考图一致。背景为浅蓝色+白色,和之前的主图风格统一。
[光影] 明亮均匀光线,对比清晰,皮肤细节真实可见
[配色] 主色调浅蓝色+白色,和参考图一致,对比清晰
[文字版式] 顶部大标题“光感裸妆 宛若妈生好皮”黑色大字,副标题“水润服帖 素颜也发光”小字;每个对比分区左BEFORE右AFTER,分区标题左侧文字,右侧蓝色圆角标签标注提升数据:第一个分区“24H不氧化不暗沉 持妆力+98.97%”,第二个分区“隐匿瑕疵更细腻 匀肤力+99.36%”,第三个分区“防水防汗不花妆 持妆力+98.97%”,文字排版和参考图一致,清晰对比强烈
[比例分辨率] 1:1比例,2k分辨率,超高清,文字清晰可辨
[负向提示词] 变形,文字错乱,对比夸张,模特不是青少年,背景杂乱,暗沉,和参考排版风格不符
美妆粉扑底妆妆效对比详情页模块,2:3竖版,8K超高清商业美妆精修质感,清透自然底妆展示风格,柔和均匀漫射柔光打亮面部,光影细腻无硬阴影,整体暖调奶杏色温润统一。背景为纯净浅米白色基底,外围带同色系细圆角外框,干净柔和无杂物。整体采用顶部标题+下方左右双栏对比的对称布局,信息层级清晰。字体选用雅致衬线字体,主标题厚重醒目,辅助文字灵动清晰。画面顶部居中排布标题组:第一行深棕色加粗大号主标题「轻拍遮瑕「不浮不卡」」,搭配方引号装饰;第二行稍小号副标题「打造水光奶油肌」,其中「水光奶油肌」采用暖驼色高亮突出,居中对齐。画面下半部分为左右等分的双格妆效对比区,均为女性半脸侧脸特写:左侧为使用前状态,脸部带有自然斑点、痘印与肤色不均瑕疵,画面右侧一只手握持粉扑,粉扑严格还原【图1】中水滴形粉扑的造型、材质、丝带细节、文字标识,无扭曲变形,粉扑正将粉底轻拍在脸颊处,粉底质地均匀服帖,旁侧搭配带弧形箭头的深棕色竖排文字「一拍遮瑕」;右侧为使用后状态,脸部肌肤呈现匀净透亮的水光奶油肌质感,毛孔瑕疵全部遮盖,妆面服帖有自然光泽,画面右侧同样搭配使用【图1】中的水滴形粉扑产品图,旁侧对应带弧形箭头的深棕色竖排文字「超清透底妆」。左右分栏直观对比强化遮瑕与妆效说服力,暖调统一色调营造高级柔焦氛围。本屏使用【图1】作为粉扑产品外观参考,严格还原水滴形粉扑的造型、丝带和文字细节。美妆粉扑底妆妆效对比详情页模块,2:3竖版,8K超高清商业美妆精修质感,清透自然底妆展示风格,柔和均匀漫射柔光打亮面部,光影细腻无硬阴影,整体暖调奶杏色温润统一。背景为纯净浅米白色基底,外围带同色系细圆角外框,干净柔和无杂物。整体采用顶部标题+下方左右双栏对比的对称布局,信息层级清晰。字体选用雅致衬线字体,主标题厚重醒目,辅助文字灵动清晰。画面顶部居中排布标题组:第一行深棕色加粗大号主标题「轻拍遮瑕「不浮不卡」」,搭配方引号装饰;第二行稍小号副标题「打造水光奶油肌」,其中「水光奶油肌」采用暖驼色高亮突出,居中对齐。画面下半部分为左右等分的双格妆效对比区,均为女性半脸侧脸特写:左侧为使用前状态,脸部带有自然斑点、痘印与肤色不均瑕疵,画面右侧一只手握持粉扑,粉扑严格还原【图1】中水滴形粉扑的造型、材质、丝带细节、文字标识,无扭曲变形,粉扑正将粉底轻拍在脸颊处,粉底质地均匀服帖,旁侧搭配带弧形箭头的深棕色竖排文字「一拍遮瑕」;右侧为使用后状态,脸部肌肤呈现匀净透亮的水光奶油肌质感,毛孔瑕疵全部遮盖,妆面服帖有自然光泽,画面右侧同样搭配使用【图1】中的水滴形粉扑产品图,旁侧对应带弧形箭头的深棕色竖排文字「超清透底妆」。左右分栏直观对比强化遮瑕与妆效说服力,暖调统一色调营造高级柔焦氛围。本屏使用【图1】作为粉扑产品外观参考,严格还原水滴形粉扑的造型、丝带和文字细节。
美妆粉扑底妆妆效对比详情页模块,2:3竖版,8K超高清商业美妆精修质感,清透自然底妆展示风格,柔和均匀漫射柔光打亮面部,光影细腻无硬阴影,整体暖调奶杏色温润统一。背景为纯净浅米白色基底,外围带同色系细圆角外框,干净柔和无杂物。整体采用顶部标题+下方左右双栏对比的对称布局,信息层级清晰。字体选用雅致衬线字体,主标题厚重醒目,辅助文字灵动清晰。画面顶部居中排布标题组:第一行深棕色加粗大号主标题「轻拍遮瑕「不浮不卡」」,搭配方引号装饰;第二行稍小号副标题「打造水光奶油肌」,其中「水光奶油肌」采用暖驼色高亮突出,居中对齐。画面下半部分为左右等分的双格妆效对比区,均为女性半脸侧脸特写:左侧为使用前状态,脸部带有自然斑点、痘印与肤色不均瑕疵,画面右侧一只手握持粉扑,粉扑严格还原【图1】中水滴形粉扑的造型、材质、丝带细节、文字标识,无扭曲变形,粉扑正将粉底轻拍在脸颊处,粉底质地均匀服帖,旁侧搭配带弧形箭头的深棕色竖排文字「一拍遮瑕」;右侧为使用后状态,脸部肌肤呈现匀净透亮的水光奶油肌质感,毛孔瑕疵全部遮盖,妆面服帖有自然光泽,画面右侧同样搭配使用【图1】中的水滴形粉扑产品图,旁侧对应带弧形箭头的深棕色竖排文字「超清透底妆」。左右分栏直观对比强化遮瑕与妆效说服力,暖调统一色调营造高级柔焦氛围。本屏使用【图1】作为粉扑产品外观参考,严格还原水滴形粉扑的造型、丝带和文字细节。美妆粉扑底妆妆效对比详情页模块,2:3竖版,8K超高清商业美妆精修质感,清透自然底妆展示风格,柔和均匀漫射柔光打亮面部,光影细腻无硬阴影,整体暖调奶杏色温润统一。背景为纯净浅米白色基底,外围带同色系细圆角外框,干净柔和无杂物。整体采用顶部标题+下方左右双栏对比的对称布局,信息层级清晰。字体选用雅致衬线字体,主标题厚重醒目,辅助文字灵动清晰。画面顶部居中排布标题组:第一行深棕色加粗大号主标题「轻拍遮瑕「不浮不卡」」,搭配方引号装饰;第二行稍小号副标题「打造水光奶油肌」,其中「水光奶油肌」采用暖驼色高亮突出,居中对齐。画面下半部分为左右等分的双格妆效对比区,均为女性半脸侧脸特写:左侧为使用前状态,脸部带有自然斑点、痘印与肤色不均瑕疵,画面右侧一只手握持粉扑,粉扑严格还原【图1】中水滴形粉扑的造型、材质、丝带细节、文字标识,无扭曲变形,粉扑正将粉底轻拍在脸颊处,粉底质地均匀服帖,旁侧搭配带弧形箭头的深棕色竖排文字「一拍遮瑕」;右侧为使用后状态,脸部肌肤呈现匀净透亮的水光奶油肌质感,毛孔瑕疵全部遮盖,妆面服帖有自然光泽,画面右侧同样搭配使用【图1】中的水滴形粉扑产品图,旁侧对应带弧形箭头的深棕色竖排文字「超清透底妆」。左右分栏直观对比强化遮瑕与妆效说服力,暖调统一色调营造高级柔焦氛围。本屏使用【图1】作为粉扑产品外观参考,严格还原水滴形粉扑的造型、丝带和文字细节。
[商品] 无实物产品图,本页为肌肤问题痛点共鸣页,展示真实肌肤状态特写。 [画面] 页面目标:引发用户对干纹、暗沉、粗糙、松弛四大肌肤问题的共情。构图骨架:顶部通栏大标题区,下方2×2均等排布4张肌肤特写卡片,每张卡片下方配痛点文案。主体为4张真实肌肤特写图,每张占画面约20%面积,卡片间有均匀间距。阅读动线:从上至下,先看大标题引发好奇,再逐格浏览4个痛点。前景区:卡片边框与文案层;中景区:肌肤特写主画面;后景区:暖金暗调渐变背景。 [视觉] 套系策略:风格=暖金暗调高级商业护肤摄影风;标题字=现代简约粗黑体;正文字=简洁无衬线体;主色=暖金棕;背景延展=深棕到暖金的暗调渐变,带细腻珠光质感;强调色=暖金色,仅用于小面积标题高亮、卡片边框和局部光影;标题色=暖金色;正文色=浅米白;组件=圆角暗金边框卡片、细金线分隔;光影=柔光写实,局部光影聚焦纹路/粗糙部位,整体暗调高级不廉价。 [文字] 顶部通栏大标题:「这些肌肤问题,你中了几个?」,居中横排,字号大且醒目。2×2卡片文案:卡片1下方「干纹细纹 上妆卡粉显老」;卡片2下方「暗沉无光 脸色蜡黄没气色」;卡片3下方「粗糙起皮 摸起来拉手不光滑」;卡片4下方「松弛垮脸 轮廓越来越模糊」。所有文字横向排版,移动端清晰可读,不遮挡肌肤特写关键部位。 [规格] 图片比例3:4竖版(国内电商详情页标准),分辨率4K,负向提示:避免过度磨皮、避免丑化肌肤、避免冷蓝/蓝灰色调、避免文字模糊过小、避免虚假医疗功效表述、避免极限词。肌肤纹理清晰可见,质感真实自然,突出真实状态而非病态夸张。[商品] 无实物产品图,本页为肌肤问题痛点共鸣页,展示真实肌肤状态特写。
[画面] 页面目标:引发用户对干纹、暗沉、粗糙、松弛四大肌肤问题的共情。构图骨架:顶部通栏大标题区,下方2×2均等排布4张肌肤特写卡片,每张卡片下方配痛点文案。主体为4张真实肌肤特写图,每张占画面约20%面积,卡片间有均匀间距。阅读动线:从上至下,先看大标题引发好奇,再逐格浏览4个痛点。前景区:卡片边框与文案层;中景区:肌肤特写主画面;后景区:暖金暗调渐变背景。
[视觉] 套系策略:风格=暖金暗调高级商业护肤摄影风;标题字=现代简约粗黑体;正文字=简洁无衬线体;主色=暖金棕;背景延展=深棕到暖金的暗调渐变,带细腻珠光质感;强调色=暖金色,仅用于小面积标题高亮、卡片边框和局部光影;标题色=暖金色;正文色=浅米白;组件=圆角暗金边框卡片、细金线分隔;光影=柔光写实,局部光影聚焦纹路/粗糙部位,整体暗调高级不廉价。
[文字] 顶部通栏大标题:「这些肌肤问题,你中了几个?」,居中横排,字号大且醒目。2×2卡片文案:卡片1下方「干纹细纹 上妆卡粉显老」;卡片2下方「暗沉无光 脸色蜡黄没气色」;卡片3下方「粗糙起皮 摸起来拉手不光滑」;卡片4下方「松弛垮脸 轮廓越来越模糊」。所有文字横向排版,移动端清晰可读,不遮挡肌肤特写关键部位。
[规格] 图片比例3:4竖版(国内电商详情页标准),分辨率4K,负向提示:避免过度磨皮、避免丑化肌肤、避免冷蓝/蓝灰色调、避免文字模糊过小、避免虚假医疗功效表述、避免极限词。肌肤纹理清晰可见,质感真实自然,突出真实状态而非病态夸张。