Lynda - Adobe XD - Building a Responsive Component Library [AhLaN...
- Category Other
- Type Tutorials
- Language English
- Total size 236.6 MB
- Uploaded By abidmail
- Downloads 313
- Last checked 1 week ago
- Date uploaded 5 years ago
- Seeders 6
- Leechers 7
Instructor : Dani Beaumont
Last update : Dani Beaumont
Duration : Dani Beaumont
source : lynda
Explore using Adobe XD to build out a component library that can be easily adapted and updated from project to project. Instructor Dani Beaumont covers efficiently designing for multiple screen resolutions, correcting hierarchy and responsive resize behavior to mimic real-world scenarios, creating and managing states (sprites), and more. Plus, Dani shares a variety of tips and tricks along the way.
Topics include:
Building component masters and instances
Converting objects to components
Nesting components
Atomic Design methodology
Using repeat grid with components
Using states and micro-interactions
Creating component states to organize content
Using states to represent breakpoints
Adjusting elements for a tablet layout
Files:
Lynda - Adobe XD - Building a Responsive Component Library [AhLaN] 1 - Introduction- 01 - Building out a responsive component library.mp4 (28.4 MB)
- 02 - About the exercise files.mp4 (3.0 MB)
- Cover.jpg (676.4 KB) 2 - 1. Building Component Masters and Instances
- 03 - Components are supercharged symbols.mp4 (3.6 MB)
- 04 - Exploring button design variations.mp4 (1.6 MB)
- 05 - Converting objects to components.mp4 (7.0 MB)
- 06 - Creating and styling component instances.mp4 (12.3 MB)
- 07 - Understanding component inheritance.mp4 (5.8 MB)
- 08 - The advantages of atomic design.mp4 (3.0 MB)
- 09 - Using Repeat Grid with components.mp4 (5.7 MB)
- 10 - Replacing nested components.mp4 (9.4 MB)
- 11 - Introducing states.mp4 (3.5 MB)
- 12 - Creating component states to organize content.mp4 (27.1 MB)
- 13 - Adding a hover transition between states.mp4 (11.4 MB)
- 14 - Adding additional custom states and transitions.mp4 (16.1 MB)
- 15 - Using states for layout variations.mp4 (5.9 MB)
- 16 - Building alternate layouts with responsive resize.mp4 (18.8 MB)
- 17 - Applying responsive states to a slideshow component.mp4 (11.2 MB)
- 18 - Using responsive resize at an artboard level.mp4 (3.5 MB)
- 19 - Defining responsive resize at an artboard level.mp4 (4.2 MB)
- 20 - Adjusting elements for a tablet layout.mp4 (25.8 MB)
- 21 - Where to go from here.mp4 (3.1 MB)
- AdobeXD_Responsive_Components.xd (12.7 MB)
- AdobeXD_Responsive_Components_After.xd (12.9 MB)
There are currently no comments. Feel free to leave one :)
Code:
- udp://tracker.coppersurfer.tk:6969/announce
- udp://tracker.leechers-paradise.org:6969/announce
- udp://9.rarbg.to:2710/announce
- udp://exodus.desync.com:6969/announce
- udp://tracker.uw0.xyz:6969/announce
- udp://open.stealth.si:80/announce
- udp://tracker.tiny-vps.com:6969/announce
- udp://open.demonii.si:1337/announc4
- udp://explodie.org:6969/announce
- udp://tracker.torrent.eu.org:451/announce
- udp://tracker.kamigami.org:2710/announce
- udp://retracker.akado-ural.ru:80/announce
- udp://opentor.org:2710/announce
- udp://tracker.lelux.fi:6969/announce
- udp://valakas.rollo.dnsabr.com:2710/announce