我一直很喜欢看到人们从印刷设计中获得灵感,并尝试将其移植到网络。 印刷作品有更深厚、更有趣的历史可以借鉴,而且至今仍有大量现代作品超越了当今大多数数字设计作品。 网络完全能够实现大胆、有趣的图案,但我们很少看到它。
最近,我们看到了一些兴趣的激增……
Dan Davies 从九篇不同的印刷文章中获得灵感,并 构建了在精神上类似的布局。
Ahmad Shadeed 重建了一个相当复杂的网格布局,其大胆的排版灵感来自一本书中的图片。
Facundo Corradini 构建了一个设计,来自纽约时报风格杂志。
Frederick O’Brien 将报纸设计与网页设计进行了比较。

我们以前见过这种探索。 我曾在 这篇文章中 探索过,这篇文章主要介绍了我们所拥有的 CSS 工具如何更好地完成这项工作,但也包括一些演示,例如 我制作的这个 以及 Stuart Robson 制作的这个。
此外
- Jen Simmons 一直在敲打这个鼓。 “摆脱我们的困境” 是她在演讲中使用的一个词语,对我来说很有意义。
- Jules Forrest 进行了很多网格探索,例如这个,它似乎高度受印刷启发。
- Raisa Yang 探索了杂志布局,这个使用
columns
,我在野外很少看到,但它高度受印刷启发。
我认为,把所有用于复制印刷类设计的主要 CSS 工具汇集到一篇文章中会很有趣。 我可能会这样做,但让我放弃的想法是,它有点像 所有内容 都是 CSS。 CSS 是关于样式的,而所有样式都可以在构建独特的设计时被考虑。
我最喜欢的一个是 Olivia Ng 使用 CSS Grid 制作的杂志布局
(可能需要稍微缩小一点。)
作为一家杂志网站的员工,虽然我喜欢为在线内容制作类似印刷的布局,但我发现它们只适用于适合单个印刷页面或偶尔的双页跨页的内容。 列功能非常适合印刷保真度,但当您的内容是多页印刷内容时,它就不会很好地转化,除非您也对在线内容进行分页,但这似乎不是很多网站读者所喜欢的。
我认为深入探讨这个 UI 问题会很棒,因为我同意,在简单的短篇内容中是可以的,但任何长篇内容都会变得非常困难。