This repo focuses mainly on Graphic Designs. It includes both Heuristic (Rule-Based) and AI-based approaches.
These papers, though diverse, collectively shed light on the subjective and evolving nature of graphic design aesthetics.
| Dataset | Description | Details |
|---|---|---|
| Design Principles | Designs from create.vista.com | Human and GPT annotations of design principles |
| Rico | UI designs of android applications | screenshots + wireframes + annotations |
| Enrico | Manually curated RICO | - |
| Clay | Human-annotated RICO | - |
| Crello | Design templates from crello.com | Detailed attributes of canvas and elements + element-wise images |
| PubLayNet | Document Images | Canvas + Layout annotations |
| Pitts Ad Banner | Ads Images | Images + Annotations |
| Ad Banner | Filtered from Pitts Ad Banner | Design + Inpainted Bg images + Foreground patches |
| Magazine | Magazine Images | Incomplete background images, Masked out foreground layouts from the background |
| CGL | Advertising Posters | Poster images + layout annotations |
| PKU | Poster-layout pairs | Original Posters + Inpainted Bg images + Saliency Maps |
| Desigen | Bg Image + Layout annotations + meta-data (Whole Design is not there) | |
| Web-Aesthetics | Webpage images + ratings | Individual ratings + pair-wise comparison ratings |
| Imp1k | 1000 designs | Designs + saliency maps |
| LabintheWild | ||
| Package Design | Graphic design templates for packaging | Includes product URLs, titles, average ratings, number of sales, prices, date published, date updated, and more |
| Poster-Erase | Advertising Posters | Partially labeled dataset (labels: posters with text erased) |
| STEFANN | Font style dataset | 64x64 grayscale images of 62 English alphanumeric characters (10 numerals + 26 upper-case letters + 26 lower-case letters) |
| Tag-based Font | Font style dataset | Fonts + tags |
| Font Attribute | Font style dataset | Fonts + personality attributes |
- Design-o-meter: Towards Evaluating and Refining Graphic Designs (WACV) [Abstract] [Project] [Code]
- Can GPT Evaluate Graphic Designs Based on Design Principles? (SIGGRAPH ASIA technical communications) [Paper] [Project]
- Graphic Design with Large Multimodal Model (Arxiv) [Paper] [Code] (Introduced 2 new metrics: IOPR and GPT-4V Eval)
- Visual Explanation for Advertising Creative Workflow (CHI EA) [Paper] [Video]
- Development and Evaluation of a Custom GPT for the Assessment of Students’ Designs in a Typography Course (Journal: Educ. Sci.) [Paper]
- An interpretable metric of visual aesthetics for GUI design (Journal: Behaviour & Information Technology) [Paper]
- Utilizing Multiple Regression Analysis and Entropy Method for Automated Aesthetic Evaluation of Interface Layouts (Journal: Symmetry) [Paper]
- Contextual Font Recommendations based on User Intent (SIGIR eCom) [Paper]
- A Quality Model-based Approach for Measuring User Interface Aesthetics with Grace (ACM Transactions on Human–Computer Interaction) [Paper]
- Machine Learning Model to Evaluate the Appropriateness of Layout for Automatic Generation of Graphic Design Works (IMCOM) [Paper]
- Color Recommendation for Vector Graphic Documents based on Multi-Palette Representation (WACV) [Paper]
- Design Order Guided Visual Note Layout Optimization (IEEE Transactions on Visualization and Computer Graphics) [Paper]
- Aesthetics++: Refining Graphic Designs by Exploring Design Principles and Human Preference (IEEE Transactions on Visualization and Computer Graphics) [Paper]
- Optimization approaches for graphical layout design (Aalto University publication series) [Thesis]
- Assessing the Visual Esthetics of User Interfaces: A Ten-Year Systematic Mapping (Journal: Human-Computer Interaction) [Paper]
- Product Aesthetic Design: A Machine Learning Augmentation (Marketing Science) [Paper]
- Grid-based Genetic Operators for Graphical Layout Generation (ACM on Human-Computer Interaction) [Paper] [Project]
- RUITE: Refining UI Layout Aesthetics Using Transformer Encoder (IUI) [Paper] [Code]
- Selective Region-based Photo Color Adjustment for Graphic Designs (ACM Transactions on Graphics) [Paper]
- A Novel Webpage Layout Aesthetic Evaluation Model for Quantifying Webpage Layout Design (Information Sciences: an International Journal) [Paper]
- Beyond Beauty: Towards a Deeper Understanding of Aesthetics in HCI (CHI EA) [Paper]
- Predicting Visual Importance Across Graphic Design Types (UIST) [Paper] [Code] [Project]
- Let Me Choose: From Verbal Context to Font Selection (ACL) [Paper]
- Attribute2Font: creating fonts you want from attributes (ACM Transactions on Graphics) [Paper]
- Webthetics: Quantifying webpage aesthetics with deep learning (International Journal of Human-Computer Studies) [Paper] [Code]
- Automatic Layout Generation for Graphical Design Magazines (SIGGRAPH) [Paper]
- Context-Aware Asset Search for Graphic Design (IEEE Transactions on Visualization and Computer Graphics) [Paper]
- Large-scale Tag-based Font Retrieval with Generative Feature Learning (ICCV) [Paper] [Project]
- What Characterizes Personalities of Graphic Designs? (ACM Transactions on Graphics) [Paper] [Project] [Code]
- Understanding the Impact of Perceived Visual Aesthetics on User Evaluations: An Emotional Perspective (Journal of Information & Management) [Paper]
- Metrics-Based Evaluation of Graphical User Interface Aesthetics: The Segmentation Problem (ISS) [Paper]
- Font Style Transfer Using Deep Learning (Antanas Kascenas) [Report]
- Visual complexity of graphical user interfaces (AVI) [Paper]
- Aesthetic Measures for Document Layouts: Operationalization and Analysis in the Context of Marketing Brochures (DocEng) [Paper]
- A Mathematical Theory of Interface Aesthetics (Ngo Metrics) [Article]
- DesignScape: Design with Interactive Layout Suggestions (CHI) [Paper] [Project]
- Quantifying visual preferences around the world (CHI) [Paper] [Project]
- Learning Layouts for Single-Page Graphic Designs (IEEE Transactions on Visualization and Computer Graphics) [Paper] [Project]
- Learning Design: Aesthetic Models for Color, Layout, and Typography (O'Donovan, Peter) [Thesis]
- Exploratory Font Selection Using Crowdsourced Attributes (ACM Transactions on Graphics) [Paper] [Project]
- Aesthetic Measures for Assessing Graphic Screens (Journal: Information Science and Engineering) [Paper]
- Aesthetic measures for automated document layout (DocEng) [Paper]
- DON: User Interface Presentation Design Assistant (UIST) [Paper]
- GUILayout++: Supporting prototype creation and quality evaluation for abstract user interface generation (Workshop of ACM SIGCHI Symposium on Engineering Interactive Computing) [Paper]
- Basics of DESIGN layout and typography for beginners (Lisa Graham) [Book]
- Towards a Quantitative Evaluation of Layout Using Graphic Design Principles (Mosora, Daniel J.) [Thesis]
- Metric-Based Evaluation of Graphical User Interfaces: Model, Method, and Software Support (EICS) [Paper]
- Towards an Evaluation of Graphical User Interfaces Aesthetics based on Metrics (RCIS) [Paper]
- Quantifying aesthetics of visual design applied to automatic design (Ali Jahanian) [Thesis]
- Visual and Textual Consistency Checking Tools for Graphical User Interfaces (IEEE Transactions on Software Engineering) [Paper]
- Aesthetic measures for automated document layout (ACM Symposium on Document Engineering) [Paper]
- Color compatibility from large datasets (SIGGRAPH) [Paper]
- Another look at a model for evaluating interface aesthetics (Journal: Applied Mathematics and Computer Science) [Paper]
- Computation of Interface Aesthetics (ACM CHI) [Paper]
- Color harmonization (SIGGRAPH) [Paper]
- Visual complexity and aesthetic perception of web pages (SIGDOC) [Paper]
- https://m2.material.io/design
- https://www.canva.com/learn/contrasting-colors/
- https://owl.purdue.edu/owl/general_writing/visual_rhetoric/using_fonts_with_purpose/font_personality.html
- https://owl.purdue.edu/owl/general_writing/visual_rhetoric/using_fonts_with_purpose/font_features.html
- https://louisem.com/4089