Beyond Grids, Interactive Graphical Substrates to Structure Digital Layout - Archive ouverte HAL Access content directly
Conference Papers Year : 2017

Beyond Grids, Interactive Graphical Substrates to Structure Digital Layout

Abstract

Traditional graphic design tools emphasize the grid for structuring layout. Interviews with professional graphic designers revealed that they use surprisingly sophisticated structures that go beyond the grid, which we call graphical substrates. We present a framework to describe how designers establish graphical substrates based on properties extracted from concepts, content and context, and use them to compose layouts in both space and time. We developed two technology probes to explore how to embed graphical substrates into tools. Contextify lets designers tailor layouts according to each reader's intention and context; while Linkify lets designers create dynamic layouts based on relationships among content properties. We tested the probes with professional graphic designers, who all identified novel uses in their current projects. We incorporated their suggestions into, StyleBlocks, a prototype that reifies CSS declarations into interactive graphical substrates. Graphical substrates offer an untapped design space for tools that can help graphic designers generate personal layout structures.
Fichier principal
Vignette du fichier
beyond-grid.pdf (6.71 Mo) Télécharger le fichier
pn2318-file3.mp4 (70.93 Mo) Télécharger le fichier
Origin : Files produced by the author(s)
Loading...

Dates and versions

hal-01609030 , version 1 (17-10-2017)

Licence

Attribution - NonCommercial

Identifiers

Cite

Nolwenn Maudet, Ghita Jalal, Philip Tchernavskij, Michel Beaudouin-Lafon, Wendy Mackay. Beyond Grids, Interactive Graphical Substrates to Structure Digital Layout. Proceedings of the ACM International Conference on Human Factors in Computing Systems, 2017, ACM, May 2017, Denver, United States. pp.5053 - 5064, ⟨10.1145/3025453.3025718⟩. ⟨hal-01609030⟩
995 View
741 Download

Altmetric

Share

Gmail Facebook X LinkedIn More