移动端界面设计方法，覆盖触摸目标和平台差异，含发布前清单-Claw龙虾部署大师-有用科技官网

「移动端界面设计」是「龙虾部署大师」技能市场中的移动端体验设计技能：作用是面向 iOS、Android、React Native、Flutter 和原生应用，按触控优先、平台尊重、性能、离线和安全的原则，输出决策检查点、反模式清单、平台差异、触摸心理、性能规则和发布前清单。它要求在需求不明时先确认平台、框架、导航、状态管理和离线范围，避免把桌面设计缩小后直接套用到移动端。

技能效果

给它一个React Native电商首页，它按搜索栏、分类标签、瀑布流、底部Tab四个模块，逐一拆出iOS和安卓在手势与导航上的差异和适配点。

移动端界面设计技能对话示例：电商首页iOS与安卓适配差异

移动端体验差，往往不是没设计，而是按桌面思路设计

很多移动端体验问题的根源，是把桌面界面等比缩小后直接搬到手机上：按钮挤在屏幕顶部、单手够不到，触控目标太小导致频繁点错，长列表和动画一卡一卡，弱网或离线时直接白屏。这些问题在评审时容易被忽略，上线后才在真实设备上暴露。移动端有自己的一套约束——拇指可达区、Fitts 定律、iOS 与 Android 的交互惯例、低端机性能、令牌安全存储——任何一条被忽略，体验都会打折。

这个技能能帮你把关什么

它把移动端体验拆成一套可逐条核对的设计规则与检查点。核心能力有四块：一是在需求开放时先要求确认平台、框架、导航、状态管理和离线需求，避免基于错误假设动手；二是覆盖触摸目标尺寸、拇指可达区、Fitts 定律和移动端的认知负荷，把"手指好不好按"量化成规则；三是识别长列表、动画、状态管理、令牌存储和架构上的常见反模式；四是给出 iOS 与 Android 的差异对照、框架决策树（React Native / Flutter / SwiftUI / Kotlin 怎么选）和发布前清单。它把零散的移动端经验，沉淀为预开发与发布两道关口的检查项。