Belajar UI

200 bookmarks
Custom sorting
Design to save people from themselves
Design to save people from themselves
How software can prevent people from making mistakes, causing permanent damage, or bringing about the collapse of democracy.
·brianlovin.com·
Design to save people from themselves
Your Website Owes You Money
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.
·fictivekin.com·
Your Website Owes You Money
Naming Layers - Design good practices
Naming Layers - Design good practices
Guidelines to naming conventions, components structure and document organization.
Naming
·goodpractices.design·
Naming Layers - Design good practices
Organization - Design good practices
Organization - Design good practices
Guidelines to naming conventions, components structure and document organization.
Organization
·goodpractices.design·
Organization - Design good practices
Atomic Design v2.0
Atomic Design v2.0
Revisiting the Atomic Design Method for Design Systems
·medium.com·
Atomic Design v2.0
Naming components
Naming components
Guide to creating a taxonomic glossary of Design System components, properties, and values.
·medium.com·
Naming components
The UI Prep Blog
The UI Prep Blog
In-depth guides and resources about everything you need to know to succeed in product design.
·uiprep.com·
The UI Prep Blog
Configuring Chips
Configuring Chips
Refining chips in our design system with visual and usage distinctions
·tiffzheng.com·
Configuring Chips
Selection controls — UI component series
Selection controls — UI component series
Making choices never was more satisfying. A detailed look at checkboxes, radio buttons, and toggles design.
·uxdesign.cc·
Selection controls — UI component series
The anatomy of a button — UI component series
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.
·uxdesign.cc·
The anatomy of a button — UI component series
Component Visual Test Cases
Component Visual Test Cases
Like code, prove Figma shows what and changes as you expect
·medium.com·
Component Visual Test Cases
DESKTOP AND MOBILE FONT SIZES (Learn how to use Typography when you create responsive designs.)
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.
·twitter.com·
DESKTOP AND MOBILE FONT SIZES (Learn how to use Typography when you create responsive designs.)
Common mistakes encountered by junior designer - Vee on Twitter
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.”
·twitter.com·
Common mistakes encountered by junior designer - Vee on Twitter
skills yang harus dipelajari beyond visual design - Galuh NAP on Twitter
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
·twitter.com·
skills yang harus dipelajari beyond visual design - Galuh NAP on Twitter
Personal thoughts on why website have vertical top-level hierarchy and apps horizontal top-level hierarchy - Anthony Hobday on Twitter
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.”
·twitter.com·
Personal thoughts on why website have vertical top-level hierarchy and apps horizontal top-level hierarchy - Anthony Hobday on Twitter
Redesign complex chip components in a design system - Patrick Morgan on Twitter
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) 👇”
·twitter.com·
Redesign complex chip components in a design system - Patrick Morgan on Twitter
Thoughts on perfecting design card for the dashboard - Sukh - SEO + AI 🔥 on Twitter
Thoughts on perfecting design card for the dashboard - Sukh - SEO + AI 🔥 on Twitter
“I spent 4 hours perfecting this card design for the dashboard Super happy with how it turned out! Here's all my design thoughts: 1. I felt the original had too much white space and not enough actions 2. Added cog for settings, moved everything to a horizontal layout to fill…”
design thoughts:
·twitter.com·
Thoughts on perfecting design card for the dashboard - Sukh - SEO + AI 🔥 on Twitter
Bottom Sheets: Definition and UX Guidelines
Bottom Sheets: Definition and UX Guidelines
A bottom sheet is a user-interface pattern used commonly in mobile apps for providing contextual details or controls in the lower area of the screen.
·nngroup.com·
Bottom Sheets: Definition and UX Guidelines
Animate with springs - WWDC23 - Videos - Apple Developer
Animate with springs - WWDC23 - Videos - Apple Developer
Discover how you can bring life to your app with animation! We'll show you how to create amazing animations when you take advantage of...
·developer.apple.com·
Animate with springs - WWDC23 - Videos - Apple Developer