JavaScriptが無効です。ブラウザの設定でJavaScriptを有効にしてください
再生時間:
投稿日:
動画サイト:
画質:
js #テクノロジー #エンジニア #どんぶラッコ #アトミックデザイン 00:00 はじめに01:02 Atomic Desingn とは01:36 電卓を分解してみよう08:32 まとめ ...
YouTube-どんぶラッコ
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
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 #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 Design
Final Look
Benefits of Atomic Design
Summary
Conclusion
We recently had to create a client presentation for our mobile-first responsive design workflow. Typically we explain this in bits and ...
YouTube-Matt Hazard UXD
Organism templates
Learn more about Atomic Design
Checkout the part-1 of this video here: https://youtu.be/wOL1PV9rH9M Checkout the part-3 of this video here: https://youtu.be/4R1EbB2Rh-A ...
YouTube-Akash Yadav
Intro
What is Atomic Design Framework
What is Atomic Design Theory
Molecules
Organisms
Templates or pages
Atomic Design Theory Recap
Templates
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
Page Templates and UI Style Guides
Atomic Design
Note about Atoms
Templates and Pages
Patterns
Build Each Component Using Smaller Components
Collaboration
In this video we'll learn about the Atomic Design Principles. Design Resources My Website: www.giglio-designs.com Newsletter: ...
YouTube-Giglio Designs
The Atomic Design Principles
Design Tokens
... atomic-web-design/ Figma file used in this video https://www.figma.com/community/file/1029401397261797372/Atomic-Design-Scaffold-Tutorial ...
YouTube-Stijlbreuk
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
Header
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
Episode 2: Set up an Atomic Design Structure In this episode, I'll show you how to quickly set up your Sketch file to better accommodate the ...
YouTube-vaexperience
How to structure your files
Design system file structure
What is an experimental design system?
Creating headers
Creating Symbols
How to navigate your design system
Adding a structure to a page template
Adding a MS Teams page
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
Organism Level
Template
Lineage
Gather Mode
Interface Inventory
Page Design
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
DESIGN FREEBIES: https://www.giglio-designs.com/freebie In this video we'll learn how to use the Atomic Design framework.
YouTube-Pierluigi Giglio
Scalability
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
This talk introduces the basic concepts of atomic design and will help you understand and know more about who invented it, what atomic ...
YouTube-freeCodeCamp.org
Atomic Design Manifesto
What do I do?
What is an ATOM?
Why Atomic Design?
Apply Atomic Design to Development
Consistency
Why I like to build in HTML, CSS, and JavaScript
What are particles?
"We're not designing pages anymore. We're designing systems of components." As with most things Stephen Hay says, he's right. Over the past few years, ...
UI Talks
https://ui8.net/users/ui-ux-designer The modular design encourages us to think and design user interfaces and user experiences in patterns.
YouTube-UX Design Master
Modular Design Perspective
Documenting Atomic Design System
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?