布局用网格系统构建秩序基础网格，采用网格移动设计通用标准，元素间距尺寸以8dp或其倍数，4dp为微调单位设计，确保界面整齐，按钮高度48dp（6×8）、卡片间距 16dp（2×8）分区逻辑按信息重要性垂直分区，顶部放高频信息、如导航、搜索，中部放核心内容、如列表、详情，底部放操作区按钮标签栏。
适配策略小屏＜5.5英寸单列布局，减少每行信息密度大屏≥6英寸，可采用双列商品列表，但需预留足够间距≥16dp避免误触，色彩控制3+1配色法则，主色1种品牌主色支付宝蓝#1677FF，用于核心按钮标题关键操作，占比约20%辅助色2 种辅助色，成功绿#00B42A、警告橙#FF7D00、用于状态提示如已完成待支付占比约10%，中性色背景#F5F7FA卡片#FFFFFF、文字#1D2129/#4E5969/#86909C，占比约70%确保内容清晰可读，禁忌避免同时使用 3 种以上高饱和色，防止视觉混乱、如红、黄、蓝大面积并列。
字体与排版清晰优先层级分明，字体选择中文字体优先用系统默认，iOS用苹方Android用思源黑体，保证不同设备显示一致，英文用 Roboto或SF Pro，字号标准大标题20-24sp加粗，如页面标题我的订单、中标题16-18sp加粗列表项标题、商品名称正文14sp商品描述、详情文字辅助文字12sp时间价格说明不含运费，行高与间距正文行高1.51.6倍、14sp×1.5=21sp，标题行高1.2 倍段落间距≥16dp，确保阅读不拥挤。
组件设计标准化与场景适配按钮，主按钮填充主色圆角8-12dp高度48dp，文字16sp立即购买次要按钮，描边主色背景透明如加入购物车文字按钮，无背景、描边，仅文字、取消、查看更多、卡片背景白色，阴影模糊半径8dp微弱阴影、圆角12dp内边距16dp、商品卡片、订单卡片、避免过度装饰复杂纹理突出内容本身。
图标线性图标2px描边或面性图标，尺寸统一24×24dp或32×32dp表意清晰，搜索用放大镜设置用齿轮避免抽象图形。
