这组检索词可以用来检查搜索界面能否完整保存用户输入，并在文字效果旁提供图片预览入口 。图文？榈淖饔檬侨糜没榷燎寮焖鞔屎退得，再审查对应缩略图 ；它不可单凭词语推断照片里有什么 。由于这组词可能引出涉及未成年人的不当遐想，图片筛选应扫除性化、聚敛或其他不相宜未成年人的影像，只展示经审核的清静素材 ；没有合适图片时，应说明暂无清静预览，而不是用推测补图 。
焦点功效：文字盘问与图片预览怎样配合
图文？橛Π选氨４嬗没淙搿⒄故厩寰餐计②故屯计猛尽绷汕逦匿懒鞒 。检索词显示在效果区上方，图片卡片紧随文字说明 ；用户由此能判断缩略图属于哪组盘问，也能区分它是实景预览照旧装饰插图 。
- 完整保存检索词：搜索框和效果问题保存用户输入的原有顺序，窄屏换行时也不拆成容易误读的两条盘问 。
- 文字与图片分区：说明文字放在缩略图上方或左侧，二者坚持清晰间距 ；图片不得遮挡问题或挤压检索词 。
- 标明预览用途：图片旁使用“清静图片预览”等简短说明，阻止让用户误以为照片能够证实检索词的寄义 。
- 加载时坚持结构：图片尚未载入时预留牢靠尺寸的占位框，载入后在原位置显示缩略图，阻止卡片突然变高或文字位置跳动 。
- 提供准确替换文字：形貌照片里现实可见的工具或场景，不机械重复检索词 ；审核欠亨过的图片不应进入预览区 。
显示参数与适配要求
下表是通用图文卡片的建议设置，不代表某个搜索平台的官方规格 。制作时可遵照效果栏宽度微调，但应坚持图片比例、文字可读性和清静筛选规则 。
| 字段 | 建议值 | 适用说明 |
|---|---|---|
| 缩略图比例 | 4:3 | 适合横向预览卡片 ；展示竖幅照片时可改为3:4，并统一同组卡片比例 。 |
| 缩略图基准尺寸 | 320×240 px | 作为基础预览尺寸，等比缩放，不拉伸人物或物体 。 |
| 桌面端图片宽度 | 240—360 px | 适用于文字与图片并排的效果栏 ；较窄的栏位改用上下结构 。 |
| 移动端图片宽度 | 容器宽度的100% | 缩略图不凌驾屏幕，卡片左右内边距建议为16 px 。 |
| 窄屏结构切换点 | 768 px | 视口宽度低于该值时接纳上下排列，阻止文字栏被缩得过窄 。 |
| 图片圆角 | 8 px | 用于统一卡片边沿 ；若界面接纳直角气概，则设为0 px 。 |
| 替换文字长度 | 约10—30字 | 用一句话说明照片中可确认的主体，不写未经证实的身份或关系 。 |
| 图片名堂 | WebP、JPEG或PNG | 按素材与浏览情形选用 ；透明配景素材可用PNG，通俗照片可用WebP或JPEG 。 |
差别设惫亓适用体现
手机屏幕：接纳上下排列，先显示检索词和说明，再显示缩略图 。图片随效果栏宽度缩放，问题自然换行，不要为了强行塞进一行而太过缩小字号 。窄屏下若有多张审核及格的照片，应逐张纵向展示，确保每张图都能识别 。
平板屏幕：横屏时可实验文字与图片并列，竖屏时改为上下排列 。切换偏向后重新盘算卡片宽度，并检查照片是否被裁切、说明是否压到缩略图上 。
桌面屏幕：效果栏较宽时，可将说明放在左侧、图片放在右侧，并给图片设置最大宽度 ；效果栏较窄时沿用上下结构 。无论接纳哪种排法，用户的阅读顺序都应先文字、后图片 。
单图预览与多图展示的选择
只有一张适合展示的清静照片时，使用单图卡片即可，附上一句准确说明 。若有多张审核及格的照片，可排列成统一比例的缩略图组，并把每张照片的说明放在对应图片下方 。手机上应接纳纵向卡片，或确保横向排列时每张缩略图仍有足够宽度 ；不要把图片挤成无法识别的窄条 。没有合适素材时，保存文字说明并标注暂无清静预览，比展示泉源不明的照片更稳妥 。
使用时的检查重点
- 核对搜索框和效果问题是否完整保存用户输入，换行后仍容易读懂 。
- 检查图片是否按比例缩放，主要主体有没有被边沿裁掉 。
- 较量载入前后的卡片尺寸，确认图片没有笼罩文字，也没有造成结构跳动 。
- 逐张核对替换文字与现实照片，删除身份、关系等无法从画面确认的形貌 。
- 确认审核规则会阻挡性化或聚敛未成年人的影像 ；缺少合适素材时，不以相似词语推测并配图 。
- 在手机、平板和桌面视口划分检查阅读顺序、留白和缩略图清晰度 。
总体而言，这类图文？槭适视糜诩觳榧焖鞔时４妗⑼计だ馈⒓釉卣嘉缓投嘧氨概虐 。适用的设置包括4:3缩略图比例、320×240 px基准尺寸、移动端满宽显示，以及低于768 px时切换为上下结构 。设计时还要把图片审核与文字说明一并纳入流程：照片只泛起可确认的清静场景，说明只形貌现实可见工具 ；没有合适照片时，明确见告用户即可 。
