【图文测试】竖幅照片,也能舒服地看
这篇公开测试文章用于检查竖图、横图混排与手机看图。摄影素材已注明来源,并非站主个人旅行记录。
让照片保留自己的比例
竖幅照片把山峰和倒影放进同一条视线里。页面应该完整展示画面,让照片保持比例,也让读者可以向下滚动。

从山顶看到水面,阅读的方向恰好和照片一致。短段落放在图片前后,可以交代画面,也给下一段文字留出呼吸的空间。
横图和竖图放在一起
同一篇文章不必把所有图片裁成一样的形状。横图适合展开场景,竖图可以保留高处与近处的关系;它们都应该按比例缩放。

在手机上打开任意一张图片,可以用上一张、下一张按钮切换,也可以尝试左右滑动。关闭大图后,继续阅读文章,不必重新寻找入口。
图文说明也要清楚
一张照片负责呈现场景,一段文字负责说明看见了什么。
图片的替代文字描述画面本身;来源链接放在文章末尾,便于追溯摄影师与素材页面。这些内容也是本次测试的一部分。
图片来源
竖幅湖景:Dziana Hasanbekava / Pexels。横幅湖景:Lars Mai / Pexels。图片已在浏览器中压缩后上传。
交流与评论 0
还没有评论,欢迎留下第一条想法。
登录后即可参与评论或回复。登录后评论