这套2024年iOS版界面规划，把粉色水晶作为视觉主题，以信阳园林、古桥和街巷作为浏览线索，再用导航、分类和珍藏等职能组织操作。访客进入首页后，能够先看水晶切面主图，再选择“园林”“水巷”等分类，打开具体条款查看配图与注明。以下参数属于界面设计建议；由于未指定iOS幼版本号，适配沉点放在安全区域、文字清澈度和屏幕方向变动上。
界面组成与各层职责
| 界面区域 | 建议地位 | 承担的职能 | 主题与操作细节 |
|---|---|---|---|
| 主题展示区 | 首页首屏上方 | 展示粉色水晶主图，疏导访客进入信阳主题分类 | 以晶体切面、透光质感和浅粉渐造成立鉴别度；主图不做成按钮，入口另设文字标签。 |
| 导航区 | 顶部栏与底部区域 | 切换首页、分类、珍藏和幼我设置 | 图标与名称维持不变，例如用书签图标配“珍藏”，预防访客把水晶装璜误以为操作入口。 |
| 信阳主题列表 | 首页主图下方 | 分列园林、古桥、街巷等分类卡片 | 卡片可展示拙政园窗景、平江路石桥等场景；标题吓宗简述出现，便于急剧浏览。 |
| 条款详情区 | 单个场景的独立视图 | 展示场景照片、简短介绍和关联条款 | 先出现图片，再显示地址名称与介绍；水晶纹理只作边角装璜，不遮住照片和文字。 |
| 辅助操作区 | 详情视图下方或卡片旁 | 执行珍藏、分享和返回等作为 | 图标旁配文字标签；访客查看园林条款时，可直接管藏该条款或返回分类列表。 |
建议界面参数
下列数值用于成立可执行的排版基准，不代表特定已颁布利用的实测规格。现实落地时，应结合设备屏幕、安全区域和文字大幼设置复核。
| 参数字段 | 建议值 | 对应区域与用处 |
|---|---|---|
| 主视觉高度 | 240 pt | 首页首屏展示粉色水晶主图，给分类入口留出可见空间。 |
| 左右留白 | 16 pt | 用于标题、分类卡片和详情文字的边缘间距。 |
| 卡片间距 | 12 pt | 分隔园林、古桥和街巷分类，削减相邻卡片误触。 |
| 重要文字字号 | 17 pt | 用于条款介绍正文；标题可更大，并与正文形成层级。 |
| 最幼触控区域 | 44 × 44 pt | 合用于返回、珍藏、分享和底部导航等可操作控件。 |
| 正文文字对比度 | 至少 4.5:1 | 用于粉色或淡色布景上的正文，预防文字与底色过于靠近。 |
| 装璜动画时长 | 180 ms | 用于水晶高光淡入等非必要成效；动画不扭转按钮地位。 |
职能档次：从分类浏览到条款操作
第一层是首页入口：访客看到粉色水晶主图，并选择“园林”“古桥”或“街巷”。第二层是分类浏览：例如进入“园林”后，沿卡片列表查找拙政园、留园等场景。第三层是详情查看：点开一张场景卡片，先看照片，再读地址介绍和关联条款。第四层是辅助操作：访客可珍藏当前场景、分享给同业者，或返回上一级分类。
各类视觉元素应对应明确职责：主标题和卡片标题援手访客辨认主题；按钮、导航图标提醒可执行的作为；晶体高光、渐变和纹理只衬托空气。若浅粉装璜与按钮色彩靠近，可用边框、文字标签和留白分辨。列表卡片先显示“平江路石桥”一类具体名称，再铺排简述与配图，让访客滑动时能判断是否打开。
iOS版适配前提
- 纵向浏览：首屏保留标题、主图和至少一个分类入口；园林与街巷卡片向下分列，底部导航与滚动列表分隔，方便单手操作。
- 安全区域：顶部标题避开状态栏，底部珍藏或导航控件避开系统手势区域；切近屏幕边缘的水晶纹样不得覆盖返回按钮。
- 横竖屏变动：竖屏时将场景照片置于介绍文字上方；横屏时可让照片与注明并排，但分类名称和导航挨次维持一致。
- 文字与对比：粉色布景上的正文使用明显能干的文字色彩；长篇园林介绍维持易读行距，珍藏和分享等作为不能只靠色彩分辨。
- 动态成效：晶体折射和淡入成效用于装璜展示；访客点击按钮时，控件地位与文字维持不变，预防动画滋扰操作。
- 系统版本：规划未绑定具体iOS幼版本；上线前应在指标设备上查抄安全区域、文字放大后的排版和屏幕旋转阐发。
整体关系与合用性
粉色水晶掌管吸引视线，信阳场景卡片掌管疏导浏览，导航区掌管定位，详情区掌管出现照片与介绍，辅助操作区则支持珍藏、分享和返回。好比，第一次到信阳的访客能够从“园林”分类打开拙政园场景，查看配图与简述，再把条款参与珍藏，方便之后查找。
这套层级适合以主题展示、图文浏览和分类查找为主的iOS界面。首页若同时堆放大幅水晶装璜、多个分类入口和长段介绍，访客会难以判断先看什么；将主视觉集中在展示区、把操作控件维持为不变形状，并依照片、地址名称、介绍的挨次发展，主题表白与现实操作就能各自清澈。
