生成摩托车APP PRD - 图片创意预览

生成摩托车APP PRD

生成摩托车APP PRD

用户头像

GD719351332

2026.07.14
参考原图的清新简约UI设计风格,生成设备运维APP首页界面: 1. 顶部状态栏:显示时间15:28,包含移动信号、WiFi和电量图标 2. 用户信息区:头像是紫色圆形标识,内含"超"字,账号名"超级管理员",所属部门"技术部・设备运维组",右上角有搜索按钮和消息通知按钮,消息按钮带红色角标显示"18" 3. 核心运行数据概览区:3张并列数据卡片,蓝色主题设备卡片显示"在线设备:18/21台 故障设备:3台",绿色主题安全卡片显示"AI值守摄像头:12路 今日安全事件:2起",橙色主题能耗卡片显示"今日用能:1,284 kWh 碳排量:0.73 t" 4. 常用功能入口区:2行4列宫格布局,共8个功能入口:第一行从左到右:设备管理、设备体检、楼宇态势、设备处置;第二行从左到右:设备维保、AI值守、设备巡检、能耗管理 5. 业务提醒横幅区:分类标签"安全值守",标题"AI摄像头布防提醒",说明文字"核对重点区域摄像头在线与告警状态",横向卡片横幅搭配监控场景背景图 6. 待办事项区:区域标题"待办事项",右侧带"流程中心 >"跳转入口,第一条待办工单(设备维保类)状态"待处置",工单名称"摄像头 CAM-023 年度维保",明细"编号 WB260506010、类型 零星维修、对应设备 摄像头 - 1",负责人"超级管理员",创建时间"2026-05-26 11:19",第二条仅露出"设备巡检"分类头部,内容被底部导航遮挡 7. 底部主导航栏:共5个Tab入口,当前停留在蓝色高亮的"首页",依次是:首页(当前选中)、设备、紫蓝渐变圆形主快捷按钮、工作台(右上角红点未读提示)、我的 整体保持清新干净的现代UI设计风格,浅蓝渐变背景,信息分区清晰,层次分明参考原图的清新简约UI设计风格,生成设备运维APP首页界面:
1. 顶部状态栏:显示时间15:28,包含移动信号、WiFi和电量图标
2. 用户信息区:头像是紫色圆形标识,内含"超"字,账号名"超级管理员",所属部门"技术部・设备运维组",右上角有搜索按钮和消息通知按钮,消息按钮带红色角标显示"18"
3. 核心运行数据概览区:3张并列数据卡片,蓝色主题设备卡片显示"在线设备:18/21台 故障设备:3台",绿色主题安全卡片显示"AI值守摄像头:12路 今日安全事件:2起",橙色主题能耗卡片显示"今日用能:1,284 kWh 碳排量:0.73 t"
4. 常用功能入口区:2行4列宫格布局,共8个功能入口:第一行从左到右:设备管理、设备体检、楼宇态势、设备处置;第二行从左到右:设备维保、AI值守、设备巡检、能耗管理
5. 业务提醒横幅区:分类标签"安全值守",标题"AI摄像头布防提醒",说明文字"核对重点区域摄像头在线与告警状态",横向卡片横幅搭配监控场景背景图
6. 待办事项区:区域标题"待办事项",右侧带"流程中心 >"跳转入口,第一条待办工单(设备维保类)状态"待处置",工单名称"摄像头 CAM-023 年度维保",明细"编号 WB260506010、类型 零星维修、对应设备 摄像头 - 1",负责人"超级管理员",创建时间"2026-05-26 11:19",第二条仅露出"设备巡检"分类头部,内容被底部导航遮挡
7. 底部主导航栏:共5个Tab入口,当前停留在蓝色高亮的"首页",依次是:首页(当前选中)、设备、紫蓝渐变圆形主快捷按钮、工作台(右上角红点未读提示)、我的
整体保持清新干净的现代UI设计风格,浅蓝渐变背景,信息分区清晰,层次分明
将第二张华为Hicar主图调整为与第一张苹果CarPlay主图完全一致的视觉风格和版式结构。两张图要做成系列感,除了产品内容不同,其他所有视觉元素统一。 具体统一调整: 1. 背景:统一为深蓝紫渐变科技网格+发光粒子效果,与苹果那张完全一致的背景色调和质感 2. 标题层级:顶部大标题"2:支持华为手机"白色粗黑体,大小、位置、字重与苹果图的"1:支持苹果手机"完全对应一致;副标题"无线Hicar 上车即连"亮蓝色,与苹果图副标题"无线CarPlay 上车即连"的字体、大小、位置、颜色完全对应 3. 图标位置:左上角Hicar蓝色图标调整为与苹果图中Carplay图标相同的大小和位置,图标下方加白色"Hicar"文字,与苹果图左下角Carplay图标的样式对应(位置统一在左下角) 4. 中控屏幕和手机:调整位置和大小比例,与苹果图中中控+手机的构图结构对应一致;中控屏幕在上中部,手机在右下侧 5. APP矩阵:调整为半透明深色圆角底框,4列多行排列,与苹果图中APP矩阵的样式、大小、位置结构对应 6. 底部通栏:统一样式,深蓝色渐变圆角通栏,左侧文字"无损原车屏升级,无需拆卸",右侧文字"导航 音乐 通话 看视频",字体、大小、颜色、通栏高度与苹果图底部通栏完全一致,去掉底部的小图标 7. 整体光效、蓝色光晕、科技粒子效果与苹果图统一 8. 除了华为手机、Hicar界面、APP内容这些产品差异元素外,版式、字体、配色、光效、构图结构完全与第一张苹果图对齐将第二张华为Hicar主图调整为与第一张苹果CarPlay主图完全一致的视觉风格和版式结构。两张图要做成系列感,除了产品内容不同,其他所有视觉元素统一。

具体统一调整:
1. 背景:统一为深蓝紫渐变科技网格+发光粒子效果,与苹果那张完全一致的背景色调和质感
2. 标题层级:顶部大标题"2:支持华为手机"白色粗黑体,大小、位置、字重与苹果图的"1:支持苹果手机"完全对应一致;副标题"无线Hicar 上车即连"亮蓝色,与苹果图副标题"无线CarPlay 上车即连"的字体、大小、位置、颜色完全对应
3. 图标位置:左上角Hicar蓝色图标调整为与苹果图中Carplay图标相同的大小和位置,图标下方加白色"Hicar"文字,与苹果图左下角Carplay图标的样式对应(位置统一在左下角)
4. 中控屏幕和手机:调整位置和大小比例,与苹果图中中控+手机的构图结构对应一致;中控屏幕在上中部,手机在右下侧
5. APP矩阵:调整为半透明深色圆角底框,4列多行排列,与苹果图中APP矩阵的样式、大小、位置结构对应
6. 底部通栏:统一样式,深蓝色渐变圆角通栏,左侧文字"无损原车屏升级,无需拆卸",右侧文字"导航 音乐 通话 看视频",字体、大小、颜色、通栏高度与苹果图底部通栏完全一致,去掉底部的小图标
7. 整体光效、蓝色光晕、科技粒子效果与苹果图统一
8. 除了华为手机、Hicar界面、APP内容这些产品差异元素外,版式、字体、配色、光效、构图结构完全与第一张苹果图对齐
[第1张] 亚马逊跨境电商详情页头图-10寸安卓车载导航一体机CarPlay & Android Auto功能展示。本张使用【图1】作为车机产品主体,保持产品外观、边框、按键布局与原图一致。 [氛围/风格] 深色科技未来感,蓝色流动光线背景,商业摄影质感,极简跨境电商版式。 [元素布局] 画面顶部主标题区,中间为产品主视觉区;前景左侧悬浮一部现代智能手机(显示CarPlay和Android Auto图标),右侧是10寸车机屏幕被斜线分为左右两半:左侧亮绿色CarPlay界面(电话/音乐/Waze图标),右侧深色Android Auto界面(设置/天气/信息图标);背景蓝色光线流动与多屏界面虚化叠加;车机产品物理结构、比例轮廓、黑色边框、左侧按键布局与输入产品图一致,主体占比约60%。 [光影质感] 顶部柔光打亮产品屏幕,蓝色环境光从四周溢出,屏幕有高光反射,整体通透有科技感。 [配色色系] 全局底色 #0A1628 深蓝渐变;主色科技蓝 #00D4FF;辅助色亮绿 #00FF88、深紫 #1A1A3E;点缀色白色文字。 [视角构图] 正面微仰视,产品居中偏右,阅读动线顶部标题 → 中间产品 → 底部留白。 [文字版式] 顶部居中主标题大字号 "CARPLAY & ANDROID AUTO",下方副标题 "Support Wireless CarPlay & Wireless Android Auto",英文无衬线粗体,白色字,主标题加蓝色发光效果;文字不遮挡产品主体。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,缺件错件,颜色偏差,水印,文字错乱,产品图模糊,背景杂乱,中文字符。[第1张] 亚马逊跨境电商详情页头图-10寸安卓车载导航一体机CarPlay & Android Auto功能展示。本张使用【图1】作为车机产品主体,保持产品外观、边框、按键布局与原图一致。
[氛围/风格] 深色科技未来感,蓝色流动光线背景,商业摄影质感,极简跨境电商版式。
[元素布局] 画面顶部主标题区,中间为产品主视觉区;前景左侧悬浮一部现代智能手机(显示CarPlay和Android Auto图标),右侧是10寸车机屏幕被斜线分为左右两半:左侧亮绿色CarPlay界面(电话/音乐/Waze图标),右侧深色Android Auto界面(设置/天气/信息图标);背景蓝色光线流动与多屏界面虚化叠加;车机产品物理结构、比例轮廓、黑色边框、左侧按键布局与输入产品图一致,主体占比约60%。
[光影质感] 顶部柔光打亮产品屏幕,蓝色环境光从四周溢出,屏幕有高光反射,整体通透有科技感。
[配色色系] 全局底色 #0A1628 深蓝渐变;主色科技蓝 #00D4FF;辅助色亮绿 #00FF88、深紫 #1A1A3E;点缀色白色文字。
[视角构图] 正面微仰视,产品居中偏右,阅读动线顶部标题 → 中间产品 → 底部留白。
[文字版式] 顶部居中主标题大字号 "CARPLAY & ANDROID AUTO",下方副标题 "Support Wireless CarPlay & Wireless Android Auto",英文无衬线粗体,白色字,主标题加蓝色发光效果;文字不遮挡产品主体。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 产品变形,缺件错件,颜色偏差,水印,文字错乱,产品图模糊,背景杂乱,中文字符。