UI FLOWKNOWLEDGE SYSTEM

色彩与装饰 · Color & Decoration

移动应用风格
Mobile App Style

偏原生移动应用的视觉与交互风格,强调底部导航、触控尺寸、卡片堆叠和单手操作。

A mobile-native visual and interaction style emphasizing bottom navigation, touch targets, stacked cards, and one-handed use.

交互预览

这是 mianhua UI Glossary 的原生 Preview Runtime,不是静态截图。

可以直接对 Agent 说

请把这个界面重设计为「移动应用风格 / Mobile App Style」。

角色:你是一名熟悉 iOS/Android 触控体验、移动信息架构和前端响应式实现的产品设计师。

设计理念:移动应用不是把桌面页面缩小,而是围绕单手操作、清晰路径、触控反馈和安全区重新组织任务。

布局要求:使用移动优先结构,顶部提供返回/标题/关键状态,主体单列堆叠,底部导航或主操作固定在安全区内。避免桌面式多栏、过密表格和小按钮。

触控要求:主要点击目标高度不低于 44px;相邻操作要有足够间距;危险操作要二次确认;所有交互都要有 pressed、loading、disabled 和 error 状态。

视觉要求:浅色 surface、清晰层级、少量品牌色、稳定圆角和弱阴影;列表、卡片和底部导航要像原生 App 一样可靠,不要做成营销落地页。

输出格式:先给移动任务路径,再给页面结构、导航层级、触控尺寸、状态反馈、空/错/加载、响应式和反例。

相关可运行档案研究

CARGOX Mobile

以货运模式、路线进度、货物参数和本地估算构成的原创物流 App。

page · 92%

Wellness Companion

以每日状态、习惯打卡、恢复分数和本地建议构成的原创移动健康伴侣。

page · 94%

Mood Tracker

以情绪、能量、日志和周趋势联动构成的原创本地情绪记录 App。

page · 94%

返回术语实验室 · 浏览完整馆藏 · 读取术语 API