Predicting Visual Importance Across Graphic Design Types
Authors
This paper introduces a Unified Model of Saliency and Importance (UMSI), which learns to predict visual importance in input graphic designs, and saliency in natural images, along with a new dataset and applications. Previous methods for predicting saliency or visual importance are trained individually on specialized datasets, making them limited in application and leading to poor generalization on novel image classes, while requiring a user to know which model to apply to which input. UMSI is a deep learning-based model simultaneously trained on images from different design classes, including posters, infographics, mobile UIs, as well as natural images, and includes an automatic classification module to classify the input. This allows the model to work more effectively without requiring a user to label the input. We also introduce Imp1k, a new dataset of designs annotated with importance information. We demonstrate two new design interfaces that use importance prediction, including a tool for adjusting the relative importance of design elements, and a tool for reflowing designs to new aspect ratios while preserving visual importance. The model, code, and importance dataset are available at: http://predimportance.mit.edu.
Research Questions / Practical Problems
Question signals indexed for this paper.
- 100%
Methods for Intentional Encoding of High Capacity Human-Designable Visual Markers
CHI '18· Interactive Data Visualization +1
- 100%
Color by Numbers: Interactive Structuring and Vectorization of Sketch Imagery
CHI '21· Interactive Data Visualization +1
- 100%
Chromaticity Gradient Mapping for Interactive Control of Color Contrast in Images and Video
UIST '24· Interactive Data Visualization +1
- 75%
DataInk: Direct and Creative Data-Oriented Drawing
CHI '18· Interactive Data Visualization
- 67%
Color Builder: A Direct Manipulation Interface for Versatile Color Theme Authoring
CHI '19· 360° Video & Panoramic Content +2
- 60%
Data Illustrator: Augmenting Vector Design Tools with Lazy Data Binding for Expressive Visualization Authoring
CHI '18· Interactive Data Visualization +1
- 60%
EmoG: Supporting the Sketching of Emotional Expressions for Storyboarding
CHI '20· Graphic Design & Typography Tools +1
- 60%
MetaMap: Supporting Visual Metaphor Ideation through Multi-dimensional Example-based Exploration
CHI '21· Graphic Design & Typography Tools +1
- 60%
Data Animator: Authoring Expressive Animated Data Graphics
CHI '21· Interactive Data Visualization +1
- 60%
VisiFit: Structuring Iterative Improvement for Novice Designers
CHI '21· Graphic Design & Typography Tools +1
Based on Jaccard similarity of research subtopics & professions (≥60%)