See for yourself: open this magazine on the web, flip a few pages, then resize your browser window randomly for a bit. Introducing Duploĭuplo is a new layout engine that starts with the ideas in Pages but uses a modular block and grid system to quickly fit content into thousands of page layouts in all sizes. To support arbitrary sizes, we needed something better. While Pages could create great layouts, they only worked at a specifically designed size. Web and Windows 8 presented a new challenge: Users can resize browser windows to any size at any time. With this example-based approach, we rely on designers to make layouts clear, distinct and beautiful.
From this set, Pages selects the layout that best fits the desired content, inserts the content into the layout, and produces a final page. The download footprint for a publication’s layouts averaged around 90K for layouts, styling, fonts and nameplate images–lighter than the equivalent web page or a single photograph from an article.Ī designer first creates a set of about 20 page layouts, divided up into portrait (768×1004) and landscape (1024×748) orientations. It used CSS3, SVG and vanilla JavaScript to make rendering as high fidelity and performant as possible on constrained mobile devices (such as the original iPad running iOS 3.2).
Pages can produce beautiful layouts, replicating the brand identity and custom typography of each publication. In 2010, we built Flipboard Pages, a layout engine that turns web page articles into magazine pages for the iPad.įlipboard Pages paginates content from world-class publications, including Vanity Fair (below left) and National Geographic. Then our layout engine figures out how to best fit your content into these layouts, considering things like page density, pacing, rhythm, image crop and scale. In many ways, that is the key to Flipboard’s signature look and feel: at its heart are the work of real designers. We start with a set of page layouts created by human designers.
We automate the whole process of layout design and editing by slotting your content into custom-designed page layouts - like fitting puzzle pieces together. Each magazine page layout feels hand-crafted and beautiful - as if editors and designers created it just for you. When you read Flipboard, articles and photographs are laid out in a series of pages you can flip through, just like in a print magazine. For example, in the hallways of Sports Illustrated, editors hang up every page of the print edition to be reviewed and manually tweaked before publication. Good layout design frames a story and impacts how you are informed by the content. Author Ryan Holiday on “the nature of world-altering success”.
0 kommentar(er)
