Advanced Layouts in a Content-Driven Template-Based Layout System

摘要

The current capabilities of mobile device screens facilitate that online reading experience rival with the printed media. Commercially printed magazines and newspapers commonly apply different grid-based page designs. In case of the online magazines the variable conditions, e.g. screen resolution, actual content and user settings require to provide adaptive online document formatting solutions. In this work, we present a new approach to adaptive content-driven template-based document layout that is about to address the current shortcomings. In our approach, an adaptive layout is encoded as a set of column templates that know how to adapt to different device capabilities and viewing conditions, i.e. screen sizes and resolutions. Templates include various types of layout elements, such as text, image, or caption areas, and with the help of layout rules, we define how these areas should be laid out. Besides the layout definitions, the solution takes into account the conditions (screen properties and user settings, e.g. the font size), and the actual content that also affects the final layout. In this paper we discuss our solution that targets tablet devices with online magazine adaptive layouts. We also provide several challenging advanced layouts, which inspired the capabilities of our approach.