UI Design

UI Design

XD Essentials: The Art of Minimalism in App Design
XD Essentials: The Art of Minimalism in App Design
User interfaces look way different than they used to just a couple years ago — user interfaces (UIs) are becoming less cluttered and more contextual. ...
·blog.adobe.com·
XD Essentials: The Art of Minimalism in App Design
Moving From Sketch To Figma: A Case Study Of Migrating Design Systems — Smashing Magazine
Moving From Sketch To Figma: A Case Study Of Migrating Design Systems — Smashing Magazine
Switching tools isn’t a decision to be taken lightly. Here’s a nuts-and-bolts and behind-the-scenes look at how Help Scout migrated design systems from Sketch to Figma — why we made the switch, a step-by-step walkthrough of what it entailed, and what we got out of it — a story that applies to any team considering a large-scale tool migration.
·smashingmagazine.com·
Moving From Sketch To Figma: A Case Study Of Migrating Design Systems — Smashing Magazine
The hardest part about building dark mode is that people think it’s easy - Figma team (Config 2022)
The hardest part about building dark mode is that people think it’s easy - Figma team (Config 2022)
Join Jacob and Ryhan to understand how Figma shipped one of their most requested features, what barriers you’ll face implementing your own, and how to overcome those obstacles and make it easy on yourself. Check out their slides on the Figma community: https://www.figma.com/community/file/1105965841124675704 00:00 - Introduction 0:45 - The reality of designing dark mode 3:40 - How colors work differently in light vs. dark mode 4:35 - Step 1: Reinventing color ramps 7:34 - Step 2: Semantic colors 13:52 - Step 3: Implementation 18:16 -Closing #Figma #Config #Config2022 #FigJam #Tutorial #NothingGreatIsMadeAlone
·youtube.com·
The hardest part about building dark mode is that people think it’s easy - Figma team (Config 2022)
8-Point Grid
8-Point Grid
Using multiples of 8 to define dimensions, padding, and margin of elements
·spec.fm·
8-Point Grid
Buttons on the web: placement and order
Buttons on the web: placement and order
Let’s try to clarify current situation with the most common interaction medium of actionable pages and modals — buttons. Especially we…
·uxdesign.cc·
Buttons on the web: placement and order
Home
Home
The Component Gallery is a collection of components from the best Design Systems.
·component.gallery·
Home
UI cheat sheet: dropdown field
UI cheat sheet: dropdown field
Dropdowns get a lot of flak from the UI world – and if we are honest, it’s not without reason. Done badly, they become cumbersome…
·uxdesign.cc·
UI cheat sheet: dropdown field
UI cheat sheet: text fields
UI cheat sheet: text fields
Apart from buttons, text fields are probably one of the most used user inputs. When you sign in to Friendface, or order a Nicholas Cage…
·uxdesign.cc·
UI cheat sheet: text fields