创意预览图

一元云购PC端完整版首页设计,包含顶部导航栏(首页、商品、购物车、揭晓、我的、登录/注册),商品卡片网格布局,每个商品卡片带有"立即参与"按钮和"购物车"按钮,整体现代响应式网页UI设计,比例为16:

用户头像

1qnuyfk91pa...

2026.05.15
[第6屏] 本屏功能定义:U盘智能体双AI Agent,多版本规格对比表格,展示不同版本差异和价格,帮助用户选择。保持整体科技风格配色统一。 [氛围/风格] 清晰直观数据展示,专业科技风,深色背景表格对比,商业质感。 [元素布局] 深蓝色 #0A1628 背景,顶部主标题,中间是规格对比表格,表格分为四列:版本、容量、核心特色、价格。包含四个版本:基础版、升级版、高级版、旗舰版。表格线框使用浅蓝色,每个单元格清晰分隔,最低价用橙色强调。 [光影质感] 表格表头高亮,单元格交替深浅增加可读性,整体光线均匀,文字清晰锐利。 [配色色系] 背景 #0A1628,表格边框 #4A90E2,表头背景 #4A90E2 白色文字,内容行文字 #FFFFFF,价格数字用 DIN Alternate 加粗,最低价用 #FF6B35 橙红色强调,符合用户配色要求。 [视角构图] 9:16竖版,表格从上到下排列,单元格信息完整,适配手机屏幕查看。 [文字版式] 顶部主标题:"选择适合你的版本",思源黑体 Bold白色大字号;表格表头:版本、容量、特色、价格,加粗白色;每个版本行清晰列出信息,例如基础版:64G、双AI智能体、¥99,价格放大突出,最低价橙红色标注。字体按照用户要求:数字价格使用 DIN Alternate,正文清晰可读。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 表格错乱,文字重叠,价格模糊,颜色错误,水印,违规宣传。[第6屏] 本屏功能定义:U盘智能体双AI Agent,多版本规格对比表格,展示不同版本差异和价格,帮助用户选择。保持整体科技风格配色统一。
[氛围/风格] 清晰直观数据展示,专业科技风,深色背景表格对比,商业质感。
[元素布局] 深蓝色 #0A1628 背景,顶部主标题,中间是规格对比表格,表格分为四列:版本、容量、核心特色、价格。包含四个版本:基础版、升级版、高级版、旗舰版。表格线框使用浅蓝色,每个单元格清晰分隔,最低价用橙色强调。
[光影质感] 表格表头高亮,单元格交替深浅增加可读性,整体光线均匀,文字清晰锐利。
[配色色系] 背景 #0A1628,表格边框 #4A90E2,表头背景 #4A90E2 白色文字,内容行文字 #FFFFFF,价格数字用 DIN Alternate 加粗,最低价用 #FF6B35 橙红色强调,符合用户配色要求。
[视角构图] 9:16竖版,表格从上到下排列,单元格信息完整,适配手机屏幕查看。
[文字版式] 顶部主标题:"选择适合你的版本",思源黑体 Bold白色大字号;表格表头:版本、容量、特色、价格,加粗白色;每个版本行清晰列出信息,例如基础版:64G、双AI智能体、¥99,价格放大突出,最低价橙红色标注。字体按照用户要求:数字价格使用 DIN Alternate,正文清晰可读。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 表格错乱,文字重叠,价格模糊,颜色错误,水印,违规宣传。
生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕前序UI风格保持一致,是下单流程核心页面,客户可在此选配服务、查看计价、填写项目信息,页面内容可滚动。 从上到下布局: 1. 顶部步骤指示器:步骤条为「①服务模式 ✓ → ②城市选择 ✓ → ③服务与计价(当前高亮)→ ④确认支付(置灰)」。 2. 区域一:添加服务与计价,区域标题“选择服务”,全宽虚线边框“+ 添加服务”按钮,下方展示2个已添加服务卡片,核心信息清晰: 服务卡片1:名称“现场安装调试”,标签“按数量计价”,数量选择器[-] 1 [+],单价¥800/次,小计¥800,右侧×删除按钮。 服务卡片2:名称“智能方案设计”,标签“按面积分档”,面积输入框“120 ㎡”,单价¥15/㎡,小计¥1,800,右侧×删除按钮。 卡片下方实时突出展示“服务总计:¥2,600”。 3. 区域二:填写项目信息,区域标题“项目信息”,依次排列表单占位字段: 项目名称输入框(占位“如:张先生家智能改造”),项目地址(已选城市 + 详细地址输入框,占位“请填写详细地址”),户型面积数字输入框(占位“㎡”),项目类型下拉选择(选项:平层/复式/别墅/工装/其他),需求描述多行文本输入框(占位“请描述您的项目需求...”,标注选填),关联已购产品订单下拉选择框(占位“选择历史订单”,标注选填)。 资料上传区:虚线框上传按钮,带“+ 上传文件”图标,提示文字“请上传户型图、清单、现场照片等资料,有助于我们更快审核您的订单”。 4. 底部固定悬浮操作区:左侧突出展示“订单总价:¥2,600”,右侧主色高亮按钮“提交订单并支付”。 已添加服务卡片为核心信息区,总价视觉突出,所有文字清晰可见,使用无衬线字体,整体风格与前序设计保持统一。生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕前序UI风格保持一致,是下单流程核心页面,客户可在此选配服务、查看计价、填写项目信息,页面内容可滚动。
从上到下布局:
1. 顶部步骤指示器:步骤条为「①服务模式 ✓ → ②城市选择 ✓ → ③服务与计价(当前高亮)→ ④确认支付(置灰)」。
2. 区域一:添加服务与计价,区域标题“选择服务”,全宽虚线边框“+ 添加服务”按钮,下方展示2个已添加服务卡片,核心信息清晰:
服务卡片1:名称“现场安装调试”,标签“按数量计价”,数量选择器[-] 1 [+],单价¥800/次,小计¥800,右侧×删除按钮。
服务卡片2:名称“智能方案设计”,标签“按面积分档”,面积输入框“120 ㎡”,单价¥15/㎡,小计¥1,800,右侧×删除按钮。
卡片下方实时突出展示“服务总计:¥2,600”。
3. 区域二:填写项目信息,区域标题“项目信息”,依次排列表单占位字段:
项目名称输入框(占位“如:张先生家智能改造”),项目地址(已选城市 + 详细地址输入框,占位“请填写详细地址”),户型面积数字输入框(占位“㎡”),项目类型下拉选择(选项:平层/复式/别墅/工装/其他),需求描述多行文本输入框(占位“请描述您的项目需求...”,标注选填),关联已购产品订单下拉选择框(占位“选择历史订单”,标注选填)。
资料上传区:虚线框上传按钮,带“+ 上传文件”图标,提示文字“请上传户型图、清单、现场照片等资料,有助于我们更快审核您的订单”。
4. 底部固定悬浮操作区:左侧突出展示“订单总价:¥2,600”,右侧主色高亮按钮“提交订单并支付”。
已添加服务卡片为核心信息区,总价视觉突出,所有文字清晰可见,使用无衬线字体,整体风格与前序设计保持统一。