微信风格的微信小程序登录页面设计,页面顶部展示logo名称为“… - 图片创意预览

微信风格的微信小程序登录页面设计,页面顶部展示logo名称为“…

微信风格的微信小程序登录页面设计,页面顶部展示logo名称为“焙客兔”,简洁清新的设计风格,符合微信原生视觉规范,包含微信授权登录按钮,排版清晰,背景干净

用户头像

用户b8CE6k81

2026.06.26
生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕整套UI体系保持一致,为客户在自动验收前24小时收到的全屏强制提醒弹窗,全屏半透明深色遮罩,中央居中展示圆角带阴影弹窗卡片,宽度占屏幕80%,必须点击按钮才能关闭。 弹窗从上到下布局: 1. 顶部:中央醒目的⏰提醒图标,图标下方橙色警示色标题“自动验收提醒”。 2. 中部核心信息:展示订单信息:订单编号“ZXH20260703001”,项目名称“张先生家智能改造”,服务内容“现场安装调试”,分隔线后居中大字核心提示“您的订单将于24小时后自动完成验收”,下方小字“如对交付结果有异议,请及时处理”,再下方小字“超时未处理,系统将自动完成验收,订单状态变更为‘已完成’”,时间信息大而清晰,弹窗醒目有紧迫感。 3. 底部操作区:纵向排列两个按钮,间距适中:主色高亮大按钮“确认验收”(点击进入验收确认流程),警示色边框按钮“发起争议”(点击进入争议发起页面),按钮下方灰色弱化文字链接“稍后处理”(点击关闭弹窗,系统将持续提醒)。 页面底部虚线框标注关闭弹窗后的状态:标注“关闭弹窗后 ↓”,框内示意:弹窗关闭后,项目看板顶部展示黄色提示条“您的订单将于24小时后自动验收,如有问题请及时处理”,提示条右侧有“立即处理”按钮。 两个核心操作按钮提供明确下一步路径,稍后处理为低优先级选项视觉弱化,所有文字清晰可见,使用无衬线字体,整体风格与智宅焕深色专业UI体系保持一致。生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕整套UI体系保持一致,为客户在自动验收前24小时收到的全屏强制提醒弹窗,全屏半透明深色遮罩,中央居中展示圆角带阴影弹窗卡片,宽度占屏幕80%,必须点击按钮才能关闭。
弹窗从上到下布局:
1. 顶部:中央醒目的⏰提醒图标,图标下方橙色警示色标题“自动验收提醒”。
2. 中部核心信息:展示订单信息:订单编号“ZXH20260703001”,项目名称“张先生家智能改造”,服务内容“现场安装调试”,分隔线后居中大字核心提示“您的订单将于24小时后自动完成验收”,下方小字“如对交付结果有异议,请及时处理”,再下方小字“超时未处理,系统将自动完成验收,订单状态变更为‘已完成’”,时间信息大而清晰,弹窗醒目有紧迫感。
3. 底部操作区:纵向排列两个按钮,间距适中:主色高亮大按钮“确认验收”(点击进入验收确认流程),警示色边框按钮“发起争议”(点击进入争议发起页面),按钮下方灰色弱化文字链接“稍后处理”(点击关闭弹窗,系统将持续提醒)。
页面底部虚线框标注关闭弹窗后的状态:标注“关闭弹窗后 ↓”,框内示意:弹窗关闭后,项目看板顶部展示黄色提示条“您的订单将于24小时后自动验收,如有问题请及时处理”,提示条右侧有“立即处理”按钮。
两个核心操作按钮提供明确下一步路径,稍后处理为低优先级选项视觉弱化,所有文字清晰可见,使用无衬线字体,整体风格与智宅焕深色专业UI体系保持一致。
创意 × 4
长沙文旅微信小程序我的页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。 整体背景:纯白色,干净清爽。 【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏。下方白色导航栏:左侧设置齿轮图标,居中标题"我的"黑色粗体文字,右侧消息铃铛图标带小红点。 【用户信息区】浅灰色极淡背景的大圆角卡片,左侧大圆形古风人物头像(与首页头像一致),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字。 【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字。两行四列8个彩色圆形图标入口,每个图标是彩色圆形底色+白色线条图标,配色与首页金刚区完全一致(绿、红、黄、蓝、紫、橙等): 第一行:消息中心(绿色圆形+铃铛白图标)、积分商城(黄色圆形+礼物白图标)、管理后台(蓝色圆形+盾牌白图标)、我的行程(紫色圆形+日历白图标) 第二行:我的足迹(青色圆形+脚印白图标)、我的预约(橙色圆形+时钟白图标)、我的收藏(红色圆形+星星白图标)、我的门票(绿色圆形+门票白图标) 每个彩色圆形图标下方有深灰色文字标签,图标风格与首页金刚区完全一致。 【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字。一行四列4个彩色圆形图标入口: 我的攻略(蓝色圆形+笔纸白图标)、我的反馈(橙色圆形+气泡白图标)、中奖记录(黄色圆形+奖杯白图标)、更多(灰色圆形+四点白图标) 所有图标区域白色背景,分组清晰。 【底部Tab栏】四个简约图标tab:首页(灰色房子+"首页")、导览(灰色地图+"导览")、行程(灰色日历+"行程")、我的(选中态绿色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。 整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序我的页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。

整体背景:纯白色,干净清爽。

【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏。下方白色导航栏:左侧设置齿轮图标,居中标题"我的"黑色粗体文字,右侧消息铃铛图标带小红点。

【用户信息区】浅灰色极淡背景的大圆角卡片,左侧大圆形古风人物头像(与首页头像一致),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字。

【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字。两行四列8个彩色圆形图标入口,每个图标是彩色圆形底色+白色线条图标,配色与首页金刚区完全一致(绿、红、黄、蓝、紫、橙等):
第一行:消息中心(绿色圆形+铃铛白图标)、积分商城(黄色圆形+礼物白图标)、管理后台(蓝色圆形+盾牌白图标)、我的行程(紫色圆形+日历白图标)
第二行:我的足迹(青色圆形+脚印白图标)、我的预约(橙色圆形+时钟白图标)、我的收藏(红色圆形+星星白图标)、我的门票(绿色圆形+门票白图标)
每个彩色圆形图标下方有深灰色文字标签,图标风格与首页金刚区完全一致。

【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字。一行四列4个彩色圆形图标入口:
我的攻略(蓝色圆形+笔纸白图标)、我的反馈(橙色圆形+气泡白图标)、中奖记录(黄色圆形+奖杯白图标)、更多(灰色圆形+四点白图标)

所有图标区域白色背景,分组清晰。

【底部Tab栏】四个简约图标tab:首页(灰色房子+"首页")、导览(灰色地图+"导览")、行程(灰色日历+"行程")、我的(选中态绿色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。

整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,干净清爽,与首页风格完全统一,界面精致,2K超清。