移动端小程序首页UI设计稿,蓝色主色调,主色#165DFF,简… - 图片创意预览

移动端小程序首页UI设计稿,蓝色主色调,主色#165DFF,简…

移动端小程序首页UI设计稿,蓝色主色调,主色#165DFF,简洁高级大气风格,现代扁平化UI设计,界面干净清爽,商务政务感。页面从上到下布局:1.顶部导航栏居中标题文字"劳模工匠助企行",深蓝色字体,

用户头像

1q2c8q3vwt2...

2026.07.10
[第1张] 企业人力配套服务详情页头图/主视觉海报。本张使用【图1】作为风格参考,提取其蓝白渐变、圆角卡片、图标化的设计语言。 [氛围/风格] 清爽商务科技风,专业可信,B端企业服务调性,现代简约。 [元素布局] 画面顶部居中大标题,下方副标题;中部左右布局:左侧为核心价值文案区,右侧为抽象商务人物/办公场景剪影插画;底部一条信任状信息条。背景为浅蓝到白色的柔和渐变,左上角和右下角有淡蓝色光晕装饰,整体通透干净。 [光影质感] 柔和顶光,整体明亮通透,卡片有轻微投影增加层次,无强烈阴影。 [配色色系] 全局底色 #F0F7FF 浅蓝渐变;主色 #2563EB 蓝色;辅助色 #10B981 青绿、#F59E0B 暖橙点缀;文字以深灰蓝为主。 [视角构图] 竖版居中构图,阅读动线从上至下:标题→副标题→中部核心内容→底部信任条。 [文字版式] 主标题「全周期人力配套服务」加粗黑体居中;副标题「从初创到中大型 一站式HR解决方案」灰色小字在主标题下方;左侧核心卖点分三行短句配小图标;底部信任条含「10+年行业经验」「1000+企业信赖」「资质齐全合规」三个标签,横向等距排列。 [比例分辨率] 3:4 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,背景杂乱,人物面部畸形,低俗,二维码,微信账号。[第1张] 企业人力配套服务详情页头图/主视觉海报。本张使用【图1】作为风格参考,提取其蓝白渐变、圆角卡片、图标化的设计语言。
[氛围/风格] 清爽商务科技风,专业可信,B端企业服务调性,现代简约。
[元素布局] 画面顶部居中大标题,下方副标题;中部左右布局:左侧为核心价值文案区,右侧为抽象商务人物/办公场景剪影插画;底部一条信任状信息条。背景为浅蓝到白色的柔和渐变,左上角和右下角有淡蓝色光晕装饰,整体通透干净。
[光影质感] 柔和顶光,整体明亮通透,卡片有轻微投影增加层次,无强烈阴影。
[配色色系] 全局底色 #F0F7FF 浅蓝渐变;主色 #2563EB 蓝色;辅助色 #10B981 青绿、#F59E0B 暖橙点缀;文字以深灰蓝为主。
[视角构图] 竖版居中构图,阅读动线从上至下:标题→副标题→中部核心内容→底部信任条。
[文字版式] 主标题「全周期人力配套服务」加粗黑体居中;副标题「从初创到中大型 一站式HR解决方案」灰色小字在主标题下方;左侧核心卖点分三行短句配小图标;底部信任条含「10+年行业经验」「1000+企业信赖」「资质齐全合规」三个标签,横向等距排列。
[比例分辨率] 3:4 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,背景杂乱,人物面部畸形,低俗,二维码,微信账号。
「图片1」「图片1」一、顶部用户信息与操作栏 左侧展示账号身份:蓝紫渐变头像、用户名「超级管理员」、所属部门「技术部・设备运维组」 右侧排布三个全局操作图标:搜索、新增、设置,支持全局内容检索、快速新建事项、系统配置调整。 二、功能引导 Banner 青绿色渐变卡片,作为页面价值引导区: 主标题:设备业务应用,从工作台开始 补充说明:快速进入设备、空间态势、维保、巡检、能耗与流程中心 作用:总览工作台核心业务范围,直观传递页面定位。 三、常用功能快捷入口 采用 2 行 4 列的宫格布局,放置高频核心功能,支持自定义配置: 第一行:设备管理、空间态势、流程中心、AI 智能体 第二行:消息中心、设备维保、设备巡检、添加常用 「添加常用」入口支持用户按需自定义快捷功能,适配不同岗位的使用习惯。 四、全部应用模块 对全量业务应用做分类管理,支持按业务维度切换筛选: 分类标签栏:包含「最近使用(当前选中)、设备业务、运营管理、流程协同」四类,附带更多分类按钮 当前「最近使用」分类下,展示 4 个近期高频使用的应用:设备档案、空间视图、能耗管理、流程中心 五、底部全局导航栏 页面底部固定的主导航,共 5 个入口,当前高亮选中「工作台」页面,从左到右依次为:首页、设备、AI 智能体核心按钮(紫蓝渐变悬浮样式)、工作台、我的,支持快速切换核心业务板块。帮我生成APP「图片1」「图片1」一、顶部用户信息与操作栏
左侧展示账号身份:蓝紫渐变头像、用户名「超级管理员」、所属部门「技术部・设备运维组」
右侧排布三个全局操作图标:搜索、新增、设置,支持全局内容检索、快速新建事项、系统配置调整。
二、功能引导 Banner
青绿色渐变卡片,作为页面价值引导区:
主标题:设备业务应用,从工作台开始
补充说明:快速进入设备、空间态势、维保、巡检、能耗与流程中心
作用:总览工作台核心业务范围,直观传递页面定位。
三、常用功能快捷入口
采用 2 行 4 列的宫格布局,放置高频核心功能,支持自定义配置:
第一行:设备管理、空间态势、流程中心、AI 智能体
第二行:消息中心、设备维保、设备巡检、添加常用
「添加常用」入口支持用户按需自定义快捷功能,适配不同岗位的使用习惯。
四、全部应用模块
对全量业务应用做分类管理,支持按业务维度切换筛选:
分类标签栏:包含「最近使用(当前选中)、设备业务、运营管理、流程协同」四类,附带更多分类按钮
当前「最近使用」分类下,展示 4 个近期高频使用的应用:设备档案、空间视图、能耗管理、流程中心
五、底部全局导航栏
页面底部固定的主导航,共 5 个入口,当前高亮选中「工作台」页面,从左到右依次为:首页、设备、AI 智能体核心按钮(紫蓝渐变悬浮样式)、工作台、我的,支持快速切换核心业务板块。帮我生成APP