[go: up one dir, main page]
More Web Proxy on the site http://driver.im/ skip to main content
article

Adaptive grid-based document layout

Published: 01 July 2003 Publication History

Abstract

Grid-based page designs are ubiquitous in commercially printed publications, such as newspapers and magazines. Yet, to date, no one has invented a good way to easily and automatically adapt such designs to arbitrarily-sized electronic displays. The difficulty of generalizing grid-based designs explains the generally inferior nature of on-screen layouts when compared to their printed counterparts, and is arguably one of the greatest remaining impediments to creating on-line reading experiences that rival those of ink on paper. In this work, we present a new approach to adaptive grid-based document layout, which attempts to bridge this gap. In our approach, an adaptive layout style is encoded as a set of grid-based templates that know how to adapt to a range of page sizes and other viewing conditions. These templates include various types of layout elements (such as text, figures, etc.) and define, through constraint-based relationships, just how these elements are to be laid out together as a function of both the properties of the content itself, such as a figure's size and aspect ratio, and the properties of the viewing conditions under which the content is being displayed. We describe an XML-based representation for our templates and content, which maintains a clean separation between the two. We also describe the various parts of our research prototype system: a layout engine for formatting the page; a paginator for determining a globally optimal allocation of content amongst the pages, as well as an optimal pairing of templates with content; and a graphical user interface for interactively creating adaptive templates. We also provide numerous examples demonstrating the capabilities of this prototype, including this paper, itself, which has been laid out with our system.

Supplementary Material

MP4 File (li_schrier_adaptive.mp4)

References

[1]
ADLER, S. 2001 Extensible stylesheet language (XSL) version 1.0. W3C recommendation. http://www.w3.org/TR/xsl/.
[2]
ANDERSON, R. J. 2002. The power of choice: Content selection in page layout. Technical report, University of Washington.
[3]
ANDERSON, R. J., AND SOBTI, S. 1999. The table layout problem. In Proceedings of the 15th ACM Symposium on Computational Geometry, 115--123.
[4]
BADROS, G. J., BORNING, A., MARRIOTT, K., AND STUCKEY, P. 1999. Constraint cascading style sheets for the web. Proceedings of UIST'99, 73--82.
[5]
BADROS, G. J., BORNING, A., AND STUCKEY, P. J. 2001. The Cassowary linear arithmetic constraint solving algorithm. In Computer-Human Interaction 8 (4), 267--306.
[6]
BADROS, G. J., NICHOLS, J., AND BORNING, A. 2000. Scwm---An intelligent constraint-enabled window manager. In Proceedings of SmartGraphics '00.
[7]
BIER, E. A., STONE, M. C. 1986. Snap-dragging. In Proceedings of SIGGRAPH '86, 233--240.
[8]
BORNING, A., LIN, R., AND MARRIOTT, K. 2000. Constraint-based document layout for the web. In Multimedia Systems 8.3, 177--189.
[9]
BRÜGGEMAN-KLEIN, A., KLEIN, R., AND WOHLFEIL, S. 1998. On the pagination of complex documents. Technical report, Fernuniversität Hagen {University of Hagen}.
[10]
FEINER, S. 1988. A grid-based approach to automating display layout. In Proceedings of Graphics Interface '88, 192--197.
[11]
FURUTA, R., SCHOFIELD, J., AND SHAW, A. 1982. Document formatting systems: Survey, concepts and issues. In ACM Computing Surveys, 417--472.
[12]
GLEICHER, M. AND WITKIN, A. 1991. Differential manipulation. In Proceedings of Graphics Interface '91, 61--67.
[13]
GRAF, W. H. 1992. Constraint-based graphical layout of multimodal presentations. In Proceedings of AVI '92, 356--387.
[14]
GRAF, W. H., NEUROHR, S., GOEBEL, R. 1996. YPPS---A constraint-based tool for the pagination of yellow-page directories. In Proceedings of the KI-96 Workshop on Declarative Constraint Programming, 87--97.
[15]
HARADA, M., WITKIN, A., AND BARAFF, D. 1995. Interactive physically based manipulation of discrete/continuous models. In Proceedings of SIGGRAPH '95, 199--208.
[16]
HEYDON, A., AND NELSON, G. 1994. The Juno-2 constraint-based drawing editor. DEC SRC technical report 131a, Digital Systems Research Center.
[17]
HURLBURT, A. 1977. Layout: The Design of the Printed Page. Watson-Guptill Publications. New York.
[18]
HURLBURT, A. 1978. The Grid. Van Nostrand Reinhold Company. New York.
[19]
JOHARI, R., MARKS, J., PARTOVI, A., AND SHIEBER, S. 1997. Automatic yellow-pages pagination and layout. In Journal of Heuristics 2 (4), 321--342.
[20]
KARSENTY, S., LANDAY, J. A., AND WEIKART, C. 1992. Inferring graphical constraints with Rockit. In Proceedings of HCI '92, 137--153.
[21]
KNUTH, D. E. 1986. TEX: The Program, Volume B of Computing and Typesetting. Addison Wesley. New York.
[22]
KNUTH, D. E., AND PLASS, M. F. 1981. Breaking paragraphs into lines. In Software---Practice and Experience 11, 1119--1184.
[23]
KRÖNER, A. 1999. The DesignComposer: Context-based automated layout for the internet. In AAAI 1999 Fall Symposium Series: Using Layout for the Generation, Understanding or Retrieval of Documents.
[24]
KRÖNER, A., BRANDMEIER, P., AND RIST, T. 2002. Managing layout constraints in a platform for customized multimedia content packaging. In Proceedings of AVI '02, 89--93.
[25]
KURLANDER, D., AND FEINER, S. 1993. Inferring constraints from multiple snapshots. In ACM Transactions on Graphics, October, 227--304.
[26]
LIE, H. W., AND BOS, B. 1996. Cascading style sheets, level 1. W3C recommendation. http://www.w3.org/Style/CSS/.
[27]
LOK, S., AND FEINER, S. 2001. A Survey of automated layout techniques for information presentations. In SmartGraphics '01, 61--68.
[28]
MÜLLER-BROCKMANN, J. 1981. Grid Systems in Graphic Design. Hastings House Publishers. New York.
[29]
PEELS, A. J. H., JANSSEN, N. T. M., AND NAWIJN, W. 1985. Document architecture and text formatting. In ACM Transactions on Information Systems, 347--369.
[30]
PLASS, M. F. 1981. Optimal pagination techniques for automatic typesetting systems, technical report STAN-CS-81-870, Department of Computer Science, Stanford University.
[31]
PURVIS, L. 2002. A genetic approach to automated custom document assembly, In Proceedings of ISDA '02.
[32]
SUTHERLAND, I. E. 1963. SketchPad: A man-machine graphical communication system. In Proceedings of AFIPS 23, 323--328.
[33]
VAN WYK, C. J. 1981. IDEAL user's manual. Bell Laboratories.
[34]
WANG, X. 1996. Tabular Abstraction, Editing and Formatting. PhD thesis, University of Waterloo.
[35]
WEITZMAN, L., AND WITTENBURG, K. 1993. Relational grammars for interactive design. In Proceedings of the IEEE Workshop on Visual Languages, 4--11.
[36]
WEITZMAN, L., AND WITTENBURG, K. 1996. Grammar-based articulation for multimedia document design. In Multimedia Systems 4, 99--111.

Cited By

View all
  • (2024)Iris: a multi-constraint graphic layout generation systemIris:一个满足多条件约束的图形布局生成系统Frontiers of Information Technology & Electronic Engineering10.1631/FITEE.230031225:7(968-987)Online publication date: 27-Jul-2024
  • (2024)Semi-Automatic Layout Adaptation for Responsive Multiple-View Visualization DesignIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2023.324035630:7(3798-3812)Online publication date: 1-Jul-2024
  • (2024)Intelligent Graphic Layout Generation: Current Status and Future Perspectives2024 27th International Conference on Computer Supported Cooperative Work in Design (CSCWD)10.1109/CSCWD61410.2024.10580676(2632-2637)Online publication date: 8-May-2024
  • Show More Cited By

Recommendations

Comments

Please enable JavaScript to view thecomments powered by Disqus.

Information & Contributors

Information

Published In

cover image ACM Transactions on Graphics
ACM Transactions on Graphics  Volume 22, Issue 3
July 2003
683 pages
ISSN:0730-0301
EISSN:1557-7368
DOI:10.1145/882262
Issue’s Table of Contents
Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 01 July 2003
Published in TOG Volume 22, Issue 3

Permissions

Request permissions for this article.

Check for updates

Author Tags

  1. CSS
  2. HTML
  3. PDF
  4. XML
  5. XSL
  6. adaptive layout
  7. constraints
  8. dynamic programming
  9. pagination
  10. templates

Qualifiers

  • Article

Contributors

Other Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

  • Downloads (Last 12 months)38
  • Downloads (Last 6 weeks)4
Reflects downloads up to 01 Jan 2025

Other Metrics

Citations

Cited By

View all
  • (2024)Iris: a multi-constraint graphic layout generation systemIris:一个满足多条件约束的图形布局生成系统Frontiers of Information Technology & Electronic Engineering10.1631/FITEE.230031225:7(968-987)Online publication date: 27-Jul-2024
  • (2024)Semi-Automatic Layout Adaptation for Responsive Multiple-View Visualization DesignIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2023.324035630:7(3798-3812)Online publication date: 1-Jul-2024
  • (2024)Intelligent Graphic Layout Generation: Current Status and Future Perspectives2024 27th International Conference on Computer Supported Cooperative Work in Design (CSCWD)10.1109/CSCWD61410.2024.10580676(2632-2637)Online publication date: 8-May-2024
  • (2024)Element-conditioned GAN for graphic layout generationNeurocomputing10.1016/j.neucom.2024.127730591:COnline publication date: 28-Jul-2024
  • (2024)Image-aware layout generation with user constraints for poster designThe Visual Computer10.1007/s00371-024-03657-zOnline publication date: 26-Sep-2024
  • (2023)AutoPoster: A Highly Automatic and Content-aware Design System for Advertising Poster GenerationProceedings of the 31st ACM International Conference on Multimedia10.1145/3581783.3611930(1250-1260)Online publication date: 26-Oct-2023
  • (2023)DocDancer: Authoring Ultra-Responsive Documents with Layout Generation2023 IEEE Symposium on Visual Languages and Human-Centric Computing (VL/HCC)10.1109/VL-HCC57772.2023.00023(133-138)Online publication date: 3-Oct-2023
  • (2023)Design Order Guided Visual Note Layout OptimizationIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2022.317183929:9(3922-3936)Online publication date: 1-Sep-2023
  • (2023)Unsupervised Domain Adaption with Pixel-Level Discriminator for Image-Aware Layout Generation2023 IEEE/CVF Conference on Computer Vision and Pattern Recognition (CVPR)10.1109/CVPR52729.2023.00975(10114-10123)Online publication date: Jun-2023
  • (2022)Content-Driven Layout for Visualization DesignProceedings of the 15th International Symposium on Visual Information Communication and Interaction10.1145/3554944.3554950(1-8)Online publication date: 16-Aug-2022
  • Show More Cited By

View Options

Login options

Full Access

View options

PDF

View or Download as a PDF file.

PDF

eReader

View online with eReader.

eReader

Media

Figures

Other

Tables

Share

Share

Share this Publication link

Share on social media