JavaScriptが無効です。ブラウザの設定でJavaScriptを有効にしてください
再生時間:
投稿日:
動画サイト:
画質:
In this animation, we explain what Atomic Design is and why you should be using Atomic Design in your next web design and build.
YouTube-Proctor + Stevenson
What is atomic design?
Atoms
What are organisms?
How does it work?
Atomic Design Benefits
Atomic Design Templates
Testing the design
Recap
What is Atomic Design? What are design systems? How can you speed up your web design process? Ever set out on a website or interface design ...
YouTube-The Futur
Intro
Page Templates and UI Style Guides
Atomic Design
Note about Atoms
Templates and Pages
Patterns
Build Each Component Using Smaller Components
Collaboration
We've seen the web community create style tiles, element collages, style guides, pattern libraries, and a slew of other tools in order to ...
YouTube-An Event Apart
Bootstrap and UI frameworks
Pattern Libraries
Data tables
5 Stages of Atomic Design
Instagram example
Atomic Design Patterns
User levels
Atomic Design Example
Front end development
Outro
... Atomic design methodology. In the process of researching, we had trouble finding a simple and elegant video solution to use as a visual aid ...
YouTube-Matt Hazard UXD
Organism templates
Learn more about Atomic Design
chantastic asks Brad Frost about Atomic Design, 7 years later. Brad bet big on the frontend workshop environments before React components ...
YouTube-Chromatic
What is This is Responsive?
When did people start asking for building blocks of design?
Front-end workshop environment
Front-end workshops
What is Atomic Design all about?
Why create a custom framework?
Benefits of isolated development environment
Why testing is hard
Closing thoughts
10 years after Brad Frost released his Atomic Design theory, he asks himself: does it still make sense to build design systems and ...
YouTube-Hatch Conference
Brand Style Guides
Design Tokens
Web Components
Header
Date Picker
Speaker: Brad Frost Creating adaptive interfaces is challenging, but thankfully the Web community is hard at work creating flexible, ...
YouTube-UXLx - User Experience Lisbon
Data Tables
Templates
Organism Level
Template
Lineage
Gather Mode
Interface Inventory
Page Design
Atomic design is a methodology consisting of five unique stages that work together to create design systems that are deliberate and ...
YouTube-Themeco
Hero Section
Blog Components
Form Components
Baked in Controls
Edit Parameters
Description: Welcome to my channel! In this video, we dive deep into the world of design systems and explore the fundamental concepts of ...
YouTube-Pixellink
Final Design
Matter
Granularity
Initial Design Frameworks
System Thinking
Border Control
The Iceberg Model
Behavioral Patterns
Mental Models
DESIGN FREEBIES: https://www.giglio-designs.com/freebie In this video we'll learn how to use the Atomic Design framework.
YouTube-Pierluigi Giglio
The Atomic Design Principles
Molecules
Organisms
Scalability
UI UX Classes Online: Looking for a quick career pivot that'll yield positive personal and professional results? In 6 short months, ...
YouTube-Ideate Labs
About Idea Labs
The Future-Friendly Manifesto
Why create a design system?
How do you manage for stressful situations?
Example of disjointed experience
Navigation system
CNN example
Colors
Mentorship program
Q: Is there an area in the channel where you meet more specific communities?
Looking to take your web design skills to the next level? Increase your productivity with my Design System for Designers course: ...
YouTube-WPTuts
What is Atomic Design
Examples of Atomic Design
Shopify
Mailchimp
Benefits of Atomic Design
Summary
What exactly is Atomic Design? Well, it's not about particles or elements, but rather a methodology for creating design systems.
YouTube-Ankit Deshwal - Design
Introduction
What is atomic design
Key steps in atomic design
Benefits of atomic design
Conclusion
This is the seventh episode of the series "Figma best practices". In this episode, you will be introduced to what Atomic Design is and you ...
YouTube-Vaggos Design
Atomic Design Methodology #uxdesign #uidesign #atomic What is Atomic Design? Atomic design is a design methodology created by Brad Frost ...
YouTube-uxable - learning ux together
What is Atomic Design?
ATOMs
Template Design
Final Look
Learn atomic design from its creator, Brad Frost, along with practical tips for running a #designsytem pilot and making key early decisions.
YouTube-Dan Mall
The Value of Pilots for a Design System
Criteria for for Making a Good Pilot Project
Technical Feasibility
Technical Independence
The Workshop and the Storefront
Style Guide Websites
What Atomic Design Is
What Are the Atomic Elements of Our Uis
Brand Books
In this lesson you'll learn how to apply Atomic Design principals to content creation to enable Single Source of Truth (SSoT) in our content ...
YouTube-DatoCMS
Atomic Design Principles
Creating fields
Atoms and Molecules
Editing content
Hero section
Publishing
Atomic Design System Trick
Interfaces are made up of smaller components. This means we can break entire interfaces down into fundamental building blocks and work up ...
YouTube-UX Design Master
Organism Templates
Learn More about Atomic Design
In this video we'll learn about the Atomic Design Principles. Design Resources My Website: www.giglio-designs.com Newsletter: ...
YouTube-Giglio Designs
Hey everyone, In this video we will talk about - 1. What is Atomic Design Pattern? 2. How to use it to structure our folder. 3.
YouTube-Coding Journey With Akash
What Is Atomic Design
React Boilerplate
What Is Atoms
Pages
What Is Storybook
Install the Storybook
Create a Story
The Atomic Design via Storybook