Interior

Layout system

Web layout design is evolving.

Something big is happening, specification is pushing the web forward in an unprecedented way. Those ready to embrace change are on the verge of a new-era. However, we mustn't forget beyond the web is a wealth of layout design resource to learn from.

Web and print are different beasts

Paper folds, yet doesn't scale when you pinch it — you needn't worry about copy in a paper layout overflowing when its orientation changes. The fluidity of web alone presents a unique set of challenges, the world of print won't experience.

The translation of a design from 'print' to web is challenging, applying a layout created in Illustrator to the browser also means encountering content reflow issues; we're limited by browser capability — but are moving forward.

We finally have the tools necessary to create amazing page designs on the web

Jen Simmons

The capability of browsers and the desires of designers have been at odds for years — this has led to unreliable hacks, javascript frameworks for presentation, and float based grid systems for scaffolding. They are workarounds, brittle, and prone to break when pushed to the extremes some layouts require. The desire for the ability to create stunning designs in the browser has always been, it's a driving force, yet until recently we haven't had the same level of precision we've had with DTP applications, e.g. Adobe Illustrator with plain old CSS and HTML.

New CSS layout tools

Interior v.2 is intended for use with Flexbox. According to this article, in 2017 we'll have the eagerly awaited Grid.

Time to see what the shiny new toys can do

It's important that we move on from how things have been — in order to do this we need direction. People often draw a line between web and print; I see the line becoming blurred.

The talk Real Art Direction on the Web by Jen Simmons provided a wake up call, reminding me of fundamentals I learnt back in Art College 21 years ago.

I suppose the main thing I'm reminded of is, back before I had access to the internet, going to the library digging out some books and learning about the work of artists & designers from the 20th century. I always enjoyed that part of the process, somehow it got lost along the way.

the medium of web is coming of age

It's early days for the web, whereas print has been-around. In her talk, Jen focuses on the typical layouts we are so used to seeing on the web every day, 3 column layouts for example, and is 100% right for illuminating how devoid of creativity they are. These layouts have become engrained within the web and, unfortunately, normalised.

Taking the time to stop and re-assess things is therefore crucial in order to move forward and break free of old habits. Researching the works of layout specialists from the world of print design is definitely a way forward, however web is its own medium with its own unique challenges and features. It needs to evolve into its own thing, yet draw upon the influence required to imagine the possibilities.

The need for Interior

Automation, structure, re-usable & familiar code. I wanted a series of layout tools that suit my needs — it's designed for me — but you can use it too. Feel free to get involved if you feel strongly about contributing.

next