布局与适配聚焦核心内容响应式与屏幕适配

流式布局内容随屏幕宽度自动缩放，避免固定像素布局（如使用百分比、Flexbox、Grid布局适配不同屏幕尺寸，优先适配主流分辨率如

 iPhone、安卓各机型，避免极端尺寸下内容变形或截断安全区域适配，针对异形屏刘海屏、挖孔屏，确保内容避开屏幕边缘和传感器区

域。

层级分明的信息架构删减冗余内容，遵循原则只保留核心功能和信息，次要内容可通过折叠、抽屉导航或二级页面承载视觉优先级，用

 大小、颜色、留白区分信息层级如标题 正文辅助说明，重要操作按钮如立即购买需突出显示，卡片式设计将内容模块化，如新闻卡片、

商品卡片，便于用户快速扫描和点击，同时提升页面整洁度。

交互设计简化操作路径触控友好的控件设计，按钮尺寸点击区域不小于 44px×44px（iOS 规范）或 48dp×48dp（Material Design），

避免误触，手势操作合理使用滑动如列表滑动删除、长按如多选、下拉刷新等手势，但避免过度依赖手势需提供替代操作，拇指热区将

核心操作按钮如底部导航、CTA 按钮置于屏幕中下部，方便单手操作。