Artistic resizing: a technique for rich scale-sensitive vector graphics

Pierre Dragicevic (1) , Stéphane Chatty (1) , David Thevenin (1) , Jean-Luc Vinot (2)

1 Intuilab (FRANCE)
2 DSNA - Direction des services de la navigation aérienne de la DGAC

When involved in the visual design of graphical user interfaces, graphic designers can do more than providing static graphics for programmers to incorporate into applications. We describe a technique that allows them to provide examples of graphical objects at various key sizes using their usual drawing tool, then let the system interpolate their resizing behavior. We relate this technique to current practices of graphic designers, provide examples of its use and describe the underlying inference algorithm. We show how the mathematical properties of the algorithm allows the system to be predictable and explain how it can be combined with more traditional layout mechanisms.

Mots clés: ACM Classification: H5.2 [Information Interfaces and Presentation] User Interfaces -GUI; D2.2 [Software Engineering] Design Tools and Techniques; D2.6 [Software Engineering] Programming Environments Design; Human Factors; Languages visual design; vector graphics; SVG; GUI tools; layout; resizing; constraints; interpolation

Domaines: Interface homme-machine [cs.HC]

Pierre Dragicevic, Stéphane Chatty, David Thevenin, Jean-Luc Vinot. Artistic resizing: a technique for rich scale-sensitive vector graphics. UIST '05: Proceedings of the 18th annual ACM symposium on User interface software and technology, Oct 2005, Seattle, France. pp.201-210, ⟨10.1145/1095034.1095069⟩. ⟨hal-03198042⟩