Using Atomic Design
This video lesson is part of the tutorial “Designing in a Modular Way". You can view the written tutorial at http://bit.ly/2A9Lhxe
Atomic design is a concept developed by Brad Frost. Learn more about it at http://bradfrost.com/blog/post/atomic-web-design/
------
About the Tutorial
Modular design encourages us to think and design user interfaces and user experiences in patterns. For example, instead of designing a series of pages or views to enable a user to accomplish a task, the design process starts by first understanding the way the UI system is structured and which components that can be used to create the user flow.
In this course, we will explore the concepts of modular design and their application to UI design. We will also delve into how you can create designs in a modular way and how you can use a living style guide to aide the process. See more at http://www.styleguidedrivendevelopment.com
Видео Using Atomic Design канала Bitovi UX & Design
Atomic design is a concept developed by Brad Frost. Learn more about it at http://bradfrost.com/blog/post/atomic-web-design/
------
About the Tutorial
Modular design encourages us to think and design user interfaces and user experiences in patterns. For example, instead of designing a series of pages or views to enable a user to accomplish a task, the design process starts by first understanding the way the UI system is structured and which components that can be used to create the user flow.
In this course, we will explore the concepts of modular design and their application to UI design. We will also delve into how you can create designs in a modular way and how you can use a living style guide to aide the process. See more at http://www.styleguidedrivendevelopment.com
Видео Using Atomic Design канала Bitovi UX & Design
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Centralizing Documentation by Using a Living Style Guide](https://i.ytimg.com/vi/6959Cpvnc7A/default.jpg)
![Living Style Guides vs Traditional Style Guides](https://i.ytimg.com/vi/_lOJJaeBVLg/default.jpg)
![The Beauty of Living Style Guides](https://i.ytimg.com/vi/QP1A5pbySlI/default.jpg)
![Why Use Style Guide Driven Development?](https://i.ytimg.com/vi/GVhxvJR4V7Y/default.jpg)
![Creating a Page in a Living Style Guide](https://i.ytimg.com/vi/sdAx4MxSz44/default.jpg)
![Style Guide Driven Development: The Integration Phase](https://i.ytimg.com/vi/sTYUqqzo5Us/default.jpg)
![Common Pitfalls of Using a Living Style Guide](https://i.ytimg.com/vi/uLQ-NFxlhXI/default.jpg)
![Advantages of Using a Living Style Guide](https://i.ytimg.com/vi/Ad5-n-9Sdlo/default.jpg)
![Adding Documentation in a Stylesheet in a Living Style Guide](https://i.ytimg.com/vi/XgPEn8OVG3o/default.jpg)
![Using a Living Style Guide to Create a Common Language](https://i.ytimg.com/vi/5nA_pu6EVa8/default.jpg)
![Making Your Designs Modular](https://i.ytimg.com/vi/47h_fYP6mcU/default.jpg)
![Installing the Sample Application to Create a Living Style Guide](https://i.ytimg.com/vi/3AM25h1RM8M/default.jpg)
![What is Style Guide Driven Development?](https://i.ytimg.com/vi/HOwa65K0qkg/default.jpg)
![Creating Sections in a Living Style Guide](https://i.ytimg.com/vi/eXue1E4TGlU/default.jpg)
![Style Guide Driven Development: The Abstraction Phase](https://i.ytimg.com/vi/KO4NEArNMr8/default.jpg)
![Style Guide Driven Development: The Implementation & Documentation Phase](https://i.ytimg.com/vi/kZnF3Z9h74Y/default.jpg)
![Style Guide Driven Development: The Discovery Phase](https://i.ytimg.com/vi/sxSX26zATQY/default.jpg)
![Modular vs Homogenous Design](https://i.ytimg.com/vi/N_5YtTQduhg/default.jpg)
![Examples of Modular User Interface Design](https://i.ytimg.com/vi/agPAklO7slY/default.jpg)
![Introduction to Modular Design](https://i.ytimg.com/vi/20JP8w6_nVA/default.jpg)