TLDR Design 2024-05-22

Adobe Lightroom's new AI powers ✨, MS Paint image generator 🖼️, Primark revamps brand identity 👗

News & Trends

Microsoft Paint is Getting an AI-Powered Image Generator that Responds to Your Text Prompts and Doodles (1 minute read)

Microsoft Paint's Cocreator is an AI-powered tool that generates images from text prompts and doodles using diffusion-based algorithms. The feature, demonstrated at the Surface event, includes a creativity slider for balancing AI and user input, offering quicker edits and precise renderings.

Huge Adobe Lightroom Update Adds AI Generative Remove and Lens Blurring (5 minute read)

Adobe is bringing even more Firefly-powered artificial intelligence tools to Adobe Lightroom, including Generative Remove and AI-powered Lens Blur. Generative Remove is particularly impressive as it lets users remove unwanted objects from any photo entirely non-destructively with just a single click.

Primark Reveals Refreshed Brand Identity as it Launches its Summer Collection (2 minute read)

Primark's brand refresh includes a playful update to its logo, a refreshed Primark blue for its updated color palette, and a specially designed font. This new look will be visible across social media, in direct communications, and in-store, with further rollouts planned for later this year.
Opinions & Tutorials

Low Fidelity Design is Higher Up the Value Chain (7 minute read)

High-fidelity visuals don't create clarity. They hide the fact that the work wasn't done, with details that are every bit as fake as the sketch - but enough to satisfy stakeholders looking for an output. On the other hand, low-fidelity artifacts don't leave anywhere for ambiguity to hide. They are a fast way to call out all the questions that we don't have answers to.

UI Density (20 minute read)

UI density reflects the information an interface provides and is shaped by design decisions. Visual density is the initial impression based on screen elements. Information density is the ratio of useful data to total ink. Both visual and design density are influenced by Gestalt principles and affect user perception in UI design.

Optimizing Form Design: Marking Required and Optional Fields in a Better Way (4 minute read)

Designing clear and user-friendly forms is crucial for usability. This article discusses various methods for marking required and optional fields, such as using asterisks or labels for optional fields. Conducting user testing is recommended for determining the best approach as it ensures higher conversion rates and satisfied users.
Launches & Tools

Scalability-First Open-Source No-Code Platform (Website)

NocoBase is a lightweight, extremely scalable open source no-code and low-code development platform.

Mockup Plugin – Devices Mockups, Print Mockups, AI Mockups (Figma plugin)

A mockup plugin for Figma with thousands of high-quality ready-to-use device and branding mockups available right from the tool.

Customizable SVG Patterns for Your Projects (Website)

Pattern Monster provides a vast library of customizable patterns with unique and visually appealing backgrounds that enhance creative work.

Why Not Sketch? (3 minute read)

Sketching has immense value in various activities beyond traditional artistry, such as planning and problem-solving. Despite its benefits, many people refrain from sketching due to early discouragement, lack of practice, or personal discomfort. Embracing sketching can bring about more creativity and communication, regardless of artistic background.

It's Time We Seriously Talk About Users and Experiences (5 minute read)

Knowing actual users' names, experiences, and daily challenges is essential to designing genuinely user-centered products. Without this focus, UX efforts can become misaligned, resulting in products that lack direction and fail to provide users value. Teams should move beyond generic personas and truly understand their users' unique needs and experiences.

Hidden vs. Disabled In UX (5 minute read)

Both hiding and disabling features in UX can confuse users, so they should be done sparingly and with clear reasoning. Disabled features indicate availability but inaccessibility, while hidden features indicate current irrelevance. Alternatives like enabled buttons, read-only states, and better empty states should be considered to maintain user understanding and interface clarity.
Quick Links

Incorporating Natural Elements Into Design Products While Preserving Plant Life (4 minute read)

The Pianeta Verde collection by Benetti and Fabio Rotella integrates natural elements into design products, creating sophisticated and sustainable decorative installations.

Team of Arkansas Designers Creates Ramped Bikeable Office Building (3 minute read)

The Ledger, a 230,000-square-foot office building in Bentonville, Arkansas, features a 12-foot-wide bikeable ramp that integrates terraces, vertical parks, and artistic details, emphasizing functionality and aesthetic appeal.

Known Purpose and Trusted Potential (6 minute read)

GPT-4o's fast, confident responses can mislead users into overestimating its accuracy.
Curated tools 🖌️ , trends 🎨, and inspiration 💡 for design professionals
Join 300,000 readers for