Understanding Accessibility
Belajar UI
User Interface Typography
Design Full-Time
Loading & progress indicators — UI Components series
Engage users and enhance waiting experiences with these simple recommendations.
How to create a color ramp used in design systems
Whether you’re a brand designer putting the finishing touches on a color palette or a product designer laying the foundational work for a…
Sheet, dialog, or snackbar — what should a designer go for?
Identifying established patterns in the market.
Design to save people from themselves
How software can prevent people from making mistakes, causing permanent damage, or bringing about the collapse of democracy.
Your Website Owes You Money
How to make your site generate more leads, increase revenue, and save on engineering. These are the best design principles to follow when creating a web system instead of a website. Brought to you by one of the world's best product studios.
Road to being a better designer🤌
🗺️ Learning Board
Designing Filters That Work: Best Practices and Guidelines — Smashing Magazine
Too often dealing with filters can be frustrating. Let’s get them right. That means never freeze the UI on a single input, provide text input fallback and never auto-scroll users on a single input. Here’s why.
Naming Layers - Design good practices
Guidelines to naming conventions, components structure and document organization.
Naming
Organization - Design good practices
Guidelines to naming conventions, components structure and document organization.
Organization
Atomic Design v2.0
Revisiting the Atomic Design Method for Design Systems
Naming components
Guide to creating a taxonomic glossary of Design System components, properties, and values.
The UI Prep Blog
In-depth guides and resources about everything you need to know to succeed in product design.
My design learning documentation in 2022 Recap (before updated)
Issue #4
Configuring Chips
Refining chips in our design system with visual and usage distinctions
Selection controls — UI component series
Making choices never was more satisfying. A detailed look at checkboxes, radio buttons, and toggles design.
The anatomy of a button — UI component series
All you need to know about button design, one of the main interactive building blocks for creating a user interface.
Component Visual Test Cases
Like code, prove Figma shows what and changes as you expect
Form design - Co-op Experience Library
Find out how to design forms for digital products and services for Co-op.
Color psychology of design:
So, let’s talk about colors!
Color
The 7 secrets for creating balanced page layouts
Apply these essential tips whether you’re designing page layouts for print, web or app UIs.
Creating High Quality Microinteractions & UX Interaction Patterns - Pencil & Paper
How you can create excellent interactions, how to define high quality and low quality interactions across a complex product
Spatial computing: the evolution of UI and the future of digital interactions
Apple’s Vision Pro headset has sparked both excitement and scepticism within the tech industry. This latest venture into spatial computing…
DESKTOP AND MOBILE FONT SIZES (Learn how to use Typography when you create responsive designs.)
“UI/UX Designers 👨💻🚀
Learn how to use Typography when you create responsive designs.
You can use the same semantic names, but change the value.
Read more in the thread 👍🚀
Save this post for later, RT and share with friends 🚀 🧵”
Learn how to use Typography when you create responsive designs.
Common mistakes encountered by junior designer - Vee on Twitter
“[A Thread 🧵] - Indonesian
Kita sering dengar istilah "From Zero to Hero".
Mungkin beberapa dari kalian sedang ada di fase awal, a zero. Atau sudah pernah mendesain tanpa ada guidance sama sekali. And making mistakes as a beginner.
It's okay! Belajar dan baca tulisanku ini.”
skills yang harus dipelajari beyond visual design - Galuh NAP on Twitter
“"Gw udah jago nih bikin visual design (UI), terus mesti ngapain lagi?"
Minggu kemarin gw bikin tulisan tentang: kalo mau jadi product designer dimulai dengan fokus belajar tools & visual design dulu aja.
Di tulisan kedua ini, gw coba ngebahas skills yang harus dipelajari beyond…”
skills yang harus dipelajari beyond visual design
Personal thoughts on why website have vertical top-level hierarchy and apps horizontal top-level hierarchy - Anthony Hobday on Twitter
“Have you ever noticed that websites usually have a vertical top-level hierarchy, and apps usually have a horizontal top-level hierarchy?
Interesting to think about why this is. I suspect it's a few reasons, so I'll write them here as I think about them.”
Redesign complex chip components in a design system - Patrick Morgan on Twitter
“My team had this Chip @figma component hanging out causing us grief / being mostly useless, so I started cleaning it up this afternoon.
(we use a wrapped version of MUI, so there are some constraints on what I can remove/change)
Old (left) vs. New (right) 👇”