移动端主流布局类型按选择直接套用，单列流式布局推荐企业官网内容站，核心特征内容垂直单列排列，无多列排版适配所有屏幕

加载速度快，企业官网首页产品详情页资讯页，设计要点首屏Logo核心卖点1句话， 转化按钮、极简导航、汉堡菜单、内容区每屏

只讲1个核心信息，产品优势、案例、联系方式用留白分隔模块，底部备案号联系方式隐私政策合规必备，公司官网移动端首屏单列

展示，配图50字说明联系模块电话表单。

卡片式布局推荐产品服务展示，核心特征内容封装在独立卡片中，卡片间距≥16px视觉清晰易点击，产品列表、案例展示、服务套

餐、设计要点卡片比例16:9图片文字区，高度适配屏幕单张卡片占屏幕高度 1/3，卡片内容图片标题 核心卖点1-2行，操作按钮交互

优化卡片点击区域覆盖全卡片，而非仅按钮提升点击效率。

列表式布局资讯订单筛选页，核心特征垂直列表每行展示1条核心信息，左侧图标图片右侧文字，企业新闻、客户评价、订单列表、

设计要点、列表项高度80-100px文字可读性，信息层级标题16px辅助文字14px灰色，时间状态12px浅灰操作简化，列表右侧仅保

留1个核心操作避免多按钮混乱。

宫格式布局推荐功能导航分类页，核心特征2-3列宫格，图标文字组合快速触达功能，网站底部导航服务分类，设计要点列数手机端

优先2列360px宽大屏414px可3列，图标尺寸48×48px文字≤2行避免换行，选中态点击后有视觉反馈变色阴影。

底部标签导航布局多功能网站APP，核心特征屏幕底部固定导航栏4-5个标签，常驻显示方便拇指操作，电商网站、首页、分类、购

物车、我的综合服务站，设计要点标签数量多则折叠，核心功能、首页、我的优先、高度56pxiOS、60pxAndroid、图标文字组合

，选中态突出变色放大，兼容性避免与手机底部手势栏重叠，适配iPhone刘海屏安卓全面屏。