Leo Natsume's collaboration with Apple brings vibrant 3D illustrations to the App Store's Twitch page, merging digital artistry and interactive design. With meticulous detail and adept 3D composition, Natsume's creations transcend mere art, becoming immersive storytelling tools. Set within a gamified digital realm, these illustrations elevate user interaction, enriching understanding and engagement with the app.
The Washington Post team created its design system in 2019 and has been improving it ever since. Through years of refinement, the organization developed component sprints that considered design and engineering needs. This article describes how the team creates a new component from scratch, ensuring balanced and democratic input.
Designers often preach passion and craft, not profit. They started this journey for the love of art - to create beautiful things and make products and services people would use and love. It's up to them to change how design is perceived. Designers need to articulate and evangelize the value of design and its impact on business.
This color generator uses Tailwind's approach to create a custom color scale based on a single hex code or HSL values.
Pushkeen is a curated collection of the latest push notification patterns from mobile apps, reflecting the best in growth and user re-activation.
This pre-built Framer component library has over 90 fully customizable components that provide everything you need to create your portfolio quickly and easily.
Improving design quality is as simple as setting clear standards, empowering teams to meet them, and fostering a culture of shared ownership and rigorous critique. Quality in design, experienced through usability and aesthetics, can be maintained by aligning with stakeholders as benchmarks and involving the entire UX team in quality assurance.
Many apps fail to change human behavior in the long term because they lack a deep understanding of human psychology. In addition to cognitive biases, psychology offers many other insights that can be applied to design thinking. Frameworks like the Theory of Planned Behavior, the Transtheoretical Model, and Self-Determination Theory provide a solid foundation for designers wanting to help users change their habits and behaviors.
UX teams, which are typically under-resourced, should shift from merely implementing best practices to becoming evangelists and facilitators, teaching and providing tools for UX work. By advocating the business value of UX, including enhanced user satisfaction, teams can justify resource investments, possibly with support from external consultants.
2024.05.06·links.tldrnewsletter.com·4 min read·TLDR Design Sound design starts with knowing when to use it and when not to.
Due to the current economic and political uncertainties, clients have become less risk-averse.
The Zelman Meats logo's simplicity speaks for itself.
The April update to Framer introduces a new masking feature that enables designers to apply and customize masks with gradients or images and stack multiple masks for complex layouts. It also includes workflow enhancements and precise gradient editing. Working with different Framer versions has become seamless thanks to improved collaboration capabilities.
Using Pinterest's Shuffle feature, users can combine images and photos to create collages. The company says its latest version, powered by AI and computer vision, gets three times as much engagement as traditional Pins. With the new format, users can curate content from the web and Pinterest, but they can also snap pictures with their phones to express their tastes, interests, and styles.
The Arc browser, which has impressed macOS and iOS users over the past couple of years, has finally made its way to Windows. The Browser Company, the company behind Arc, is betting that its browser features, like the collapsible sidebar, vertical tabs, app switcher-like experience, and a command bar, are different enough to entice Windows users away from Chrome and Edge.
SnappOS offers white-label infotainment systems for automakers who need more time and expertise to develop their own. Each carmaker has its own branding, features, and hardware setup. In this article, Snapp Automotive describes how it created a theming engine that can handle multiple levels of customization, enabling it to scale to tens of different brands without branching out.
Designers should build navigation based on tasks and content. The navigation bar is convenient for jumping between primary destinations but should only be used on compact screens. The navigation rail is positioned on the side of the screen and should be used on medium and expanded screens.
While most product teams strive to deliver products that meet or exceed user expectations, they need more time and resources to perfect every part of the user experience. The number of epics in a release cycle is often prioritized over quality. This approach fails to define and aim for the quality of the experience, resulting in products that meet requirements but fail to delight customers. Through Experience Quality Acceptance Criteria, teams can prioritize epics based on their potential impact on user adoption and satisfaction instead of just their feasibility.
2024.05.03·links.tldrnewsletter.com·6 min read·TLDR Design Place your designs into background frames and mockups like browser, mobile, laptop, watch, etc.
Check for AI in images, audio, KYC documents, and video, and uncover the likelihood of AI manipulation.
LookAway regularly puts your Mac in rest mode to help you rest your eyes.
The most valuable contribution product designers can make to software is making the core value of a product clear to the people using it. Teams working on a product understand their product's value, but outsiders may not. Being more straightforward is often necessary.
With a logo inspired by the museum's site plans, a colorway that reflects Benin City's landscape, and an identity that boasts its far-reaching collection, MOWAA's rebranding helps to connect West Africa's budding cultural hub to the world. Regarding the color palette, the natural environment comes through earth tones and yellows, and documentation of the assets is taken against the backdrop of the outdoors.
People tend to prefer and use design systems that encourage mixing and matching. Too much coverage can turn a design system into a bureaucratic hurdle instead of a helpful tool. Instead of enforcing recipes too soon, you should think of your design system as a library of ingredients, consistent but flexible enough to accommodate creativity and innovation.
Beliefs about interface quality that are untrue include its dependency on organizational power, the sacrifices required for high quality, and the difficulties of maintaining quality in large teams or organizations.
A collection of web UI components beautifully animated and built with React, Tailwind, and Framer Motion.
This post lists five valuable resources including Pixefy, which lets you see your website on various devices, and Mobile Simulator, which allows you to capture your navigation as GIFs for easier sharing.
Sponsored
Have you ever wanted to see your own brand in TLDR?
The latest Skittle brand refresh, which tries to appeal to Gen Z, focuses on the brand's quirks. The letter 'k' in the logo now has a distinctive upward flick. The signature upside-down rainbow icon was given a more vibrant makeover, and the iconic lentils have a 'dynamic signature layout', with matching flowing visual effects to boot.
Google I/O 2024 will take place on May 14. The Material Design team will be there to showcase the latest updates and on-demand content. The event's sessions include lessons on designing adaptive apps, creating UI with the Material 3 adaptive library, and using Material for Compose for faster, more expressive designs.
WK Kellogg Co Script is a new typeface based on the signature of founder William Keith Kellogg. The proprietary typeface will be used for the company's corporate messaging, communications, website, and social media assets. It was created as a joint effort between WK Kellogg Co, advisory firm Brunswick, and XYZ and Plau-type foundries. The process of creating the typeface involved its designers looking at old Kellogg's ads and painted signs from the early 20th century.
2024.05.02·links.tldrnewsletter.com·3 min read·TLDR Design Every product goes through five stages according to the Product Life Cycle (PLC). As a product matures, system thinking provides the flexibility necessary for a more sustainable existence, which avoids unnecessary rewrites or pivots. Incorporating system thinking into a workflow requires establishing a dedicated and centralized platform, implementing frameworks and patterns, creating a shared UI library, and implementing system processes and checks.
Anthropologist and illustrator Julien Posture explains why creative work has always been seen as opposing productive labor. The problem has been made worse with generative AI models since they require massive amounts of unpaid and uncredited input, whereas the labor that drives their output needs to be noticed. Creatives rarely organize in unions, but this can strengthen their bargaining position and create the standards they want to operate.
A design system should consist of high-quality, vetted solutions, not rushed or low-quality work known as "crap," which undermines its reliability and the trust of its users. To handle inevitable crap, organizations can adopt strategies like establishing a layered UI ecosystem, allowing different paces for product and design system development, and formalizing conversational governance to manage and mitigate the impact thoughtfully.
Lumni is a collection of free stock photos and royalty-free images generated by AI. Photos can be filtered by color, orientation, focal point, luminance, and category.
Visualize your color choices on accurate designs like websites, business cards, illustrations, and more.
2024.05.02·colors-visualizer.vercel.app·Tool·TLDR Design Pre-visualize your ad in real-time on various social media platforms so you can try different visuals, captions, calls to action, and titles and see what works best.
Porto Rocha designed PAC NYC's identity to welcome diverse audiences with a bespoke typeface merging 19th-century American Gothic fonts with the building's cubic shape. The color palette, contrasting vibrant tones with a foundational monochrome, offers flexibility to convey seriousness and expression across different contexts.
Business design applies design methodologies to enhance business strategies, with business designers focusing on human-centered innovation and customer needs to improve models, processes, and services, merging business management with design principles to achieve both economic and human-centric outcomes.
When looking at numbers within a font, there are many considerations, such as whether the characters are capital-height or have ascender and descender lines. Additionally, check whether the zero is similar to a capital O. You should also remember that a minivan font can cause the number 1 to appear lonely if tracking is not applied. This article lists the best number of fonts based on tips like these.
Joey Spiotto's new art show "Creators" is now at gallery1988.com.
John Ed De Vera is a designer with diverse skills and interests. He specializes in lettering, paper-cutting, and exploring innovative media.
Agricultural and food-production practices are an ideal place to begin rethinking how we design since they're the ultimate example of people in partnership with their contexts.
Bumble's updated app introduces the "Opening Move" feature, designed to help women initiate conversations quickly with prewritten prompts or custom messages that the app sends to all matches. The refresh includes "dating intention" badges and profile enhancements, which aim to foster better match insights.
Yelp is enhancing its platform with Yelp Assistant. This AI chatbot helps users find local service professionals by asking detailed questions to generate service requests and provide more accurate quotes. The assistant uses OpenAI's large language models. It is available on iOS. The assistant supports various services, including food, massage, pet care, and financial services.
Axure RP has introduced new features to improve efficiency in the prototyping workflow. These include easy widget nesting within dynamic panels, enhanced selection tools for busy canvases, and quick alignment options for widgets in parent containers. These updates simplify arranging and customizing widgets using keyboard shortcuts and selection boxes, greatly enhancing the user experience for designers.
Figma has introduced color variables in gradients for improved design consistency and reduced manual adjustments, facilitating easy adjustments across modes or brands. Variables support typography, enabling the creation of font-related variables like family, size, line height, spacing, and weight and streamlining text management within components and systems.
Online hate speech has real-world consequences, including increased hate crimes. Current AI tools understand hate speech semantics and can generate empathic replies for effective counter-speech. Social media platforms can combat hate speech by flagging instances and providing context while providing emotional guidance for counter-speech, which can help reduce its prevalence.
A new study found that over half of Americans have used generative AI in the last year and more than 80% believe it will make life easier or help them learn a skill shortly. 41% of Americans expect brands to use generative AI in their customer experiences today to assist them with price comparisons, shopping, and customer support. Most consumers surveyed are more likely to shop with brands that use generative AI on their websites and 58% believe it has already improved their online shopping experience.
Create stunning 3D mockups with your app and web designs on the device screens.