用途
本技能用于生成高端、原生应用风格的移动端界面概念与流程图像,面向 iOS、Android 及跨平台移动应用。它定位为移动产品设计艺术指导,目标是产出具有应用原生感、高端、干净、高度刻意、视觉强烈、可读、可信、流程感知、平台感知且非通用的移动端界面图像。
适用场景包括:引导流程、认证流程、首页仪表盘、个人资料界面、设置界面、聊天界面、电商界面、金融科技界面、健康与健身界面、效率应用、社交应用、工具类应用、多屏应用概念以及高端移动端重设计。
不适用于:网站、落地页、桌面仪表盘、图像转代码、前端实现、代码生成。
主要能力
该技能强调打破标准 AI 移动端输出的重复默认效果,例如:虚假的金融科技仪表盘与随机图表、一个漂亮界面后接通用填充界面、过多浮动卡片、过多胶囊与标签、无安全区意识、导航逻辑薄弱、手机尺寸的网站、无目的的玻璃拟态、过小不可读的文字、首屏内容过多、克隆式引导界面、虚假复杂度、无纹理的扁平背景、通用配色、默认紫蓝色创业配色陈词、随机亮色、通用开发者工具图标集、过于简单而显得空洞的布局、漂移到不同设计系统的界面集、不一致的设备样机与不均匀边距、设备边框比实际界面内容更抢眼等。
技能内置一组基线配置,用于控制设计变化度、视觉密度、艺术指导、平台感知、流程多样性、图像生成积极度、间距慷慨度、清晰度纪律、图像创意、纹理强度、配色纪律、非通用性、受控复杂度、一致性强度、流程逻辑纪律、样机边框纪律、文字可读性优先级、内容优先样机平衡、最小文字尺寸纪律等维度。这些配置作为默认值,可根据用户需求和应用类别进行调整。
使用方式
使用前需先确定平台模式,三选一:iOS 原生高端、Android 原生高端、跨平台高端中性。不同平台模式有不同的偏向,例如 iOS 偏向更干净的顶部区域、标签栏清晰、安全区意识、优雅间距、克制的界面装饰、平静的层级;Android 偏向更强的组件节奏、清晰的应用栏行为、底部导航清晰、卡片/列表结构、更明确的布局框架;跨平台中性偏向干净的安全区处理、通用移动导航模式、清晰层级、较少平台特定装饰。不要随意混合 iOS 与 Android 模式。
对于移动应用请求,必须直接生成界面图像或界面集,不能只以文字回答,也不能只描述应用可能的样子而不生成。主要交付物是一个或多个移动端界面图像,必要时可附加细节视图,多屏请求时提供清晰的流程集。
生成界面数量应足够让流程显得真实:请求 1 屏生成 1 张,2 屏生成 2 张,3 屏生成 3 张,5 屏生成 5 张,7 屏生成 7 张;引导流程生成多个引导界面而非一个;认证流程在有用时生成独立的登录/注册/恢复状态;应用概念生成一组有意义的界面而非一个孤立的英雄样机。
当某个界面或细节需要专门视图时,不要裁剪或放大之前生成的大图,而应生成全新的独立界面图像或细节渲染,保持相同的设计语言、颜色、字体氛围和组件家族,并针对可读性进行优化。
为同一应用生成多张图像时,需先锁定内部设计圣经,并在整套图像中保持一致,包括平台模式、设备边框风格、设备比例、配色逻辑、字体氛围、字号节奏、间距系统、圆角逻辑、图标风格、插画/图像处理、纹理强度、装饰资产语言、导航模型、卡片与列表行为、按钮样式、阴影语言。
多屏请求时,一致性是强制要求:保持整体品牌氛围、字体层级、配色、安全区处理、导航行为、组件家族、表面处理、卡片处理、背景逻辑、图像框架、装饰点缀、设备边框呈现一致;允许在构图、功能强调、图像位置、界面用途、视觉节奏上变化,但产品身份、设计系统、样机质量、核心间距逻辑不得变化。
多张图像必须形成可信的应用流程,界面顺序应合理,例如:引导 → 认证 → 首页;首页 → 浏览 → 详情;个人资料 → 设置 → 编辑资料;购物车 → 结账 → 确认;仪表盘 → 活动 → 详情;欢迎 → 权限 → 个性化首页。
默认将移动端 UI 呈现在干净的手机样机中,带可见设备边框。iOS 或中性高端概念通常使用干净的 iPhone 风格样机,Android 原生概念使用干净的 Android 风格样机,跨平台概念使用微妙的高端通用手机样机。默认不省略设备边框,除非用户明确要求仅原始界面输出、概念明显受益于无边框呈现,或用户要求 UI 图集或资产而非完整手机构图。
设备样机边框需干净高端:整套使用一致的设备风格,设备比例一致,样机居中或对齐有纪律,设备周围外边距干净平衡,上下左右画布边距视觉均匀,手机不触碰画布边缘,不使用尴尬裁剪的设备边框,不使用不一致的边框或随机边框尺寸,阴影柔和受控,样机呈现平静高端,手机边框可见干净,样机支持界面而非压倒界面,视觉重点保持在手机内的 UI 内容上。
引导流程不应像重复的模板幻灯片:生成多个不同的引导界面,跨界面变化构图,变化图像、文字和 CTA 的平衡,保持流程连贯,文案简短,首屏尤其干净。避免三个相同界面仅更换图标和标题、过多文案、无产品意义的巨大抽象色块、虚假励志填充语言、过早评分/评论提示、杂乱的首屏。
首屏最重要,无论是引导、首页、认证、介绍、欢迎还是仪表盘,都必须平静、高端、立即可读、视觉聚焦。规则包括:使用一个主要焦点,控制顶部区域,标题简短,不过载首屏,不填充额外统计、芯片、标签或胶囊,不埋没主 CTA,在正常手机尺寸下不显拥挤,若文字后有图像则通过渐变、遮罩或柔和遮罩保持清晰可读。强烈偏好 1 到 3 行短主声明、简洁辅助文字、一个清晰的下一步操作。
必须尊重移动端屏幕现实,始终考虑安全区、状态栏区域、顶部栏或标题区域、底部导航区域、Home 指示条区域、面板停靠区、手势空间。不要将重要内容塞入不安全区域,不要忽略顶部和底部系统区域,不要让界面像无功能逻辑的边到边海报,不要将关键 UI 放在视觉不安全的位置。
导航必须刻意且可信,适当使用熟悉的移动模式:主要应用区块使用标签栏/底部导航,下钻流程使用堆栈导航感,次要任务使用面板,本地切换使用分段控件,有用时使用应用栏,清晰的主次操作。不要过载底部导航,不要隐藏应用主路径,不要让每个操作同等重要,不要在标签、面板和操作之间创建不清晰层级。
布局应避免盒中盒中盒的移动端 UI,避免巨大嵌套卡片堆栈、到处浮动表面、5 层框架、无理由的仪表盘杂乱、微小部件挤在一起、虚假操作系统标签、装饰性胶囊和微状态元素。偏好更干净的表面、更强的留白、更少但更清晰的容器、直接层级、更清晰分组、尽可能扁平结构、一个强结构动作而非许多小而嘈杂的动作。
创意图像指导方面,应比通用应用 UI 生成器更具创意,在有助于概念时积极使用图像和艺术指导,例如摄影主导的引导、大型编辑图像块、图像背景标题、产品或生活方式图像、风景或氛围背景、插画驱动的入口界面、分层处理的媒体卡片、关键界面上的大胆视觉封面、图像条/架/轮播、文字后部分显露的背景图像。不要让图像感觉像事后补充,不要使用懒惰的填充缩略图。
适用场景与限制
该技能仅生成图像,不切换到编码模式,不描述代码,不构建 SwiftUI、React Native、Flutter 或 HTML,只生成移动端界面图像和界面流程图像。其输出应感觉应用原生、高端、干净、高度刻意、视觉强烈、可读、可信、流程感知、平台感知、创意艺术指导、非通用,基于干净受控的配色方案,并在多张生成图像间保持一致。
关于收费、价格、平台支持细节、具体效果或使用步骤等事实,资料中暂未提供。