All I can really say about her presentation is: Wow! I learned so much and have so many things I want to try out now. I looooove looking at beautiful print layouts and magazine spreads, so seeing those connected to web design was just plain great. And good news! You can watch it online on Thursday, October 15 right here. (10/10 – Highly recommend!)
Notes I took/tweeted and some of my favorite live-tweets by others during her presentation follow.
(And she shared several prominent examples that looked exactly like the image above, but with content plugged in. The rut is real.)
“Panes are the new page.” She says consider how your brain recognizes a PDF & expects to scroll down. (Site example: Apple Watch page.)
On what’s next:
She talked about CSS shapes, responsive multi-column layouts, flexbox, etc. Gave great examples. Check out her resources, like: The Layouts Ahead.
On bringing print-inspired layouts to the web:
“Layout should serve the content.”
“There’s a world of Graphic Design other than the web.” She shared many beautiful print layouts, including many from Vogue Magazine. Also recommended checking out the Vogue documentary, The September Issue to see some of their process.
Recommendations / Things to Check Out:
- Rachel Andrew’s CSS Grid Layout info, like gridbyexample.com.
- Check browser support of front-end web technologies on desktop and mobile web browsers @ caniuse.com
- Find books by art directors/on magazine layouts.
- Episode 81 of The Web Ahead: Changing the Shapes with Sara Soueidan
- Chrome extension: CSS Shapes Editor
- Book recommendation: Design is a Job by Mike Monteiro
Thing I bet everyone in the audience agrees with:
@zeldman: I wish every web designer could see this presentation by @jensimmons.
Basically, if you haven’t seen this yet, you should check out the online version or watch her schedule for a chance to see her speak if she’s near you sometime soon. So much great info & helpful visuals!
Note: The Twitter bird icons link to the corresponding tweet for each piece. Thanks to @stephaniehobson for live-tweeting the talk along with me on #aeaaus. 🙂