filmov
tv
Working with UI Style Guides
Показать описание
🎯 Speak with a SaaS expert!
🔔 ✅ Subscribe to our channel to learn about SaaS, Product Design, Product-Led Growth and much, much more!
In this video we talk about UI style guides and their benefits. We work with style guides in order to develop a consistent design styling across an application. However they also have additional benefits such as speeding up design work and making life easier for developers too. This is because there's always a reference to any style treatment, meaning that designers don't need to reinvent the wheel, and developers can easily find styling treatments for screens and components they are building.
Furthermore, style guides are also a great tool for collaboration. In as team everyone has one source of reference and their work can be sense checked against the styling specifications. If a team member leaves, you don't lose as much design capability that's attributed to individual skill. Likewise if a team member joins, they can be onboarded easily, with a useful design reference.
About UserActive
We're a product design agency based in Barcelona. We help SaaS founders create meaningful products users love. On this channel we teach everything we know about how to improve your product, get more users and grow.
📘 FREE Download
How to turn your product into a growth machine
✏️ Talk to us
If you’re interested in our UX/UI design services please visit:
🗣️ Join 11K SaaS Founders
SaaS Founders, Build & Scale FB Group
⏱️ Timestamps
0:00 - Intro
0:52 - What is a UI Style Guide?
1:59 - Style Guide Example
4:28 - Conclusion
🔔 ✅ Subscribe to our channel to learn about SaaS, Product Design, Product-Led Growth and much, much more!
#saas #uxdesign #uidesign
🔔 ✅ Subscribe to our channel to learn about SaaS, Product Design, Product-Led Growth and much, much more!
In this video we talk about UI style guides and their benefits. We work with style guides in order to develop a consistent design styling across an application. However they also have additional benefits such as speeding up design work and making life easier for developers too. This is because there's always a reference to any style treatment, meaning that designers don't need to reinvent the wheel, and developers can easily find styling treatments for screens and components they are building.
Furthermore, style guides are also a great tool for collaboration. In as team everyone has one source of reference and their work can be sense checked against the styling specifications. If a team member leaves, you don't lose as much design capability that's attributed to individual skill. Likewise if a team member joins, they can be onboarded easily, with a useful design reference.
About UserActive
We're a product design agency based in Barcelona. We help SaaS founders create meaningful products users love. On this channel we teach everything we know about how to improve your product, get more users and grow.
📘 FREE Download
How to turn your product into a growth machine
✏️ Talk to us
If you’re interested in our UX/UI design services please visit:
🗣️ Join 11K SaaS Founders
SaaS Founders, Build & Scale FB Group
⏱️ Timestamps
0:00 - Intro
0:52 - What is a UI Style Guide?
1:59 - Style Guide Example
4:28 - Conclusion
🔔 ✅ Subscribe to our channel to learn about SaaS, Product Design, Product-Led Growth and much, much more!
#saas #uxdesign #uidesign
0:06:08
Working with UI Style Guides
0:10:35
Generating Style Guides in Figma Automatically
0:20:46
Amateur vs Pro UI Design | with examples
0:05:50
Figma Tutorial For Beginners | Style Guides
0:11:05
5 levels of UI skill. Only 4+ gets you hired.
0:06:53
world's shortest UI/UX design course
0:00:15
Start with a style guide always!
0:11:59
Complete Layout Guide
1:31:37
Best Beginner's Guide to React.js | Create Dynamic and Awesome Snackbar Notifications in React....
0:29:46
Digital Style Guides: Mini-Lesson - 'UI & Front-End Architecture for Style Guides'
0:09:40
Design Systems, Pattern Libraries & Style Guides... Oh My!
0:00:14
Get your free design style guide templates! Create a consistent UI.
0:11:26
See How Design System and Style Guide works? | How to create them?
0:21:25
Me, Myself and UI: Applying UI style guides to Power BI reports
0:08:08
Using Style Guides in Web Design - Workflow of Modern web Design course
0:04:50
How To Create Brand Style Guides Like A Pro (FREE TEMPLATE)
0:12:20
Basic Design Systems & Style Guides for App Design
0:03:32
Move Styles Between Figma Files in 5 Seconds
1:01:48
Office hours: Building style guides
0:13:11
Creating A Style Guide From Scratch (Real Example)
0:04:28
UI Design Tips for a Better Data Table UX
0:09:08
How to Create A Brand Style Guide from Scratch in Figma | Quick & Easy Tutorial
0:01:00
Design Like a Pro with a Comprehensive Style Guide
0:12:22
Become a UI/UX designer in 2024 - A step by step guide
Комментарии