David Emery OnlineCreating Digital Magazines
As mentioned, Adobe InDesign CS5 software is the central component of the workflow. Using InDesign CS5, design teams create layouts and add interactivity. With layouts in hand, production teams package the assets using the new Digital Content Bundler utility that allows publishers to import vertical and horizontal InDesign CS5 layouts, add metadata, (article title & description, issue number, etc.) and export them into a new “.issue” format.
I’m quite torn on this development from Adobe, which – when it’s finally released – will allow (relatively) easy eMagazine publishing, in the style of the Wired app, from InDesign. On the one hand easy publishing = a good thing, and I love the focus on design that this workflow provides. On the other, surely this stuff should be done in HTML?
Visit ➔It’s As If Apple Has Hired Don Draper
Watching Apple’s iPhone 4 FaceTime commercial again, it reminds me of something: Mad Men. The television show is starting its fourth season in a couple of weeks, but the commercial takes me back to the end of season one — an episode called “The Wheel.” I’ve actually talked about this episode before because it contains a scene that is perhaps the best in the entire series. In it, ad man Don Draper gives a presentation to Kodak showing why Sterling Cooper should be handling the account for their new picture projector.
I really like the FaceTime ad for the new iPhone; yes, it borders on (well, cannonballs straight into) over-sentimentality, but it’s an ad that actually makes you feel something and you can’t say that very often.
It feels old school, timeless, in way quite reminiscent to what Pixar achieve with their films.
If you haven’t seen it:
Visit ➔Supersize that Background, Please!
These are exciting times for web developers, with all the browser makers working hard to implement upcoming technologies like HTML5 and CSS3. As a result, it’s time to start revisiting old techniques to see how the same things can be done in smarter, cleaner ways.
An interesting hybrid of techniques I’ve used for the large header images on this site – this latest version uses the CSS3 background-size property to scale it appropriately. Previous versions used javacript to switch different sized images in and out depending on how big the image was, and using media queries to do the same is pretty nifty, however I dropped it for this version as it turned out most people were ending up with the same size image anyway (as the majority of visitors had similar browser window size) and the file size savings weren’t that great.
Visit ➔BBC News website redesign
We have focused on design and navigation, looking to see how we can make all the existing content we produce each day easier for you to find, use and share.
It’s obviously a bit premature to judge a website from static screenshots, but this is looking very nice.
Visit ➔I hope ebooks usher in a world of ideal book lengths
I hope ebooks usher in a world of ideal book lengths. I.e., detached from the burden of having to be "book-sized"; less filler, more focus.
A great idea – after having now spent a bit of time reading on the iPad (2 books so far) I firmly believe this is the future of the medium, and it’s a lot more adaptable then paper ever was.
Of course, whether the publishers will get their heads around this sort of thing is a whole different question…
Visit ➔Redesigning stories
Over at msnbc.com, where I spend most of my waking hours, we just launched a massive redesign of our story pages. For a news site, the story page is the most atomic and probably most important page of the site. The homepage (“cover” in our vernacular) and section fronts get a lot of attention and push our readers but the story page is where they’re trying to go and it’s where they spend the most time when they get there. This was a massive undertaking, the seeds of which were planted almost two years ago, and spanned the entire company, it’s amazing to finally see it live.
Amazing work – the layout is great, and I particularly like the ‘Upscroll’ navigation which you get to by scrolling up after the page has loaded.
Visit ➔Robyn launches 3D, interactive video
Swedish pop star Robyn has launched a 3D video, complete with Twitter integration, for her delightfully titled new track, Don't Fucking Tell Me What To Do...
Pretty nifty, although it’s not the most amazing bit of computer animation I’ve ever seen.
It is though a good signifier of how the music video really has transitioned to being based primarily on the internet, and how it’s changing because of it.
Visit ➔Cross-browser kerning-pairs & ligatures
Improved handling of kerning pairs and ligatures in modern browsers using the text-rendering: optimizeLegibility; declaration.
Nice and simple, although presumably their must be a performance hit of some kind otherwise it would be on by default.
Visit ➔Levi’s Sales Page has individual like buttons
Levi’s Sales Page has individual like buttons for EVERY pair of jeans. I can instantly see what everyone else thinks is cool (sea foam skinny jeans) and what sucks (jorts).
Veeeeery interesting – great user experience.
Visit ➔