|
|
Color & Contrast is a comprehensive guide to color for user interface designers.
|
|
#UX #UI #Accessibility #Branding
Many apps use their brand color on their call-to-action buttons. Doing this may seem like a harmless act of branding, but it can actually hurt the user experience. Brand-colored buttons can lead to…
|
|
#Sketch #UIDesign #UIKits
MacOS UI Kit for Sketch, now updated for macOS 12 Monterey! The Sketch Library includes common UI elements, styles, colors, cursors, dark mode support, and a Touch Bar Kit.
|
|
#Tools #Colors
Create awesome mesh gradients right inside of Sketch.
|
|
#DesignSystems #Spacing #BestPractices
I’ve long referred to Color, Type and Icons as the “Big 3” of a system’s visual language. All UI components — from Buttons on up — are built with them. But I left something out. Space, our final…
|
|
#Sketch #Plugins #Productivity
A Sketch plugin to let you change all your colors in a document to point to a different library using the same color variable names. - KevinGutowski/Swap-Color-Libraries
|
|
#Sketch #UIKits #DesignSystems #UIDesign #ColorVars
A high-quality Design System for Sketch that enables you to create UIs quicker and share ideas faster.
|
|
#Sketch #Announcements #UIDesign #Productivity
I am so excited about Sketch 69! Color Variables, Components View, and a new Insert Window — make Sketch an even better solutions for design systems.
|
|
#Sketch #Plugins #Productivity #UX #wireframing
"Wirframr" is a Sketch Plugin that lets you convert high fidelity screendesigns to wireframes. This is useful if you are presenting concepts for new features and want to prevent discussions about colors and fonts. - chewbecky/wireframr
|
|
#Sketch #Plugins #Productivity #Accessibility
Cluse is a Sketch Plugin that allows you to test the color contrast of your design for accessibility.
|
|
#Sketch #Dev #XCode #iOS
Drop in your Sketch file to export as Color Assets and Swift code with support for Dark Mode. Speed up your own or teams Sketch to Xcode workflow.
|
|
#Accessibility #Color #UX #UIDesign
How we designed a color system with hand-picked, vibrant colors that also met standards for accessibility and contrast.
|
|
#Typography #Animations #VariableFonts
Variable color font experiments by Typearture. See the exciting possibilities of the typeface technology of tomorrow, today!
|
|
#Sketch #Plugins #Productivity #UIDesign
Sketch.app plugin for swapping fill and border colors - nathco/Swap-Fill-Border
|
|
#UX #Copywriting
When we think about designing a great user experience, it’s easy to get caught up with all the things. The fonts, the colors, the flows, the content. Everything. But there’s another component to UX…
|
|
#Accessibility #Productivity #Tools #WCAG
Color Safe is a tool to explore beautiful, accessible color palettes for your website based on Web Content Accessibility Guidelines (WCAG).
|
|
#Accessibility #WCAG #Guidelines
|
|
#XD #UIDesign #DesignPatternLibraries #Prototyping #Components
The latest version of XD allows you to build scalable design systems & easily create & manage reusable colors, styles, & components with your team.
|
|
#Colors #CSS #Productivity #UIDesign
Learn how and why to switch from RGB to HSL in your projects.
Hue: your base color, pick a value from 0 to 360 (think about the color wheel)
Sauration: how “intense” (rich or dull) your color will be (%)
Lightness: add or remove white from your colors, 50% is the middle ground, below you add black, above white. Key for creating shades of color.
|
|
