UX Collective
Applying white space in UI design
10 min · · 8 practical tips, with examples. · Shared by 105, including Jonas Hartmann, Adham Dannaway, James Young, Stef Walter, mastodon.social/@renestalder, Stu Collett, David Hellmann, rohit
svgrepo.com
Free SVG Vectors and Icons
1 min · · Free SVG Vectors and Icons. Download free mono or multi color SVG Vector for commercial use. Explore, search and find the best fitting icons or vector for your projects using wide variety vector… · Shared by 92, including mastodon.social/@renestalder, Stef Walter, Hannah Milan, Rodrigo Noales, Galen King, Nicolas Folliot, Philippe, Tibor Martini 🇺🇦 @tibor@mastodon.social, Ricardo Yasuda, Mike Taylor, Gisele Navarro, Mohamed Azazy
penpot.app
Design Freedom for Teams
9 min · · The open-source solution for design and prototyping · Shared by 165, including Balda, Oscar MacDonald, Thomas Spreng, Chris Coyier, James Young, Marius Bleuer, Mohamed Azazy, Yann “不停” Heurtaux ⏚ @shalf@mastodon.social, Duncan Geere has left 🔰, Boris Périsset, Stef Walter, mastodon.social/@renestalder, Aral Balkan, André Staltz, zeldman, Ana Rita, Scott Hanselman 🌮, Galen King, Stephen C Sanders, Stammy
pushing-pixels.org
PUSHING PIXELS
· Shared by 41, including pizza.lottie 🍕, Chris Heilmann codepo8@toot.cafe, Artnome, Brian Armstrong 🛡️, Benny Schudel, David Hellmann, Balaji, John Mueller (official) · Not #30D, mastodon.social/@renestalder, Nils Hitze
Toptal
A guide to Motion Design principles
17+ min · · Motion has a profound impact on the user experience of digital products, but if interface elements don’t exhibit basic motion design… · Shared by 80, including mastodon.social/@renestalder, Jessel Sookha
adamsilver.io
Float labels are problematic by Adam Silver
2 min · · Float labels are problematic for lots of reasons. Find out why in this article. · Shared by 8, including mastodon.social/@renestalder, front-end.social/@heydon
brianlovin.com
Design to Save People from Themselves
6 min · · How software can prevent people from making mistakes, causing permanent damage, or bringing about the collapse of democracy. · Shared by 42, including mastodon.social/@renestalder, Val Head, Matthias Lampe, Brian Lovin, pizza.lottie 🍕, Gabriele, Stef Walter, James Young
Steve Schoger
Building Your Color Palette
4 min · · Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view. · Shared by 229, including Marc Hinse, Mark Kaigwa, rogerverhoeven, Esther Schindler, Cameron Yick ~ @hydrosquall@vis.social on mastodon, Niklaus Gerber, Manuel Reinhard, Ben Tossell, 6clicks | John Robert-Nicoud, Chris Peterson, Chris Agro | Agrotising, David Hellmann, Nando 💪🇦🇺🇦🇷, Mike Taylor, Paweł Kuna, Michael Musgrove, Helmi, designshard, Sachin Gawas, Natan Souza
nodes.io
Nodes – a new way to create with code
1 min · · What if programming was about ideas not semicolons? Compose, abstract, generalise. Start from top down or bottom up and refine as you go. With Nodes, programming feels like sketching on a canvas. Zoom… · Shared by 44, including mastodon.social/@renestalder, Lynn Cherny, Jens-Christian Fischer, Philippe, Balda, Marcin Ignac
Smashing Magazine 🇺🇦 🏳️🌈
Best Practices For E-Commerce UI Design — Smashing Magazine
11+ min · · In this article, we look at three key parts of a digital store and what you can do to design each to help customers more quickly and effortlessly get to the checkout stage. · Shared by 17, including Jessel Sookha, mastodon.social/@renestalder
floriankarsten.github.io
Space Grotesk
2 min · · Space Grotesk is a proportional sans-serif typeface variant based on Colophon Foundry's fixed-width Space Mono family (2016). Designed by Florian Karsten. · Shared by 10, including mastodon.social/@renestalder
Nielsen Norman Group
Compensatory vs Noncompensatory: 2 Decision-Making Strategies
7 min · · Ease users’ purchase decisions by designing interfaces that support both compensatory and noncompensatory decision-making strategies. · Shared by 10, including mastodon.social/@renestalder, MeasuringU
brailleinstitute.org
Download the Atkinson Hyperlegible Font
· Download the Atkinson Hyperlegible FontBraille Institute Staff2020-10-16T10:44:41-07:00 · Shared by 50, including Paolo Sinelli, Bruce Lawson, mastodon.social/@renestalder, masto.ashfurrow.com/@ashfurrow, Esther Schindler, Chris Heilmann codepo8@toot.cafe, Simon07, Stef Walter, Michael Zumstein, Joe Lencioni, Marius Bleuer
baymard.com
Always Use Thumbnails to Represent Additional Product Images (76% of Mobile Sites Don’t)
9 min · · On product pages, product images are tremendously important in users’ product-evaluation experience, providing critical visual information about key product details. Yet in order to be most valuable,… · Shared by 15, including mastodon.social/@renestalder, Samuel Hauser, Marius Bleuer
medium.com
Naming Tokens in Design Systems
20+ min · · Terms, Types, and Taxonomy to Describe Visual Style · Shared by 121, including Oscar MacDonald, Gabriele, Evan (he/him), Stu Collett, Adrian Zumbrunnen, David Hellmann, CSS Weekly, Stef Walter, Nathan A Curtis, mastodon.social/@renestalder, pizza.lottie 🍕, Mohamed Azazy, Johannes Dornisch, Marius Bleuer, Nico Müller 🇺🇦, Michael Zumstein, cody lindley
darekkay.com
Designing an accessible color palette with magic numbers
3 min · · An approach for structuring color palettes to prevent contrast ratio issues. · Shared by 8, including Casey Smith, mastodon.social/@renestalder