Article

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

Authors:

Pierre Dragicevic,

Stéphane Chatty,

David Thevenin,

Jean-Luc VinotAuthors Info & Claims

UIST '05: Proceedings of the 18th annual ACM symposium on User interface software and technology

Pages 201 - 210

https://doi.org/10.1145/1095034.1095069

Published: 23 October 2005 Publication History

Abstract

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.

References

[1]

I. Adobe Systems. Designing multiple master typefaces. http://www.adobe.com/.

[2]

I. Adobe Systems. Adobe Illustrator CS scripting guide. http://partners.adobe.com/public/developer/en/illustrator/sdk/IllustratorScriptingGuide.pdf, 2003.

[3]

G. J. Badros, J. J. Tirtowidjojo, K. Marriott, B. Meyer, W. Portnoy, and A. Borning. A constraint extension to scalable vector graphics. In World Wide Web'10, pages 489--498, May 2001.

Digital Library

[4]

T. Beier and S. Neely. Feature-based image metamorphosis. In SIGGRAPH '92: Proceedings of the 19th annual conference on Computer graphics and interactive techniques, pages 35--42, New York, NY, USA, 1992. ACM Press.

Digital Library

[5]

L. Cardelli. Building user interfaces by direct manipulation. In UIST '88: Proceedings of the 1st annual ACM SIGGRAPH symposium on User Interface Software, pages 152--166, New York, NY, USA, 1988. ACM Press.

Digital Library

[6]

S. Chatty, S. Sire, J. Vinot, P. Lecoanet, C. Mertz, and A. Lemort. Revisiting visual interface programming: Creating GUI tools for designers and programmers. In Proceedings of the ACM UIST, pages xxx--yyy. Addison-Wesley, Oct. 2004.

Digital Library

[7]

J. W. Harris and H. Stocker. The Handbook of Mathematics and Computational Science. Springer-Verlag New York, Inc., Secaucus, NJ, USA, 1997.

Digital Library

[8]

S. E. Hudson and C.-N. Hsi. A synergistic approach to specifying simple number independent layouts by example. In CHI '93: Proceedings of the SIGCHI conference on Human factors in computing systems, pages 285--292, New York, NY, USA, 1993. ACM Press.

Digital Library

[9]

S. E. Hudson and S. P. Mohamed. Interactive specification of flexible user interface displays. ACM Transactions on Information Systems, 8(3):269--288, 1990.

Digital Library

[10]

S. E. Hudson and I. Smith. Ultra-lightweight constraints. In Proceedings of the ACM UIST, pages 147--155, New York, NY, USA, 1996. ACM Press.

Digital Library

[11]

S. E. Hudson and K. Tanaka. Providing visually rich resizable images for user interface components. In Proceedings of the ACM UIST, pages 227--235, 2000.

Digital Library

[12]

L. Kaplinski, F. Felfe, M. Oka, and M. Yamato. Sodipodi. http://www.sodipodi.com/, 2005.

[13]

D. Kurlander and S. Feiner. Inferring constraints from multiple snapshots. ACM Transactions on Graphics, 12(4):277--304, 1993.

Digital Library

[14]

M. A. Linton, J. M. Vlissides, and P. R. Calder. Composing user interfaces with InterViews. IEEE Computer, pages 8--22, Feb. 1989.

Digital Library

[15]

MacroMedia Press. MacroMedia Director 6 and lingo authorized. Addison-Wesley, 1997.

Digital Library

[16]

E. Meijering. A chronology of interpolation: From ancient astronomy to modern signal and image processing. Proceedings of the IEEE, 90(3):319--342, March 2002.

[17]

K. Miyashita, S. Matsuoka, S. Takahashi, A. Yonezawa, and T. Kamada. Declarative programming of graphical interfaces by visual examples. In Proceedings of the ACM UIST, pages 107--116. ACM Press, 1992.

Digital Library

[18]

B. A. Myers. Creating user interfaces using programming by example, visual programming, and constraints. ACM Trans. Program. Lang. Syst., 12(2):143--177, 1990.

Digital Library

[19]

B. A. Myers, J. Goldstein, and M. A. Goldberg. Creating charts by demonstration. In CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems, pages 106--111, New York, NY, USA, 1994. ACM Press.

Digital Library

[20]

B. A. Myers, R. G. McDaniel, R. C. Miller, A. S. Ferrency, A. Faulring, B. D. Kyle, A. Mickish, A. Klimovitski, and P. Doane. The Amulet environment: New models for effective user interface software development. IEEE Transaction on Software Engineering, 23(6):347--365, June 1997.

Digital Library

[21]

T. Ngo, D. Cutrell, J. Dana, B. Donald, L. Loeb, and S. Zhu. Accessible animation and customizable graphics via simplicial configuration modeling. In SIGGRAPH '00: Proceedings of the 27th annual conference on Computer graphics and interactive techniques, pages 403--410, New York, NY, USA, 2000. ACM Press/Addison-Wesley Publishing Co.

Digital Library

[22]

D. R. Olsen. Developing User Interfaces. Morgan Kaufmann Publishers, 1998.

Digital Library

[23]

C. Rose, M. F. Cohen, and B. Bodenheimer. Verbs and adverbs: Multidimensional motion interpolation. IEEE Comput. Graph. Appl., 18(5):32--40, 1998.

Digital Library

[24]

T. W. Sederberg and E. Greenwood. A physically based approach to 2d shape blending. In SIGGRAPH '92: Proceedings of the 19th annual conference on Computer graphics and interactive techniques, pages 25--34, New York, NY, USA, 1992. ACM Press.

Digital Library

[25]

K. Shoemake and T. Duff. Matrix animation and polar decomposition. In Proceedings of the conference on Graphics interface '92, pages 258--264, San Francisco, CA, USA, 1992. Morgan Kaufmann Publishers Inc.

Digital Library

[26]

R. Williams. The Animator's Survival Kit: A Manual of Methods, Principles, and Formulas for Classical, Computer, Games, Stop Motion, and Internet Animators. Faber & Faber, 2002.

Digital Library

[27]

G. Wolberg. Image morphing: a survey. The Visual Computer, 14(8/9):360--372, 1998.

Cited By

Araújo CVining NBurla SDe Oliveira MRosales ESheffer A(2023)Slippage-Preserving Reshaping of Human-Made 3D ContentACM Transactions on Graphics10.1145/361839142:6(1-18)Online publication date: 5-Dec-2023
https://dl.acm.org/doi/10.1145/3618391
Araújo CVining NRosales EGori GSheffer A(2022)As-locally-uniform-as-possible reshaping of vector clip-artACM Transactions on Graphics10.1145/3528223.353009841:4(1-10)Online publication date: 22-Jul-2022
https://dl.acm.org/doi/10.1145/3528223.3530098
Vinot JConversy S(2015)Concept of continuity, a "strong concept" to design graphical architecture of interactive systemsProceedings of the 27th Conference on l'Interaction Homme-Machine10.1145/2820619.2820634(1-10)Online publication date: 27-Oct-2015
https://dl.acm.org/doi/10.1145/2820619.2820634
Show More Cited By

Index Terms

Artistic resizing: a technique for rich scale-sensitive vector graphics
1. Human-centered computing
  1. Human computer interaction (HCI)
    1. Interaction paradigms
      1. Graphical user interfaces
2. Software and its engineering
  1. Software creation and management
    1. Designing software
      1. Software implementation planning
        Software design techniques
    2. Software development process management
  2. Software notations and tools
    1. Development frameworks and environments

Recommendations

Revisiting visual interface programming: creating GUI tools for designers and programmers
UIST '04: Proceedings of the 17th annual ACM symposium on User interface software and technology

Involving graphic designers in the large-scale development of user interfaces requires tools that provide more graphical flexibility and support efficient software processes. These requirements were analysed and used in the design of the TkZ-inc ...
Visual design checklist for graphical user interface (GUI) evaluation
SAC '18: Proceedings of the 33rd Annual ACM Symposium on Applied Computing

The¹ Graphical User Interface (GUI) design is a major process within the software development lifecycle, because the GUI is the portion of the interface that will be in direct contact with the end-user. There are resources to help make the interface ...
A Novel Intuitive GUI Method for User-Friendly Operation
Proceedings of the 2007 conference on New Trends in Software Methodologies, Tools and Techniques: Proceedings of the sixth SoMeT_07

A novel Push-Pin icon is introduced as an intuitive graphical user interface (GUI) in associations from free layouts of printed paper sheets on a pin-up board. It is shown that necessary commands for GUI implementation can be represented by Push-Pin ...

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences

UIST '05: Proceedings of the 18th annual ACM symposium on User interface software and technology

October 2005

270 pages

ISBN:1595932712

DOI:10.1145/1095034

General Chairs:
Patrick Baudisch
Microsoft Research
,
Mary Czerwinski
Microsoft Research
,
Program Chair:
Dan Olsen
Brigham Young University, Provo, UT

Copyright © 2005 ACM.

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]

Sponsors

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 23 October 2005

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Article

Conference

UIST05

Sponsor:

UIST05: The 18th Annual ACM Symposium on User Interface Software and Technology

October 23 - 26, 2005

WA, Seattle, USA

Acceptance Rates

UIST '05 Paper Acceptance Rate 31 of 159 submissions, 19%;

Overall Acceptance Rate 561 of 2,567 submissions, 22%

Upcoming Conference

UIST '25

Sponsor:
sigchi
sigchi

The 38th Annual ACM Symposium on User Interface Software and Technology

September 28 - October 1, 2025

Busan , Republic of Korea

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

18
Total Citations
View Citations
617
Total Downloads

Downloads (Last 12 months)3
Downloads (Last 6 weeks)0

Reflects downloads up to 06 Jan 2025

Other Metrics

View Author Metrics

Citations

Cited By

Araújo CVining NBurla SDe Oliveira MRosales ESheffer A(2023)Slippage-Preserving Reshaping of Human-Made 3D ContentACM Transactions on Graphics10.1145/361839142:6(1-18)Online publication date: 5-Dec-2023
https://dl.acm.org/doi/10.1145/3618391
Araújo CVining NRosales EGori GSheffer A(2022)As-locally-uniform-as-possible reshaping of vector clip-artACM Transactions on Graphics10.1145/3528223.353009841:4(1-10)Online publication date: 22-Jul-2022
https://dl.acm.org/doi/10.1145/3528223.3530098
Vinot JConversy S(2015)Concept of continuity, a "strong concept" to design graphical architecture of interactive systemsProceedings of the 27th Conference on l'Interaction Homme-Machine10.1145/2820619.2820634(1-10)Online publication date: 27-Oct-2015
https://dl.acm.org/doi/10.1145/2820619.2820634
Magnaudet MChatty SPaternò FSantoro CZiegler J(2014)What should adaptivity mean to interactive software programmers?Proceedings of the 2014 ACM SIGCHI symposium on Engineering interactive computing systems10.1145/2607023.2607028(13-22)Online publication date: 17-Jun-2014
https://dl.acm.org/doi/10.1145/2607023.2607028
Merlin B(2014)IntNovate a Toolkit to Ease the Implementation of Every Interaction Paradigm on Every Device16th International Conference on Human-Computer Interaction. Theories, Methods, and Tools - Volume 851010.1007/978-3-319-07233-3_31(331-339)Online publication date: 22-Jun-2014
https://dl.acm.org/doi/10.1007/978-3-319-07233-3_31
Wu YLiu XLiu SMa K(2013)ViSizerIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2012.11419:2(278-290)Online publication date: 1-Feb-2013
https://dl.acm.org/doi/10.1109/TVCG.2012.114
Tissoires BConversy SPaternò FLuyten KMaurer F(2011)HayakuProceedings of the 3rd ACM SIGCHI symposium on Engineering interactive computing systems10.1145/1996461.1996505(117-126)Online publication date: 13-Jun-2011
https://dl.acm.org/doi/10.1145/1996461.1996505
Tretter DLiu JZhang XGao YAtkins BChao HXiao JWu PLin Q(2010)Multimedia Experience on Web-Connected CE DevicesMultimedia Interaction and Intelligent User Interfaces10.1007/978-1-84996-507-1_11(271-300)Online publication date: 2010
https://doi.org/10.1007/978-1-84996-507-1_11
Chao HZhang XTretter DShao LShan CLuo JEtoh M(2009)Structured layout for resizable background artProceedings of the 1st international workshop on Interactive multimedia for consumer electronics10.1145/1631040.1631051(67-72)Online publication date: 23-Oct-2009
https://dl.acm.org/doi/10.1145/1631040.1631051
Vanderdonckt JGuerrero-Garcia JGonzalez-Calleros J(2009)A Model-Based Approach for Developing Vectorial User Interfaces2009 Latin American Web Congress10.1109/LA-WEB.2009.24(52-59)Online publication date: Nov-2009
https://doi.org/10.1109/LA-WEB.2009.24
Show More Cited By

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Media

Figures

Other

Tables

View Table of Contents