受印刷启发的网页布局

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 价值$200 的免费积分!

我一直很喜欢看到人们从印刷设计中获得灵感,并尝试将其移植到网络。 印刷作品有更深厚、更有趣的历史可以借鉴,而且至今仍有大量现代作品超越了当今大多数数字设计作品。 网络完全能够实现大胆、有趣的图案,但我们很少看到它。

最近,我们看到了一些兴趣的激增……

Dan Davies 从九篇不同的印刷文章中获得灵感,并 构建了在精神上类似的布局


Ahmad Shadeed 重建了一个相当复杂的网格布局,其大胆的排版灵感来自一本书中的图片。


Facundo Corradini 构建了一个设计,来自纽约时报风格杂志。


Frederick O’Brien 将报纸设计与网页设计进行了比较

我们以前见过这种探索。 我曾在 这篇文章中 探索过,这篇文章主要介绍了我们所拥有的 CSS 工具如何更好地完成这项工作,但也包括一些演示,例如 我制作的这个 以及 Stuart Robson 制作的这个

此外

  • Jen Simmons 一直在敲打这个鼓。 “摆脱我们的困境” 是她在演讲中使用的一个词语,对我来说很有意义。
  • Jules Forrest 进行了很多网格探索,例如这个,它似乎高度受印刷启发。
  • Raisa Yang 探索了杂志布局,这个使用 columns,我在野外很少看到,但它高度受印刷启发。

我认为,把所有用于复制印刷类设计的主要 CSS 工具汇集到一篇文章中会很有趣。 我可能会这样做,但让我放弃的想法是,它有点像 所有内容 都是 CSS。 CSS 是关于样式的,而所有样式都可以在构建独特的设计时被考虑。