TLDR Design

TLDR DESIGN 2023-09-28

5 sections15 entriesinline urlcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

02STRATEGIES & TACTICS

DESIGN SYSTEMS: AVOIDING COMMON PITFALLS

Problems like reduced creativity and exploration can be solved by starting designs in lower fidelity. Rigid ruling can be solved by shifting the nature of the design system from “rule-based” to “principle-based.” A lack of context on when a component should be used and how can be solved by starting with basics and getting those right first.

viget.com7 min read

HOW TO MAKE THE CASE FOR DESIGN SYSTEMS

The benefits designers get from a design system include a flexible tool that facilitates their focus on solving user problems, a useful set of constraints when starting new, nebulous work, freedom from designing the same things over and over again, and a higher likelihood of consistent execution of their designs. Engineers get a UI that's DRY, waste less time on specific one-off UI bugs, and spend more time building meaningful features and quality UI with less effort.

betterbydesign.cc5 min read

HOW TO CHOOSE FONTS FOR RESPONSIVE WEB INTERFACES

When choosing a font for responsive web interfaces, consider the platform needs, the languages that need to be supported, how the design system might grow, and how its needs might change. When it comes to font personality, evaluate font legibility and readability, how they look when set at a small size, the fonts’ numbers, and lean towards functionality instead of expression.

medium.com9 min read

03RESOURCES & TOOLS

TRENDY COLOR PALETTES AND GRADIENTS

Effective color choices always consider what needs to be communicated and reinforced. Spectrum Art brings the latest color trends and briefly explains what they help achieve. It shows a full-page composition using the color palette for each color detail page.

spectrum.artTool

ANIMATED ICON COLLECTION

This fantastic collection includes 1,490 free animated icons. Lordicon offers several customization options depending on the icon family and allows users to download them in multiple formats like GIF, Lottie, and MP4.

lordicon.comTool

COLLABORATIVE DESIGN TOOL FOR ARCHITECTS AND DESIGNERS

Rayon is a browser-based collaborative design tool for the architecture, engineering, and construction industries. The Paris-based startup wants to improve the design process by making it more collaborative and accessible to teams and stakeholders. The platform can also be used as a central object library repository compatible with the most popular image formats, PDF, and CAD documents (DWG, DXF).

rayon.designTool

04MISCELLANEOUS

FIVE TAKEAWAYS FROM MY MICROSOFT DESIGN INTERNSHIP

Every task must have a purpose, and more importantly, an understanding of how it will evolve. The only thing stopping you from doing a better job is yourself. Don’t ask for permission but be proactive and ask for forgiveness if things go wrong. Encourage stakeholder's expertise and involvement and let them drive the initiative.

uxplanet.org7 min read

The tactile experience of flipping through a beautifully designed magazine remains unmatched. For graphic designers especially, print magazines offer a source of inspiration that's tangible and immersive and presents content in a completely different visual way to digital. This article features the best magazines for graphic design inspiration, including Eye Magazine, Communication Arts, Idea, Creative Review, Slanted, Typeone, and Wallpaper.

creativeboom.com6 min read

HOW LINEAR BUILDS PRODUCT

It's rare to hear about successful product teams that don't have a product manager, ditch metrics, are fully remote, and don't run A/B tests. Linear's unique story helps shine some light on alternative formats and workflows for creating a superb product without following the usual script.

lennysnewsletter.com11 min read