响应式布局
页面宽度变化时重新排列内容,而不是简单缩小桌面版;图片、文字与按钮需要保持可读和可点击。
怎么观察:观察“响应式布局”时,建议先看位置,再看变化。在本站图集里,可以把“响应式布局”与人物位置、镜头距离和相邻画面一起查看;如果只有某一张特别明显,再回到前后图片确认它是主题线索还是一次性的视觉变化。
怎么使用:“响应式布局”适合用作视觉内容的阅读提示,不适合单独变成庞大栏目。遇到与“响应式布局”相关的作品时,先进入具体图集或人物专题,再通过标题和相关链接继续寻找相近画面,这样术语始终服务于内容本身。
避免误解:使用“响应式布局”描述作品时,避免把它写成绝对质量判断。更有用的表达是指出“响应式布局”出现在哪里、与什么元素同时变化,以及它怎样影响当前画面的构图、光线或阅读节奏。
移动菜单
窄屏下主导航折叠为按钮,打开后仍提供真实链接;关闭菜单不会影响正文继续阅读。
怎么观察:观察“移动菜单”时,建议先看整体,再回到局部。在本站图集里,可以把“移动菜单”与人物位置、镜头距离和相邻画面一起查看;如果只有某一张特别明显,再回到前后图片确认它是主题线索还是一次性的视觉变化。
怎么使用:“移动菜单”适合用作视觉内容的阅读提示,不适合单独变成庞大栏目。遇到与“移动菜单”相关的作品时,先进入具体图集或人物专题,再通过标题和相关链接继续寻找相近画面,这样术语始终服务于内容本身。
避免误解:使用“移动菜单”描述作品时,避免把它写成绝对质量判断。更有用的表达是指出“移动菜单”出现在哪里、与什么元素同时变化,以及它怎样影响当前画面的构图、光线或阅读节奏。
搜索弹窗
默认保持隐藏,只有用户主动点击时才显示,并支持关闭按钮、遮罩和 ESC 恢复页面滚动。
怎么观察:观察“搜索弹窗”时,建议把前后画面放在一起比较。在本站图集里,可以把“搜索弹窗”与人物位置、镜头距离和相邻画面一起查看;如果只有某一张特别明显,再回到前后图片确认它是主题线索还是一次性的视觉变化。
怎么使用:“搜索弹窗”适合用作视觉内容的阅读提示,不适合单独变成庞大栏目。遇到与“搜索弹窗”相关的作品时,先进入具体图集或人物专题,再通过标题和相关链接继续寻找相近画面,这样术语始终服务于内容本身。
避免误解:使用“搜索弹窗”描述作品时,避免把它写成绝对质量判断。更有用的表达是指出“搜索弹窗”出现在哪里、与什么元素同时变化,以及它怎样影响当前画面的构图、光线或阅读节奏。
图片比例
响应式环境里图片保持原始比例或使用明确的裁切容器,避免为了填满卡片把人物拉伸。
怎么观察:观察“图片比例”时,建议结合人物与环境共同判断。在本站图集里,可以把“图片比例”与人物位置、镜头距离和相邻画面一起查看;如果只有某一张特别明显,再回到前后图片确认它是主题线索还是一次性的视觉变化。
怎么使用:“图片比例”适合用作视觉内容的阅读提示,不适合单独变成庞大栏目。遇到与“图片比例”相关的作品时,先进入具体图集或人物专题,再通过标题和相关链接继续寻找相近画面,这样术语始终服务于内容本身。
避免误解:使用“图片比例”描述作品时,避免把它写成绝对质量判断。更有用的表达是指出“图片比例”出现在哪里、与什么元素同时变化,以及它怎样影响当前画面的构图、光线或阅读节奏。
触控区域
移动端按钮和链接需要足够的点击面积,避免多个小链接紧贴导致误触。
怎么观察:观察“触控区域”时,建议不要只凭单张下结论。在本站图集里,可以把“触控区域”与人物位置、镜头距离和相邻画面一起查看;如果只有某一张特别明显,再回到前后图片确认它是主题线索还是一次性的视觉变化。
怎么使用:“触控区域”适合用作视觉内容的阅读提示,不适合单独变成庞大栏目。遇到与“触控区域”相关的作品时,先进入具体图集或人物专题,再通过标题和相关链接继续寻找相近画面,这样术语始终服务于内容本身。
避免误解:使用“触控区域”描述作品时,避免把它写成绝对质量判断。更有用的表达是指出“触控区域”出现在哪里、与什么元素同时变化,以及它怎样影响当前画面的构图、光线或阅读节奏。
文字行长
桌面端正文不宜铺满超宽屏,移动端则避免过窄边距,让连续段落保持稳定阅读节奏。
怎么观察:观察“文字行长”时,建议把它放回整组节奏中理解。在本站图集里,可以把“文字行长”与人物位置、镜头距离和相邻画面一起查看;如果只有某一张特别明显,再回到前后图片确认它是主题线索还是一次性的视觉变化。
怎么使用:“文字行长”适合用作视觉内容的阅读提示,不适合单独变成庞大栏目。遇到与“文字行长”相关的作品时,先进入具体图集或人物专题,再通过标题和相关链接继续寻找相近画面,这样术语始终服务于内容本身。
避免误解:使用“文字行长”描述作品时,避免把它写成绝对质量判断。更有用的表达是指出“文字行长”出现在哪里、与什么元素同时变化,以及它怎样影响当前画面的构图、光线或阅读节奏。
固定元素
粘性导航和返回顶部按钮不应覆盖标题、搜索框或正文,尤其要检查 375 像素左右的窄屏。
怎么观察:观察“固定元素”时,建议先看位置,再看变化。在本站图集里,可以把“固定元素”与人物位置、镜头距离和相邻画面一起查看;如果只有某一张特别明显,再回到前后图片确认它是主题线索还是一次性的视觉变化。
怎么使用:“固定元素”适合用作视觉内容的阅读提示,不适合单独变成庞大栏目。遇到与“固定元素”相关的作品时,先进入具体图集或人物专题,再通过标题和相关链接继续寻找相近画面,这样术语始终服务于内容本身。
避免误解:使用“固定元素”描述作品时,避免把它写成绝对质量判断。更有用的表达是指出“固定元素”出现在哪里、与什么元素同时变化,以及它怎样影响当前画面的构图、光线或阅读节奏。
横向溢出
宽图片、长链接和双栏结构都应在窄屏重新布局,页面不应因为单个元素出现水平滚动。
怎么观察:观察“横向溢出”时,建议先看整体,再回到局部。在本站图集里,可以把“横向溢出”与人物位置、镜头距离和相邻画面一起查看;如果只有某一张特别明显,再回到前后图片确认它是主题线索还是一次性的视觉变化。
怎么使用:“横向溢出”适合用作视觉内容的阅读提示,不适合单独变成庞大栏目。遇到与“横向溢出”相关的作品时,先进入具体图集或人物专题,再通过标题和相关链接继续寻找相近画面,这样术语始终服务于内容本身。
避免误解:使用“横向溢出”描述作品时,避免把它写成绝对质量判断。更有用的表达是指出“横向溢出”出现在哪里、与什么元素同时变化,以及它怎样影响当前画面的构图、光线或阅读节奏。
渐进增强
核心正文与链接直接存在于 HTML 中,即使 JavaScript 失败,主要内容仍然可以阅读和进入。
怎么观察:观察“渐进增强”时,建议把前后画面放在一起比较。在本站图集里,可以把“渐进增强”与人物位置、镜头距离和相邻画面一起查看;如果只有某一张特别明显,再回到前后图片确认它是主题线索还是一次性的视觉变化。
怎么使用:“渐进增强”适合用作视觉内容的阅读提示,不适合单独变成庞大栏目。遇到与“渐进增强”相关的作品时,先进入具体图集或人物专题,再通过标题和相关链接继续寻找相近画面,这样术语始终服务于内容本身。
避免误解:使用“渐进增强”描述作品时,避免把它写成绝对质量判断。更有用的表达是指出“渐进增强”出现在哪里、与什么元素同时变化,以及它怎样影响当前画面的构图、光线或阅读节奏。
图片缺失语义
图片文件尚未上传时,HTML 标签和自然 ALT 仍然保留,页面结构不依赖文件存在检测。
怎么观察:观察“图片缺失语义”时,建议结合人物与环境共同判断。在本站图集里,可以把“图片缺失语义”与人物位置、镜头距离和相邻画面一起查看;如果只有某一张特别明显,再回到前后图片确认它是主题线索还是一次性的视觉变化。
怎么使用:“图片缺失语义”适合用作视觉内容的阅读提示,不适合单独变成庞大栏目。遇到与“图片缺失语义”相关的作品时,先进入具体图集或人物专题,再通过标题和相关链接继续寻找相近画面,这样术语始终服务于内容本身。
避免误解:使用“图片缺失语义”描述作品时,避免把它写成绝对质量判断。更有用的表达是指出“图片缺失语义”出现在哪里、与什么元素同时变化,以及它怎样影响当前画面的构图、光线或阅读节奏。
返回顶部
只在页面滚动较深后显示,属于便利功能,不应成为访问主要内容的必要步骤。
怎么观察:观察“返回顶部”时,建议不要只凭单张下结论。在本站图集里,可以把“返回顶部”与人物位置、镜头距离和相邻画面一起查看;如果只有某一张特别明显,再回到前后图片确认它是主题线索还是一次性的视觉变化。
怎么使用:“返回顶部”适合用作视觉内容的阅读提示,不适合单独变成庞大栏目。遇到与“返回顶部”相关的作品时,先进入具体图集或人物专题,再通过标题和相关链接继续寻找相近画面,这样术语始终服务于内容本身。
避免误解:使用“返回顶部”描述作品时,避免把它写成绝对质量判断。更有用的表达是指出“返回顶部”出现在哪里、与什么元素同时变化,以及它怎样影响当前画面的构图、光线或阅读节奏。
打印与阅读模式
页面依赖标准 HTML 标题、段落与链接组织,即使样式被简化,内容层级仍应保持可理解。
怎么观察:观察“打印与阅读模式”时,建议把它放回整组节奏中理解。在本站图集里,可以把“打印与阅读模式”与人物位置、镜头距离和相邻画面一起查看;如果只有某一张特别明显,再回到前后图片确认它是主题线索还是一次性的视觉变化。
怎么使用:“打印与阅读模式”适合用作视觉内容的阅读提示,不适合单独变成庞大栏目。遇到与“打印与阅读模式”相关的作品时,先进入具体图集或人物专题,再通过标题和相关链接继续寻找相近画面,这样术语始终服务于内容本身。
避免误解:使用“打印与阅读模式”描述作品时,避免把它写成绝对质量判断。更有用的表达是指出“打印与阅读模式”出现在哪里、与什么元素同时变化,以及它怎样影响当前画面的构图、光线或阅读节奏。