参考图例的UI设计风格，生成小程序端数据同步界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"数据同步"，右侧显示同步状态按钮。下方有三个标签页：同步设置、同步记录、设备管
1q5brjneeng...
2026.08.19参考图例的UI设计风格，生成小程序端数据同步界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"数据同步"，右侧显示同步状态按钮。下方有三个标签页：同步设置、同步记录、设备管
1q5brjneeng...
2026.08.19
![[第6张] 订单管理系统展示页——订单列表与数据统计。本张使用【图5】作为订单列表界面主体展示。
[氛围/风格] 数据清晰管理风，突出订单一目了然、便于对账，商务SaaS质感。
[元素布局] 左侧展示手机订单列表界面，占比约60%，包含顶部扫码点餐/退款订单切换、日报/周报/月报/自定义日期选择、已结账订单列表（001桌多笔订单、订单编号、下单日期、流水号、金额）、底部首页/订单/我的导航；右侧为订单管理功能说明区，配4个功能点。
[光影质感] 均匀柔光，界面清晰，手机模型带自然投影。
[配色色系] 全局底色 #F7F9FC 浅灰白；主色 #00B4D8 青蓝色；辅助色 #FF8C42 橙色（订单图标）、#FF6B6B 红色（金额）；文字深灰 #2D3748。
[视角构图] 正面平视，手机界面居中偏左，右侧功能说明区，阅读动线从左到右。
[文字版式] 右上主标题「订单全记录 对账无忧」，副标题「多维度查询 每笔订单清晰可追溯」；右侧四个功能点：「扫码点餐订单」「退款订单管理」「日报/周报/月报」「订单详情可查」，每个配青蓝色渐变图标+标题+说明；左下角标注页码「06」；文字清晰可读。
[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。
[负向提示词] 订单数据错误，界面变形，文字错乱，水印，界面模糊，金额错误。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/54271a6d-2002-4043-8f3f-f478500afa2838806.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第1屏] 餐厅收银解决方案详情页头图，主题为多功能智能设备协同。页面顶部大蓝色主标题"多功能智能设备协同"，下方分三个板块依次展示：1、智能收银融合：多模态支付核验，内置促销计算灵活匹配场景；2、多端无缝协同：户端与收银端实时联动，全环节自动化运转；3、云端统一管控：网络自动同步，多平台营业数据统一管理。保持所有文案内容完全不修改。风格为专业商务科技风，采用参考图蓝白配色，浅色背景，蓝色标题，深灰色正文，信息分区清晰，模块化排版，左侧放置系统界面截图【图1】作为产品展示，右侧放置文案，整体简洁专业，京东平台高级A+移动端适配，文字清晰可读，比例适合手机浏览。
[氛围风格] 专业、清晰、科技商务风，排版简洁，信息层级分明，沿用参考图蓝白配色方案
[元素布局] 左侧产品界面占比约40%，右侧文案区域占比约60%，保持界面功能模块与原图完全一致，文案分区排列，每个卖点带蓝色小图标点缀，整体干净不拥挤
[光影质感] 均匀明亮的商务办公光效，文字清晰锐利，产品界面展示清晰
[配色色系] 全局底色：#FFFFFF（纯白），主色：#1967D2（蓝色），文字：#333333（深灰），模块分隔：#F5F5F5（浅灰）
[视角构图] 竖版上下构图，顶部标题，中部左右分栏，底部留白平衡
[文字版式] 主标题"多功能智能设备协同"蓝色大字居中，三个卖点分块排列，每个卖点标题加粗，正文常规字重，所有文字必须完全与用户提供文案一致，不得修改，文字清晰可读，移动端适配字号
[比例分辨率] 宽高比9:16，4K分辨率，超高清](https://gd-cms.dancf.com/gd-cms/xi19e5/0/a919f2a2-7c24-4d90-b4ed-830abbea0c7626225.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
