ABSTRACT
Creating graphic designs can be challenging for novice users. This paper presents DesignScape, a system which aids the design process by making interactive layout suggestions, i.e., changes in the position, scale, and alignment of elements. The system uses two distinct but complementary types of suggestions: refinement suggestions, which improve the current layout, and brainstorming suggestions, which change the style. We investigate two interfaces for interacting with suggestions. First, we develop a suggestive interface, where suggestions are previewed and can be accepted. Second, we develop an adaptive interface where elements move automatically to improve the layout. We compare both interfaces with a baseline without suggestions, and show that for novice designers, both interfaces produce significantly better layouts, as evaluated by other novices.
Supplemental Material
- Dow, S. P., Glassco, A., Kass, J., Schwarz, M., Schwartz, D. L., and Klemmer, S. R. Parallel Prototyping Leads to Better Design Results, More Divergence, and Increased Self-efficacy. ACM Trans. Comput.-Hum. Interact. 17, 4 (2010), 18:1--18:24. Google ScholarDigital Library
- Gross, M. D., and Do, E. Y.-L. Ambiguous Intentions: A Paper-like Interface for Creative Design. In Proc. UIST (1996), 183--192. Google ScholarDigital Library
- Lee, B., Srivastava, S., Kumar, R., Brafman, R., and Klemmer, S. R. Designing with Interactive Example Galleries. In Proc. CHI (2010), 2257--2266. Google ScholarDigital Library
- Merrell, P., Schkufza, E., Li, Z., Agrawala, M., and Koltun, V. Interactive Furniture Layout Using Interior Design Guidelines. ACM TOG (2011). Google ScholarDigital Library
- O'Donovan, P., Agarwala, A., and Hertzmann, A. Learning Layouts for Single-Page Graphic Designs. IEEE TVCG, 20, 8 (2014), 1200--1213. Google ScholarDigital Library
- Swendsen, R. H., and Wang, J. S. Replica Monte Carlo Simulation of Spin-Glasses. Physical Review Letters 57, 21 (Nov. 1986), 2607--2609.Google Scholar
- Terry, M., Mynatt, E. D., Nakakoji, K., and Yamamoto, Y. Variation in Element and Action. In Proc. CHI (2004), 711--718. Google ScholarDigital Library
Index Terms
- DesignScape: Design with Interactive Layout Suggestions
Recommendations
Content-aware generative modeling of graphic design layouts
Layout is fundamental to graphic designs. For visual attractiveness and efficient communication of messages and ideas, graphic design layouts often have great variation, driven by the contents to be presented. In this paper, we study the problem of ...
Beyond Grids: Interactive Graphical Substrates to Structure Digital Layout
CHI '17: Proceedings of the 2017 CHI Conference on Human Factors in Computing SystemsTraditional 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 ...
Outcomes we didn't expect: participant's shifting investment in graphic design
PDC '10: Proceedings of the 11th Biennial Participatory Design ConferenceA criticism of graphic design is that designers work intuitively, without knowing their audience. We report on a study in which childcare workers and designers jointly developed strategies to encourage low-chemical cleaning in childcare. The workers' ...
Comments