创意预览图

将这张线上小程序商城端展示图的整体背景修改为蓝白色调,保持所有文字内容、界面展示、标注文字和排版布局不变,整体风格干净清晰。

用户头像

1pzter5x7k-...

2026.07.08
[第4屏] 详情页功能详解-商城搭建与到店经营模块。本屏使用【图1】中商城搭建与到店经营模块的功能点作为内容参考。 [氛围/风格] 科技场景风,蓝色主调,模拟门店经营场景,专业且有代入感。 [元素布局] 画面上半部分为标题区和场景插画,展示一家现代化门店的线描插画,有收银台、扫码点餐牌、外卖取餐区等元素;下半部分为功能卡片区,用2行3列的卡片网格展示6大核心功能,每张卡片配一个线性图标和功能名称及简短说明。 [光影质感] 场景插画有柔和的蓝色光影,功能卡片有轻微悬浮感和阴影,整体明亮清晰。 [配色色系] 全局底色 #F0F9FF 浅蓝背景;主色 #0284C7 蓝色;辅助色 #38BDF8 浅蓝、白色卡片;文字色 #0C4A6E 深蓝;点缀色 #0EA5E9 亮蓝。 [视角构图] 上下结构,上场景下功能,正面平视,阅读动线从上到下。 [文字版式] 顶部主标题"商城搭建与到店经营"蓝色粗体居中,副标题"从线上商城到到店服务 全场景覆盖"灰色小字;场景插画下方是功能卡片网格:第一行"拖拽式可视化商城""支付即流量入口""扫码点餐系统",第二行"自营外卖系统""服务预约系统""物品寄存功能";每张卡片上方有对应蓝色线性图标,中间是功能名称粗体,下方是一行小字说明;底部有一行总结文字"快速搭建专属线上门店 提升到店经营效率"。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,背景杂乱,人物面部。[第4屏] 详情页功能详解-商城搭建与到店经营模块。本屏使用【图1】中商城搭建与到店经营模块的功能点作为内容参考。
[氛围/风格] 科技场景风,蓝色主调,模拟门店经营场景,专业且有代入感。
[元素布局] 画面上半部分为标题区和场景插画,展示一家现代化门店的线描插画,有收银台、扫码点餐牌、外卖取餐区等元素;下半部分为功能卡片区,用2行3列的卡片网格展示6大核心功能,每张卡片配一个线性图标和功能名称及简短说明。
[光影质感] 场景插画有柔和的蓝色光影,功能卡片有轻微悬浮感和阴影,整体明亮清晰。
[配色色系] 全局底色 #F0F9FF 浅蓝背景;主色 #0284C7 蓝色;辅助色 #38BDF8 浅蓝、白色卡片;文字色 #0C4A6E 深蓝;点缀色 #0EA5E9 亮蓝。
[视角构图] 上下结构,上场景下功能,正面平视,阅读动线从上到下。
[文字版式] 顶部主标题"商城搭建与到店经营"蓝色粗体居中,副标题"从线上商城到到店服务 全场景覆盖"灰色小字;场景插画下方是功能卡片网格:第一行"拖拽式可视化商城""支付即流量入口""扫码点餐系统",第二行"自营外卖系统""服务预约系统""物品寄存功能";每张卡片上方有对应蓝色线性图标,中间是功能名称粗体,下方是一行小字说明;底部有一行总结文字"快速搭建专属线上门店 提升到店经营效率"。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,背景杂乱,人物面部。
[详情图-1] POI认证+数字门店营销系统详情图。 [氛围风格] 3D科技商务风 门店数字化感 与之前风格统一; [画质] 商业设计质感 3D元素精致 界面清晰。 [元素] 画面左侧展示一个3D立体的棕色小店模型 带有条纹遮阳篷 与之前数字门店风格一致 小店上方有一个POI定位标记3D图标 蓝色发光;小店右侧连接一个3D手机模型 屏幕显示团购小程序界面 有商品列表和购买按钮;手机右侧有一个3D电脑屏幕 显示数字门店营销系统后台 有数据图表和营销功能模块;三个元素之间用蓝色发光线条连接 形成POI-团购-门店系统的链路;背景为浅蓝白渐变网格底 底部有蓝色网格地面 点缀分子结构银色线条与透明蓝色球体;左上角有蓝色斜角装饰。 [光影] 柔和前上方主光 3D物体有清晰的明暗面与地面投影;屏幕有自发光效果 蓝色光晕。 [配色] 主色调白蓝渐变 小店棕色+金色装饰 银色金属质感;整体科技清爽。 [视角构图] 正面平视 横向流程构图;从左到右 POI认证 团购小程序 门店系统 依次排列 用发光线连接;上下留出文字区域。 [文字版式] 顶部左对齐主标题 黑色粗体大字 写"POI认证+数字门店 基础获客双引擎";主标题下方两行灰色说明 分别是"POI地址认证+视频号团购小程序 附近流量入口"和"数字门店营销系统 团购 会员 营销全功能";底部有四个小图标横向排列 分别是"POI认领""团购上架""会员管理""营销玩法" 配简短文字;文字不遮挡主体3D元素。 [输出要求] 4:3比例 文字清晰可辨 超高清商业设计质感 3D风格与之前一致。 [负向提示词] 变形 文字错乱 模糊 背景杂乱 水印 电商平台Logo。[详情图-1] POI认证+数字门店营销系统详情图。
[氛围风格] 3D科技商务风 门店数字化感 与之前风格统一;
[画质] 商业设计质感 3D元素精致 界面清晰。
[元素] 画面左侧展示一个3D立体的棕色小店模型 带有条纹遮阳篷 与之前数字门店风格一致 小店上方有一个POI定位标记3D图标 蓝色发光;小店右侧连接一个3D手机模型 屏幕显示团购小程序界面 有商品列表和购买按钮;手机右侧有一个3D电脑屏幕 显示数字门店营销系统后台 有数据图表和营销功能模块;三个元素之间用蓝色发光线条连接 形成POI-团购-门店系统的链路;背景为浅蓝白渐变网格底 底部有蓝色网格地面 点缀分子结构银色线条与透明蓝色球体;左上角有蓝色斜角装饰。
[光影] 柔和前上方主光 3D物体有清晰的明暗面与地面投影;屏幕有自发光效果 蓝色光晕。
[配色] 主色调白蓝渐变 小店棕色+金色装饰 银色金属质感;整体科技清爽。
[视角构图] 正面平视 横向流程构图;从左到右 POI认证 团购小程序 门店系统 依次排列 用发光线连接;上下留出文字区域。
[文字版式] 顶部左对齐主标题 黑色粗体大字 写"POI认证+数字门店 基础获客双引擎";主标题下方两行灰色说明 分别是"POI地址认证+视频号团购小程序 附近流量入口"和"数字门店营销系统 团购 会员 营销全功能";底部有四个小图标横向排列 分别是"POI认领""团购上架""会员管理""营销玩法" 配简短文字;文字不遮挡主体3D元素。
[输出要求] 4:3比例 文字清晰可辨 超高清商业设计质感 3D风格与之前一致。
[负向提示词] 变形 文字错乱 模糊 背景杂乱 水印 电商平台Logo。
[第3屏] 餐厅收银解决方案详情页,主题为产品特色。分四个部分介绍:(一)全端智能点餐收银:整合用户小程序自助点餐、餐桌扫码点餐与员工智能收银终端,实现点餐、下单、支付、接单、打印全链路自动流转,为顾客与员工提供多渠道、高效率的点餐与结账体验。(二)门店运营智能管控:覆盖菜品标签、排菜管理、餐桌状态、清台催菜、赠送打折等核心运营场景,后厨智能排菜、桌台状态实时可视,订单处理高效规范,减少错单漏单,提升翻台与出餐效率。(三)会员营销灵活赋能:内置会员管理、活动配置、优惠核销、消费开票等功能,结合灵活打折、满减、赠送等营销工具,帮助食堂拉新锁客、刺激复购,同时支持离线收银,保障营业稳定不中断。(四)数据报表经营提效:自动生成营业数据、菜品销量、收银对账等多维报表,并接入顾客菜品评价体系,通过数据与反馈优化菜品、服务与管理,让门店运营有据可依,持续提升盈利能力。保持所有文案内容完全不修改。风格专业统一,延续蓝白配色。 [氛围风格] 专业、清晰、科技商务风,排版清晰层次分明,与整套详情页风格配色一致 [元素布局] 顶部蓝色大标题"产品特色",下方四个特色模块从上到下依次排列,每个模块带蓝色区块标题,正文灰色文字,模块之间用浅灰分隔线分开,右侧放置系统界面【图1】小图作为产品展示,不遮挡文案 [光影质感] 均匀明亮,文字清晰,模块区分自然 [配色色系] 全局底色:#FFFFFF(纯白),主色:#1967D2(蓝色),文字:#333333(深灰),模块标题背景:#EFF5FF(浅蓝) [视角构图] 竖版长图,从上到下依次排列四个产品特色板块 [文字版式] 主标题蓝色大字体,每个特色小标题蓝色加粗,正文常规字重,段落清晰行间距适中,适配移动端阅读,所有文字必须完全与用户提供文案一致,不得修改 [比例分辨率] 宽高比9:16,4K分辨率,超高清[第3屏] 餐厅收银解决方案详情页,主题为产品特色。分四个部分介绍:(一)全端智能点餐收银:整合用户小程序自助点餐、餐桌扫码点餐与员工智能收银终端,实现点餐、下单、支付、接单、打印全链路自动流转,为顾客与员工提供多渠道、高效率的点餐与结账体验。(二)门店运营智能管控:覆盖菜品标签、排菜管理、餐桌状态、清台催菜、赠送打折等核心运营场景,后厨智能排菜、桌台状态实时可视,订单处理高效规范,减少错单漏单,提升翻台与出餐效率。(三)会员营销灵活赋能:内置会员管理、活动配置、优惠核销、消费开票等功能,结合灵活打折、满减、赠送等营销工具,帮助食堂拉新锁客、刺激复购,同时支持离线收银,保障营业稳定不中断。(四)数据报表经营提效:自动生成营业数据、菜品销量、收银对账等多维报表,并接入顾客菜品评价体系,通过数据与反馈优化菜品、服务与管理,让门店运营有据可依,持续提升盈利能力。保持所有文案内容完全不修改。风格专业统一,延续蓝白配色。
[氛围风格] 专业、清晰、科技商务风,排版清晰层次分明,与整套详情页风格配色一致
[元素布局] 顶部蓝色大标题"产品特色",下方四个特色模块从上到下依次排列,每个模块带蓝色区块标题,正文灰色文字,模块之间用浅灰分隔线分开,右侧放置系统界面【图1】小图作为产品展示,不遮挡文案
[光影质感] 均匀明亮,文字清晰,模块区分自然
[配色色系] 全局底色:#FFFFFF(纯白),主色:#1967D2(蓝色),文字:#333333(深灰),模块标题背景:#EFF5FF(浅蓝)
[视角构图] 竖版长图,从上到下依次排列四个产品特色板块
[文字版式] 主标题蓝色大字体,每个特色小标题蓝色加粗,正文常规字重,段落清晰行间距适中,适配移动端阅读,所有文字必须完全与用户提供文案一致,不得修改
[比例分辨率] 宽高比9:16,4K分辨率,超高清
竖版长图商业宣传海报,9:24比例,4K超高清,科技深色商务风,深蓝色代码数据流暗纹背景,霓虹蓝色发光线条装饰,现代简约UI质感,精致光效,干净排版,信息分区分明,无水印、无畸变。所有中文文字必须100%清晰锐利,无模糊、无变形、无重叠、无缺笔、无截断,字号足够大,主标题占画面高度35%以上。黑体/粗体为主,笔画锐利,边缘清晰无毛边。无文字错位、无模糊小字,所有文案完整展示。画面从上至下布局: 顶部区域:深色科技背景,顶部居中超大白色粗体标题"微信小程序 开发定制",标题下方黄色圆角长条按钮,内黑色文字"微信小程序·各行各业·均可定制"。按钮下方横向4个白色圆角信息卡片:卡片1"8年+行业经验"、卡片2"50+技术团队"、卡片3"350+成功案例"、卡片4"7*16H售后支持",均为蓝色文字带图标。 一站式服务板块:白色圆角大板块,顶部蓝色加粗大字"一站式服务·安心之选"。下方竖向6条带圆形图标服务条目:①免费获取方案&报价 ②从咨询到上线,全程指导、协助 ③报价透明,无隐形收费 ④正规公司,签署合同,可开发票 ⑤项目在线进度表,清晰透明 ⑥源码交付,售后无忧。板块下方黄色两行居中大字"全程 无隐藏式收费"、"项目制 多对一 服务"。 热门案例板块:深色背景,居中超大白色粗体标题"热门案例"。标题下方黄色圆角按钮"微信小程序·各行各业·均可定制"。下方2行×3个蓝色发光边框手机案例卡片,带序号01-06:01电商商城(生鲜·花店·百货)、02点餐外卖(餐馆·咖啡店·奶茶店)、03预约上门(家政·家电维修·上门美业)、04场地预约(棋牌室·自习室·球馆)、05教育培训(培训·画室·课后托管)、06短剧直播(短剧·漫剧·直播),每个卡片双手机界面截图清晰可见。板块底部白色横条,黄色居中大字"个人/小店/企业 均可定制"。 服务流程板块:深色代码背景,居中超大白色粗体标题"服务流程"。标题下方黄色圆角按钮"标准化流程·高效推进"。左侧蓝色数字序号竖线串联6步:01需求沟通(了解业务场景与目标)、02方案策划(梳理功能清单与原型)、03UI设计(确认页面风格与交互)、04程序开发(前后端开发联调)、05测试上线(多轮测试,部署交付)、06售后维护(问题响应,持续优化)。板块底部深蓝色通栏横幅,左侧白色文字"立即咨询,获取专属方案",右下角亮黄色圆角按钮黑色文字"咨询客服"。 负面要求:不要出现文字模糊,字体残缺,文案缺失,图片压缩模糊,手机界面看不清,小字糊成一团,文字错位重叠,画面畸变,水印,杂乱噪点,颜色刺眼,文字被发光边框遮挡,信息排版拥挤混乱,人物扭曲,界面残缺,低分辨率,锯齿字体。竖版长图商业宣传海报,9:24比例,4K超高清,科技深色商务风,深蓝色代码数据流暗纹背景,霓虹蓝色发光线条装饰,现代简约UI质感,精致光效,干净排版,信息分区分明,无水印、无畸变。所有中文文字必须100%清晰锐利,无模糊、无变形、无重叠、无缺笔、无截断,字号足够大,主标题占画面高度35%以上。黑体/粗体为主,笔画锐利,边缘清晰无毛边。无文字错位、无模糊小字,所有文案完整展示。画面从上至下布局:
顶部区域:深色科技背景,顶部居中超大白色粗体标题"微信小程序 开发定制",标题下方黄色圆角长条按钮,内黑色文字"微信小程序·各行各业·均可定制"。按钮下方横向4个白色圆角信息卡片:卡片1"8年+行业经验"、卡片2"50+技术团队"、卡片3"350+成功案例"、卡片4"7*16H售后支持",均为蓝色文字带图标。
一站式服务板块:白色圆角大板块,顶部蓝色加粗大字"一站式服务·安心之选"。下方竖向6条带圆形图标服务条目:①免费获取方案&报价 ②从咨询到上线,全程指导、协助 ③报价透明,无隐形收费 ④正规公司,签署合同,可开发票 ⑤项目在线进度表,清晰透明 ⑥源码交付,售后无忧。板块下方黄色两行居中大字"全程 无隐藏式收费"、"项目制 多对一 服务"。
热门案例板块:深色背景,居中超大白色粗体标题"热门案例"。标题下方黄色圆角按钮"微信小程序·各行各业·均可定制"。下方2行×3个蓝色发光边框手机案例卡片,带序号01-06:01电商商城(生鲜·花店·百货)、02点餐外卖(餐馆·咖啡店·奶茶店)、03预约上门(家政·家电维修·上门美业)、04场地预约(棋牌室·自习室·球馆)、05教育培训(培训·画室·课后托管)、06短剧直播(短剧·漫剧·直播),每个卡片双手机界面截图清晰可见。板块底部白色横条,黄色居中大字"个人/小店/企业 均可定制"。
服务流程板块:深色代码背景,居中超大白色粗体标题"服务流程"。标题下方黄色圆角按钮"标准化流程·高效推进"。左侧蓝色数字序号竖线串联6步:01需求沟通(了解业务场景与目标)、02方案策划(梳理功能清单与原型)、03UI设计(确认页面风格与交互)、04程序开发(前后端开发联调)、05测试上线(多轮测试,部署交付)、06售后维护(问题响应,持续优化)。板块底部深蓝色通栏横幅,左侧白色文字"立即咨询,获取专属方案",右下角亮黄色圆角按钮黑色文字"咨询客服"。
负面要求:不要出现文字模糊,字体残缺,文案缺失,图片压缩模糊,手机界面看不清,小字糊成一团,文字错位重叠,画面畸变,水印,杂乱噪点,颜色刺眼,文字被发光边框遮挡,信息排版拥挤混乱,人物扭曲,界面残缺,低分辨率,锯齿字体。
竖版长图商业宣传海报,9:24比例,4K超高清,科技深色商务风,深蓝色代码数据流暗纹背景,霓虹蓝色发光线条装饰,现代简约UI质感,精致光效,干净排版,信息分区分明,无水印、无畸变。所有中文文字必须100%清晰锐利,无模糊、无变形、无重叠、无缺笔、无截断,字号足够大,主标题占画面高度35%以上。黑体/粗体为主,笔画锐利,边缘清晰无毛边。无文字错位、无模糊小字,所有文案完整展示。画面从上至下布局: 顶部区域:深色科技背景,顶部居中超大白色粗体标题"微信小程序 开发定制",标题下方黄色圆角长条按钮,内黑色文字"微信小程序·各行各业·均可定制"。按钮下方横向4个白色圆角信息卡片:卡片1"8年+行业经验"、卡片2"50+技术团队"、卡片3"350+成功案例"、卡片4"7*16H售后支持",均为蓝色文字带图标。 一站式服务板块:白色圆角大板块,顶部蓝色加粗大字"一站式服务·安心之选"。下方竖向6条带圆形图标服务条目:①免费获取方案&报价 ②从咨询到上线,全程指导、协助 ③报价透明,无隐形收费 ④正规公司,签署合同,可开发票 ⑤项目在线进度表,清晰透明 ⑥源码交付,售后无忧。板块下方黄色两行居中大字"全程 无隐藏式收费"、"项目制 多对一 服务"。 热门案例板块:深色背景,居中超大白色粗体标题"热门案例"。标题下方黄色圆角按钮"微信小程序·各行各业·均可定制"。下方2行×3个蓝色发光边框手机案例卡片,带序号01-06:01电商商城(生鲜·花店·百货)、02点餐外卖(餐馆·咖啡店·奶茶店)、03预约上门(家政·家电维修·上门美业)、04场地预约(棋牌室·自习室·球馆)、05教育培训(培训·画室·课后托管)、06短剧直播(短剧·漫剧·直播),每个卡片双手机界面截图清晰可见。板块底部白色横条,黄色居中大字"个人/小店/企业 均可定制"。 服务流程板块:深色代码背景,居中超大白色粗体标题"服务流程"。标题下方黄色圆角按钮"标准化流程·高效推进"。左侧蓝色数字序号竖线串联6步:01需求沟通(了解业务场景与目标)、02方案策划(梳理功能清单与原型)、03UI设计(确认页面风格与交互)、04程序开发(前后端开发联调)、05测试上线(多轮测试,部署交付)、06售后维护(问题响应,持续优化)。板块底部深蓝色通栏横幅,左侧白色文字"立即咨询,获取专属方案",右下角亮黄色圆角按钮黑色文字"咨询客服"。 负面要求:不要出现文字模糊,字体残缺,文案缺失,图片压缩模糊,手机界面看不清,小字糊成一团,文字错位重叠,画面畸变,水印,杂乱噪点,颜色刺眼,文字被发光边框遮挡,信息排版拥挤混乱,人物扭曲,界面残缺,低分辨率,锯齿字体。竖版长图商业宣传海报,9:24比例,4K超高清,科技深色商务风,深蓝色代码数据流暗纹背景,霓虹蓝色发光线条装饰,现代简约UI质感,精致光效,干净排版,信息分区分明,无水印、无畸变。所有中文文字必须100%清晰锐利,无模糊、无变形、无重叠、无缺笔、无截断,字号足够大,主标题占画面高度35%以上。黑体/粗体为主,笔画锐利,边缘清晰无毛边。无文字错位、无模糊小字,所有文案完整展示。画面从上至下布局:
顶部区域:深色科技背景,顶部居中超大白色粗体标题"微信小程序 开发定制",标题下方黄色圆角长条按钮,内黑色文字"微信小程序·各行各业·均可定制"。按钮下方横向4个白色圆角信息卡片:卡片1"8年+行业经验"、卡片2"50+技术团队"、卡片3"350+成功案例"、卡片4"7*16H售后支持",均为蓝色文字带图标。
一站式服务板块:白色圆角大板块,顶部蓝色加粗大字"一站式服务·安心之选"。下方竖向6条带圆形图标服务条目:①免费获取方案&报价 ②从咨询到上线,全程指导、协助 ③报价透明,无隐形收费 ④正规公司,签署合同,可开发票 ⑤项目在线进度表,清晰透明 ⑥源码交付,售后无忧。板块下方黄色两行居中大字"全程 无隐藏式收费"、"项目制 多对一 服务"。
热门案例板块:深色背景,居中超大白色粗体标题"热门案例"。标题下方黄色圆角按钮"微信小程序·各行各业·均可定制"。下方2行×3个蓝色发光边框手机案例卡片,带序号01-06:01电商商城(生鲜·花店·百货)、02点餐外卖(餐馆·咖啡店·奶茶店)、03预约上门(家政·家电维修·上门美业)、04场地预约(棋牌室·自习室·球馆)、05教育培训(培训·画室·课后托管)、06短剧直播(短剧·漫剧·直播),每个卡片双手机界面截图清晰可见。板块底部白色横条,黄色居中大字"个人/小店/企业 均可定制"。
服务流程板块:深色代码背景,居中超大白色粗体标题"服务流程"。标题下方黄色圆角按钮"标准化流程·高效推进"。左侧蓝色数字序号竖线串联6步:01需求沟通(了解业务场景与目标)、02方案策划(梳理功能清单与原型)、03UI设计(确认页面风格与交互)、04程序开发(前后端开发联调)、05测试上线(多轮测试,部署交付)、06售后维护(问题响应,持续优化)。板块底部深蓝色通栏横幅,左侧白色文字"立即咨询,获取专属方案",右下角亮黄色圆角按钮黑色文字"咨询客服"。
负面要求:不要出现文字模糊,字体残缺,文案缺失,图片压缩模糊,手机界面看不清,小字糊成一团,文字错位重叠,画面畸变,水印,杂乱噪点,颜色刺眼,文字被发光边框遮挡,信息排版拥挤混乱,人物扭曲,界面残缺,低分辨率,锯齿字体。