Search the archive

YOUR REFERRAL LINK - https://tldr.tech/design?ref=2613930

PENTAGRAM'S IDENTITY FOR DUBLIN TOURISM EXPERIENCE IS DELIGHTFULLY CLICHE-FREE

Inspired by Celtic history but avoiding the cliches of Celtic heritage design, Pentagram's new identity includes a logo, typeface, color palette, tone of voice, staff clothing, merchandise, marketing material, signage, and wayfinding. The striking symbol represents the Book of Kells itself, inspired by the details of illuminated pages in the book and ancient Celtic artifacts that showcase the craftsmanship of flowing line details.

THE HYPER-PERSONALISED USER EXPERIENCE: MERCEDES-BENZ SHOWCASES CLASS-DEFINING DIGITAL TECH AT CES 2024

Mercedes-Benz unveiled a new MBUX Virtual Assistant at CES 2024 powered by generative AI and advanced 3D graphics, making interactions more natural and personalized. This innovative interface runs on the new Mercedes-Benz Operating System, offering an extraordinary digital experience.

SOURCES: PHOTOROOM, THE AI PHOTO EDITING APP, IS RAISING $50M-$60M AT A $500M-$600M VALUATION

PhotoRoom has developed a popular AI-based image editing app and API primarily targeting e-commerce vendors and media specialists. The company's success is notable in the competitive AI-driven market. It has gained traction with small businesses and larger customers, including Warner Bros and Netflix, for various image editing needs.

HOW TO BUILD A STRATEGY, NOT A ROADMAP

Design teams creating and maintaining design systems should use a hybrid of centralized and federated models to move quickly and collaborate closely with product teams. To achieve the ultimate success of a design system, they need a strategy - a roadmap alone isn’t enough.

GRIDS AND KEY SHAPES

Grids and key shapes play a fundamental role in building an icon system. They ensure that all the signs align cohesively and use a structured approach that simplifies the design process and supports scalability.

HOW A GRASP OF BUSINESS CONCEPTS GIVES DESIGNERS A BOOST

Designers are increasingly losing their influence within some organizations as user-centric design becomes an afterthought. This doesn't come as a complete shock since designers are frequently clueless when asked what their designs will do for the business. Bridging the gap between creative prowess and business results begins with stepping out of your comfort zone into numbers and business.

3D AVATAR-MAKER

Customize a 3D avatar by selecting different faces, headgear, eyewear, and more, with millions of possibilities.

DESIGN SYSTEMS DATABASE

This collection features Design Systems with components and foundation references from top-tier tech companies and leading UI teams.

TO GET PROMOTED, GET BETTER AT COMPLEXITY, AUTONOMY, AND THROUGHPUT

To get promoted, designers must distinguish themselves by handling three challenges: complexity, autonomy, and throughput. Complexity refers to how complex problems they can solve autonomously or whether they can take them with minimal guidance, and throughput refers to how many issues they can crack simultaneously.

APPLIED TO 5,000 JOBS. AND NOBODY REPLIED...?

If nobody responds after 50 job applications, the next step is to determine why people won't reply. Ensure you approach the problem space from the user's perspective and develop solutions to increase your chances of landing a job.

GENERATIVE AI AND TESLER’S LAW

The law of conservation of complexity, or Tesler's Law, says any inherent complexity that cannot be removed or hidden should be addressed in product development or user experience. When designing AI-powered products, we should focus on getting users to provide the correct input with the least effort so that the AI can deliver the right results.

PSYCHOLOGY FOR UX: STUDY GUIDE

This collection of articles and videos will help you learn about the principles of human psychology and how they relate to UX design.

TOP 10 AI DESIGN STARTUPS

UX design is changing thanks to the fusion of AI and design. A glimpse of a promising future is offered by these 10 AI design startups, where AI serves as a catalyst for innovation and enhanced user experiences instead of replacing designers.

FROM 2D TO 3D: HOW BRANDS CAN HARNESS THE LATEST UX/UI REVOLUTION

In the future, users wearing Apple Vision Pro or similar devices will seek immersive interfaces that replicate in-store interactions instead of flat shopping interfaces. For designers to adapt to this evolving design landscape, spatial thinking is essential, especially for arranging three-dimensional elements in UIs.

YOUR REFERRAL LINK - https://tldr.tech/design?ref=2613930

NEW HONDA EV LOGO IS A MINIMALIST THROWBACK

Honda has unveiled a new H logo for electrified Hondas. It’s frameless, and the sides of the H are less upright, making it look like two outstretched hands. It’s also a throwback design inspired by the one used in the ‘60s.

WHATSAPP IS ROLLING OUT AN IN-APP TOOL FOR MAKING CUSTOM STICKERS

WhatsApp has introduced a new feature for iOS that allows users to create, edit, and share custom stickers directly within the app. Users can personalize stickers using various editing tools and even overlay other stickers.

COLUMBIA PICTURES' 100TH ANNIVERSARY LOGO IS AN INSTANT CLASSIC

Sony revealed the logo for Columbia Pictures' 100th anniversary through an animated short that traces the logo's evolution. The iconic "Lady with the Torch" symbolizes the studio's enduring legacy. The new logo incorporates modern elements while paying tribute to the studio's rich history.

BEYOND DESIGN SYSTEMS FOR INTERFACES: AN ECOSYSTEM OF DESIGN SYSTEMS

There needs to be more than just a design system for interfaces to create cohesive and harmonious experiences for a brand with a portfolio of services. What organizations need is an ecosystem of design systems, starting with outlining the design approach of the organization and defining design systems for brands, services, products, and interfaces.

JOHN MAEDA TALKS ART, GENERATIVE AI, AND CREATIVITY

Hear from John Maeda, Microsoft's VP of Artificial Intelligence and Design, about thriving in the AI-powered design era. During the talk, Maeda discusses how AI uniquely ties together both modes of intelligence, how these paradigms will impact the job market, and how to stay relevant as a creative in an increasingly disruptive world.

THE TRUTH ABOUT UX BOOTCAMPS: A DESIGNER FACTORY THAT SELLS DREAMS LIKE EXPENSIVE CANDY

UX Bootcamps need to adequately prepare students for the job market. This is resulting in a saturation of junior designers, making it challenging to find positions. In this article, a graduate of a UX/UI Design Bootcamp shares their honest experiences and insights with the bootcamp.

A BEAUTIFUL LIBRARY WITH SVG LOGOS

This collection of 300+ logos allows you to quickly copy or download SVGs of well-known brands worldwide.

AN ALPINE & TAILWIND UI LIBRARY

Pines is a set of UI elements that can be copied and pasted into any Alpine or Tailwind project.

CREATE CONSISTENT TYPOGRAPHY STYLING AND SPACING

Archetype provides an interactive space for typography styling, pairing, and spacing in the browser, with the option to export the results as CSS code.

INSIDE VISIONOS: 18 THINGS DEVELOPERS NEED TO KNOW ABOUT CODING FOR APPLE VISION PRO

Apple’s Vision Pro introduces a “shared space” where app windows float side by side. Users can open one or more windows as planes in the space. Beyond windows, apps can create three-dimensional volumes like objects and scenes and can be moved around in 3D space.

BLUR RADIUS COMPARISON

There are many ways to describe how blurry a blur is. Implementations vary so much that a blur in one app may be a completely different size from the same blur in another app. This article presents a detailed look into blurs in popular design apps like Photoshop, Figma, and Illustrator.

EXPLORING CYFR'S BRANDING AND VISUAL IDENTITY FOR BUSINESS GROWTH

Cyfr's branding reflects a narrative of upward mobility and perpetual progress. The symbol used in its branding, which portrays a continuous ascent, is complemented by elements representing the synergy between the agency and its partners.

WHAT SHOULD WE SHIP?

Vercel redesigned its website with a Swiss-design-inspired grid layout, a Grotesque sans-serif font as the primary typeface, and pixelated iconography.

EXPERIMENTAL ON-SCROLL TEXT ANIMATIONS WITH SVG CLIP-PATH

Design elements with knockout “text” with an image or pattern behind it are becoming increasingly popular. This example adds an extra layer of the wow effect with a scrolling animation.

DESIGNING BETTER TARGET SIZES

A detailed guide for designing better target sizes and improving the accessibility of websites and apps.

YOUR REFERRAL LINK - https://tldr.tech/design?ref=2613930

SLACK’S CATCH UP FEATURE IS LIKE TINDER FOR YOUR WORK MESSAGES

Slack is introducing a new mobile app feature called Catch Up aimed at helping users manage unread messages more efficiently. Catch Up allows users to swipe left to mark messages as read and right to leave them unread. The feature is designed to make catching up on Slack messages fun and easy, catering to customers who use their phones for quick triage sessions.

APPLE’S VISION PRO AD WANTS TO MAKE IT COOL TO WEAR A HEADSET

Apple has released its first video ad promoting the company’s Vision Pro, aptly titled “Get Ready.” The ad aims to make strapping a bulky set of goggles to one’s face cool by pulling scenes from films and TV shows with noteworthy, inspiring characters that don various masks, goggles, headsets, and helmets.

MERCEDES-BENZ TAPS WILL.I.AM TO CREATE AN ‘INTERACTIVE MUSICAL EXPERIENCE’ FOR ITS CARS

Mercedes-Benz wants to design an interactive musical experience with the help of Will.i.am. MBUX Sound Drive links music to driving with the help of sensors and software. The German automaker claims that the system composes musical accompaniment to regular functions like recovery, acceleration, steering, and braking, thus turning the whole vehicle into an orchestration machine.

APPLE'S POWERFUL VISION PRO ISN'T THE FUTURE OF COMPUTING

Apple's new Vision Pro AR headset looks incredible. Hardware- and software-wise, it might be the most impressive gadget we've ever seen. However, unlike the Mac and iPhone, it won't change the computing world.

58 RULES FOR BEAUTIFUL UI DESIGN

The right UI can elevate an application from functional to unforgettable, differentiating between a user who engages once and one who returns repeatedly. This article compiles 58 rules across eight categories to form the Elegance Formula: Empathy, Layout, Essentialism, Guidance, Aesthetics, Novelty, Consistency, and Engagement.

A GLOBAL DESIGN SYSTEM

An extraordinary amount of effort and time has been put into designing, building, documenting, and maintaining the same components over the past few years. There are so many established best practices that it's time to consider creating a Global Design System. A project like this would improve web accessibility and quality, save product teams millions of hours, and enhance our collective human potential.

LOTTIEBOX

Lottiebox is an animation library that integrates seamlessly with any technology. Faster than videos and GIFs, available to copy on click.

MOODBOARD CREATOR

Moodboard Creator helps designers to ditch the blank page and spark their creativity by generating moodboards from simple inputs.

AUTOMATE YOUR FIGMA TASKS

Create drag-and-drop automations that perform time-sensitive Figma tasks for you in seconds.

QUESTIONING THE QUESTIONS: HOW TO DESIGN A SURVEY THAT NOBODY HATES

Create a survey that engages your audience, not one that interrogates. Create a clear "why," ensure the participants are the right ones, and then guide them through a logical flow using everyday language and star ratings. Respect their time and save demographics for later.

ARTISTS ARE MAKING CREATIVE COMPANIES APOLOGIZE FOR USING AI

Creatives recently noticed that Wacom was promoting its Intuos pen tablet with a dragon illustration that looked like an AI-generated image. Several days later, in a contrite statement, the company said that its online AI detection tools failed to flag images purchased from a third-party vendor. A similar situation occurred to the publisher of Magic: The Gathering and Dungeons & Dragons, which apologized on Sunday after using an ad with AI-generated elements.

TO LEAD DESIGN, YOU MUST HAVE AN AGENDA

Agendas don't have the baggage of "vision". They also make clear that you have a political point of view and a cause for which you're advocating as a leader. You can share an agenda with your team or keep one for yourself. Making this concrete will enable you to make better decisions throughout the year since you'll have a clear organizing principle to follow.

DESIGN SYSTEM MYTHS

A central team should wholly make design systems without outside contributions, and any component built by any team should be made, documented, and maintained there. They will only succeed if a company has more than one design system.

PABLO DELCAN’S NON-A.I. ART GENERATOR GOES VIRAL

Prompt-Brush is the first non-AI Generative Art model. Artist Pablo Delcan created an art project that involved asking his audience for illustration prompts and creating what they asked for. Delcan quickly built a website to showcase the results after the project went viral.

HOW I'M WRITING CSS IN 2024

2024 will bring cross-browser support for nesting, :has(), container queries, and more. It's never been easier to write great styles without additional tooling. Designers and developers might not need Sass and Less anymore.

YOUR REFERRAL LINK - https://tldr.tech/design?ref=2613930

CAN A STRIKING DESIGN SET RABBIT’S R1 POCKET AI APART FROM A GAGGLE OF VIRTUAL ASSISTANTS?

The Rabbit R1 is a unique gadget designed to simplify everyday tasks by allowing users to interact with it in natural language, eliminating the need to use multiple smartphone apps. It functions as an "agent" AI, trained on common app interfaces, and can perform tasks like ordering rides, finding restaurants, or booking accommodations.

HOW RAZORPAY SHARPENED DEVELOPER WORKFLOWS

Blade is a design system created by Razorpay's design systems team that ensures consistency and efficiency across Razorpay's financial services platform, serving 10 million businesses in India. It allows designers and developers to collaborate seamlessly, addressing challenges in maintaining uniform user experiences.