Von Print inspirierte Layouts im Web

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Ich sehe es immer gern, wenn Leute sich von Print-Designs inspirieren lassen und versuchen, sie ins Web zu übertragen. Es gibt eine viel tiefere Geschichte interessanter Print-Arbeiten, aus der man schöpfen kann, und immer noch eine Menge moderner Arbeiten, die die meisten digitalen Designarbeiten von heute in den Schatten stellen. Das Web ist durchaus in der Lage zu kühnen, interessanten Designs, dennoch sehen wir es viel zu selten.

Gerade eben haben wir einen kleinen Interessensschub erlebt…

Dan Davies ließ sich von neun verschiedenen Print-Artikeln inspirieren und erstellte Layouts, die im Geiste ähnlich zu jedem einzelnen sind.


Ahmad Shadeed baute ein ziemlich komplexes Rasterlayout mit fetter Typografie nach, inspiriert von einem Bild aus einem Buch.


Facundo Corradini entwarf ein Design aus dem The New York Times Style Magazine.


Frederick O’Brien verglich Zeitungsdesign mit Webdesign.

Diese Art von Erkundung haben wir schon einmal gesehen. Ich habe sie in diesem Artikel untersucht, der sich größtenteils mit den CSS-Werkzeugen befasst, die wir für diese Arbeit besser zur Verfügung haben, aber auch Demos enthält wie diese hier, die ich gemacht habe, sowie diese hier von Stuart Robson.

Auch

  • Jen Simmons predigt das schon ewig. „Getting out of our ruts“ (aus unseren Routinen herauskommen) ist ein Satz, den sie in einer Präsentation verwendet hat und der bei mir sehr gut ankommt.
  • Jules Forrest hat viele Raster-Erkundungen gemacht, wie diese hier, die stark von Print inspiriert zu sein scheint.
  • Raisa Yang hat Magazin-Layouts erkundet, diese hier unter Verwendung von columns, was ich im wirklichen Leben nicht so oft sehe, aber stark von Print inspiriert ist.

Ich denke, es wäre Spaß, einen Artikel mit allen wichtigen CSS-Werkzeugen zusammenzustellen, die wir haben, um print-ähnliche Designs zu replizieren. Das könnte ich vielleicht sogar tun, aber was mich davon abhalten könnte, ist die Tatsache, dass es so etwas wie *alles* in CSS ist. CSS handelt vom Styling, und jedes Styling steht für den Aufbau einzigartiger Designs zur Verfügung.