Artistic Resizing

A Technique for Rich Scale-Sensitive Vector Graphics

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. Artistic Resizing is a technique that allows them to provide examples of vector graphics at various key sizes using their usual drawing tool (Illustrator or Sodipodi for example), then let the system interpolate their resizing behavior.

This page contains the videos that illustrate the following paper:

Dragicevic P., Chatty S., Thevenin D., Vinot J-L. Artistic Resizing: A Technique for Rich Scale-Sensitive Vector Graphics, ACM UIST 2005. Slides of the conference talk are also available in pdf and ppt.

Click on the graphical document to see how it is executed by IntuiLab's IntuiKit. You will need a DivX5.2.1 codec.


Example from Figure 1

An icon drawn in three different sizes, with a constant-scale magnification for highlighting details. In the video a comparison is made with naive scaling.






Example from Figure 3

An Artistic-Resizable skin for IntuiKit buttons. The mask is the mouse click area. Rescaling is specified for each button part.






Example from Figure 5

The dedicated three-tabs system used in the scenario.






Example from Figure 10a

Properties of orthogonal interpolation: preservation of projected algebraic measures.






Example from Figure 10b

Properties of orthogonal interpolation: preservation of ratios.






Example from Figure 10c

Properties of orthogonal interpolation: preservation of common vertices.






Example from Figure 10d

Properties of orthogonal interpolation: preservation of parallelism.






Example from Figure 10e

Properties of orthogonal interpolation: preservation of affine combinations.






Example from Figure 11

Nested Artistic Resizing using simple box layout managers (the application has been slowed down by video capture).






Example from Figure 12

Artistic Resizing together with a dock layout manager. Only one file among 5 is shown. Thanks to Alexandre Lemort and Céline Schlienger.





Patent pending.
Contact: Pierre Dragicevic or intuikit-sales(at)intuilab.com