页面名称：首页浏览页面目标：快速发现可领养宠 | AI智能生成设计模板-千图AI

工作流1.0

页面名称：首页浏览
页面目标：快速发现可领养宠物
核心模块：推荐宠物卡片、分类入口、领养状态标签
主要交互：上下滑动浏览，点击卡片进详情，收藏宠物
视觉重点：手绘线稿风，圆角卡片，暖色爱心与爪印点缀
整体风格：
黑色手绘轮廓线、简化卡通宠物图形、浅色扁平填充、轻漫画感，温暖亲和。

配色：
主色：奶油橙
辅助色：薄荷绿、浅天蓝
背景色：米白、浅暖灰
强调色：珊瑚粉，用于申请按钮、收藏状态和重点标签。

线条：
黑色描边 2-3px，端点圆润，略带不规则抖动，保留手绘感。

字体：
标题圆润可爱，正文清晰易读，数字用于年龄、距离、申请状态时保持醒目但不生硬。

按钮：
胶囊或圆角矩形，黑色手绘描边，浅色填充；按下变深，选中加粗描边或增加小爪印标记。

卡片：
12px 圆角，黑色线稿边框，轻微手绘阴影；包含宠物头像、名字、年龄、品种、位置、领养状态。

图标：
统一黑色线稿，搭配少量扁平色块，图形简化，如爪印、爱心、筛选、个人头像。

插画/角色：
宠物角色头大身小，轮廓圆润，表情友好，填色柔和。

页面气质：
轻松、友好、简洁、易读，突出“想领养”的温暖感。
参考【UI Style Guide】，根据【当前页面任务】，生成一张完整的移动端App UI页面。 UI Style Guide：
【节点2输出图】手绘线稿UI视觉设定：
【节点1输出】当前页面任务：
【节点4当前项】 App类型：
【App类型】补充要求：
【补充要求】生成要求：【UI风格】
1. 整个页面严格遵循同一套手绘线稿UI系统。
2. 按钮、卡片、输入框、标签、图标、导航统一使用深色描边、圆角结构和柔和扁平色。
3. 页面必须是真实App界面，不是海报。【素材类型判断】
4. 根据页面内容自动判断素材应该使用“摄影”还是“插画”。真实对象使用摄影：
- 真实动物
- 真实人物
- 真实商品/产品
- 真实空间
- 真实服务过程抽象或辅助内容使用插画：
- 图标
- 吉祥物
- 功能说明
- 空状态
- 引导页
- 装饰元素 5. 不得把真实动物、产品或人物自动改成卡通插画。
6. 同一个对象在不同页面中的表现方式必须一致。
例如：
宠物列表使用真实宠物摄影，则宠物详情也继续使用真实摄影；
商品列表使用产品摄影，则商品详情也保持产品摄影。【摄影统一规则】

商AI 生成仅供参考，未经安全版权审查，请勿擅用。

收藏

AI改图

下载

更多

描述你想生成的图片信息，如：画面里有什么风格/元素/色彩

暂无同款作品