ibing 销售页面：hXXps://www.memorisely.com/
Memorisely 提供现场和随时点播的训练营，帮助你通过 Figma 重点培训掌握 UX/UI 设计技能。
课程适合所有经验水平，提供实际练习、每周直播课程以及个人反馈。你可以选择为期 5 周、8 周或 26 周的训练营，涵盖 UX/UI 设计、视觉设计、Figma 和设计系统等主题。
课程注重实践和互动，确保你在支持性强的学习小组中，边学边实践，培养真正的工作技能。Memorisely 还提供丰富的随时点播的 UX/UI 视频教程，内容涵盖 Figma 工具、视觉设计、动效设计等。
进度追踪和实践练习帮助你保持动力和高效学习。Memorisely offers live and on-demand bootcamps to help you master UX/UI design skills through Figma-focused training.
Courses cater to all experience levels, offering practical exercises, weekly live sessions, and personal feedback.Choose from 5-week, 8-week, or 26-week bootcamps on topics like UX/UI Design, Visual Design, Figma, and Design Systems.
Classes are practical and interactive, ensuring you build real-world skills while working in a supportive cohort.Memorisely also provides a vast on-demand library of UX/UI video tutorials on Figma tools, visual design, motion design, and more.
Progress tracking and practical exercises keep you motivated and productive.
- 教程编号：0271924782
- 教程语言：英语 / 无字幕
- 安全扫描：无病毒无插件 / 云查杀 Virustotal Virscan
- 培训机构：未知 / IMJMJ
- 文件大小：22.52GB
- 文件格式：视频 / 文档 / 图文
- 压缩软件：7ZIP
- 视频播放：完美解码
│ └─Memorisely – Online UXUI Design Training
│ ├─1. Career
│ │ ├─1. AI Prompt Theory
│ │ │ ├─1. Understanding the Fundamentals of Machine Learning
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. ML Foundations[ aixinshou.com ].mp4
│ │ │ │ 3. 02.mp4
│ │ │ │
│ │ │ ├─2. Understanding the Fundamentals of Deep Learning
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Ai, Ml, DL[ aixinshou.com ].mp4
│ │ │ │ 3. ML Recap.mp4
│ │ │ │ 4. ML Vs DL.mp4
│ │ │ │
│ │ │ ├─3. Understanding Natural Language Processing in ChatGPT
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. NLP AI DL, ML[ aixinshou.com ].mp4
│ │ │ │ 3. Prompt.mp4
│ │ │ │ 4. NLP Flow.mp4
│ │ │ │
│ │ │ └─4. Mastering ChatGPT Prompt Design Principles
│ │ │ 1. Intro.mp4
│ │ │ 2. Prompt Engineering[ aixinshou.com ].mp4
│ │ │ 3. SPECIFY IT.mp4
│ │ │ 4. Extraction.mp4
│ │ │ 5. ChatGPt Prompt.mp4
│ │ │
│ │ ├─2. AI Stakeholder Scripts
│ │ │ ├─1. Understanding Stakeholder Interview Types to create ChatGPT Prompts
│ │ │ │ 1. Intro.mp4
│ │ │ │ 3. Objectives.mp4
│ │ │ │
│ │ │ └─2. ChatGPT Interview Script For Engaging Product Managers On User Needs
│ │ │ 1. Intro.mp4
│ │ │ 3. Prompt.mp4
│ │ │
│ │ ├─3. Job Interviews
│ │ │ ├─1. Introduction to Interview Stages
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Section One[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─10. Questions To Ask during Screening Interview
│ │ │ │ 1. Screening Questions.mp4
│ │ │ │ 2. 5Wrapping Up[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─2. Understanding Screening & Phone Interviews
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Section Two[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─3. Understanding Behavioural Interviews
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Section Three[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─4. Understanding Portfolio Reviews
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Section Four[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─5. Understanding Interview Design Challenge
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Section Five 540p[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─6. Preparing for a Job Screening Interview
│ │ │ │ 1. Screening Intervoew Intro.mp4
│ │ │ │ 2. 1Screening[ aixinshou.com ].mp4
│ │ │ │ 3.5Screening.mp4
│ │ │ │
│ │ │ ├─7. Answering Background Screening Interview Questions
│ │ │ │ 1. Screening Background Questions.mp4
│ │ │ │ 2. Background Questions[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─8. Answering Technical Screening Interview Questions
│ │ │ │ 1. Screening Technical Questions.mp4
│ │ │ │ 2. 3Tech Questions[ aixinshou.com ].mp4
│ │ │ │
│ │ │ └─9. Answering Behavioural Screening Interview Questions
│ │ │ 1. Screening Behavioural Questions.mp4
│ │ │ 2. 4Behavioural Questions[ aixinshou.com ].mp4
│ │ │
│ │ └─4. UI.UX portfolio
│ │ ├─1. Creating a Responsive UX.UI Portfolio in Framer
│ │ │ 0. Intro.mp4
│ │ │ 1. Navigation Bar.mp4
│ │ │ 10. Footer.mp4
│ │ │ 2. Navigation Elements[ aixinshou.com ].mp4
│ │ │ 3. Navigation Components.mp4
│ │ │ 4. Adding A Hero Section To Our Portfolio.mp4
│ │ │ 7. Creating A Card Component With Text And Images.mp4
│ │ │ 8. Creating Card Variants.mp4
│ │ │ 9. Adding About Section To Portfolio.mp4
│ │ │
│ │ └─2. Creating a Responsive Case Study Portfolio Page in Framer
│ │ 0. IMG396 2.mp4
│ │ 0. Intro Design Features.mp4
│ │ 1. Creating A Scalable Project Page.mp4
│ │ 10. Linking Pages.mp4
│ │
│ ├─2. Figma
│ │ ├─1. Figma AI
│ │ │ ├─1. Introduction to Figma AI Design, Writing, and Image Tools
│ │ │ │ 1. Figma AI Features440p.mp4
│ │ │ │ 2. Writing AI Tools[ aixinshou.com ].mp4
│ │ │ │ 3. Figma AI Design Tools.mp4
│ │ │ │ 4. Image AI Editing.mp4
│ │ │ │
│ │ │ ├─2. Master using Figma AI Writing Tools
│ │ │ │ 1. Riffing And Writing Class Intro.mp4
│ │ │ │ 2. Translate To[ aixinshou.com ].mp4
│ │ │ │ 3. Shorten To.mp4
│ │ │ │ 4. Reqrite This.mp4
│ │ │ │
│ │ │ ├─3. Master using Figma AI Design Tools
│ │ │ │ 0. Intro Design Features.mp4
│ │ │ │ 001 7 Rules of the Game.mp4
│ │ │ │ 1. 0 Design A Screen AI.mp4
│ │ │ │ 2. 02 Prototype[ aixinshou.com ].mp4
│ │ │ │ 3. 0 Renaming Layers.mp4
│ │ │ │ 4. 0 Replace Content.mp4
│ │ │ │
│ │ │ └─4. Master using Figma AI Image Tools
│ │ │ 1. 00 Image Ai Tools.mp4
│ │ │ 2. 0 Add Image[ aixinshou.com ].mp4
│ │ │ 3. 0 Remove Background.mp4
│ │ │
│ │ ├─2. Layers
│ │ │ ├─1. Introduction to Figma Layers
│ │ │ │ 1. Intro To Figma Layers - Intro.mp4
│ │ │ │ 2. Intro To Figma Layers[ aixinshou.com ].mp4
│ │ │ │ 3. Importance Of Figma Layers.mp4
│ │ │ │ 4. Managing Layers In Figma.mp4
│ │ │ │
│ │ │ ├─2. Complete Guide
│ │ │ │ 1. Shape Layers - Intro.mp4
│ │ │ │ 2. Shape Layers - Creating Basic Shapes[ aixinshou.com ].mp4
│ │ │ │ 3. Shape Layers - Styling Options.mp4
│ │ │ │ 4. Manipulation And Transformation.mp4
│ │ │ │ 5. Boolean Operations.mp4
│ │ │ │
│ │ │ ├─3. Text Layers in Figma. Adding, Editing & Styling
│ │ │ │ 1. Text Layers - Intro.mp4
│ │ │ │ 2. Adding And Editing Text[ aixinshou.com ].mp4
│ │ │ │ 3. Styling Options.mp4
│ │ │ │ 4. Text Styles.mp4
│ │ │ │
│ │ │ ├─4. Image Layers in Figma. Importing, Editing & Styling
│ │ │ │ 1. Image Layers - Intro.mp4
│ │ │ │ 2. Importing Images[ aixinshou.com ].mp4
│ │ │ │ 3. Adding Images To Layers.mp4
│ │ │ │ 4. Editing And Adjusting.mp4
│ │ │ │ 5. Styling Options.mp4
│ │ │ │
│ │ │ ├─5. Video Layers in Figma. Importing, Editing & Styling
│ │ │ │ 1. Video Layers - Intro.mp4
│ │ │ │ 2. Importing Videos[ aixinshou.com ].mp4
│ │ │ │ 3. Adding Videos To Layers.mp4
│ │ │ │ 4. Editing And Adjusting.mp4
│ │ │ │ 5. Styling Video Layers.mp4
│ │ │ │
│ │ │ ├─6. Vector Layers in Figma. Creating, Manipulating & Styling
│ │ │ │ 1. Vector Layers Intro.mp4
│ │ │ │ 2. Manipulating Basic Shapes[ aixinshou.com ].mp4
│ │ │ │ 3. Bezier Handles.mp4
│ │ │ │ 4. Creating Vectors From Scratch.mp4
│ │ │ │ 5. Text To Vector.mp4
│ │ │ │ 6. Styling Vectors.mp4
│ │ │ │
│ │ │ ├─7. Special Layers in Figma. Group, Mask and Component Layers
│ │ │ │ 1. Special Layers.mp4
│ │ │ │ 2. Group Layers[ aixinshou.com ].mp4
│ │ │ │ 3. Mask Layers.mp4
│ │ │ │ 4. Component Layers.mp4
│ │ │ │
│ │ │ ├─8. Nested Layers in Figma. Definition & Best Practices
│ │ │ │ 1. Nested Layers - Intro.mp4
│ │ │ │ 2. Nested Layers[ aixinshou.com ].mp4
│ │ │ │ 3. Best Practices For Nested Layers.mp4
│ │ │ │ 4. Creating Nested Layers.mp4
│ │ │ │ 5. Naming Layers In Figma Using AI.mp4
│ │ │ │
│ │ │ └─9. Auto Layout Frame Layers in Figma. Understanding the Basics
│ │ │ 1. Auto Layout Frame Layers Intro.mp4
│ │ │ 2. Auto Layout Frame Layers[ aixinshou.com ].mp4
│ │ │ 3. Setting Up Auto Layout Frame Layers.mp4
│ │ │ 4. Advanced Auto Layout Settings.mp4
│ │ │ 5. Nested Auto Layout Frame Layers.mp4
│ │ │ 6. Creating Auto Layout Frame Components.mp4
│ │ │
│ │ ├─3. Figma Pages
│ │ │ ├─1. Introduction to Figma Pages. Complete Guide
│ │ │ │ 1. Intro To Figma Pages - Intro.mp4
│ │ │ │ 2. Intro To Figma Pages[ aixinshou.com ].mp4
│ │ │ │ 3. Application Of Figma Pages.mp4
│ │ │ │ 4. Best Practices.mp4
│ │ │ │ 5. Thumbnail Pages.mp4
│ │ │ │
│ │ │ └─2. Creating a Master Design File in Figma
│ │ │ 0. Memorisely Intro To Figma Pages.fig
│ │ │ 1. Master Design File - Outcome.mp4
│ │ │ 2. Creating And Organizing Figma Pages[ aixinshou.com ].mp4
│ │ │ 3. Creating A Thumbnail Frame.mp4
│ │ │
│ │ ├─4. Figma Slides 101
│ │ │ ├─1. Introduction to Figma Slides
│ │ │ │ 1. Intro To Figma Slides.mp4
│ │ │ │ 2. Intro Figma Slides[ aixinshou.com ].mp4
│ │ │ │ 3. Usage Of Figma Slides.mp4
│ │ │ │
│ │ │ ├─2. Navigating the Figma Slides Editor
│ │ │ │ 1. Intro Figma Slides Editor.mp4
│ │ │ │ 2. 4 Regions[ aixinshou.com ].mp4
│ │ │ │ 3. Left Side Bar.mp4
│ │ │ │ 4. Canvas.mp4
│ │ │ │ 5. Right Sidebar.mp4
│ │ │ │ 6. Toolbar.mp4
│ │ │ │
│ │ │ ├─3. Slide vs Design Mode in Figma Slides
│ │ │ │ 0. Memorisely Slide Vs Design Mode.deck
│ │ │ │ 1. Intro Slides Vs Design Mode.mp4
│ │ │ │ 2. Slide Vs Design Mode[ aixinshou.com ].mp4
│ │ │ │ 3. Slide Vs Design Mode Learn By Doing.mp4
│ │ │ │
│ │ │ ├─4. Mastering Layout Grids in Figma Slides Templates
│ │ │ │ 0. Memorisely_Using_a_Figma_Slides_Template
│ │ │ │ 1. Intro Layout Grid.mp4
│ │ │ │ 2. Using Layout Grids[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─5. Image Editing in Figma Slides Templates
│ │ │ │ 0. Memorisely_Using_a_Figma_Slides_Template
│ │ │ │ 1. Intro Editing Images.mp4
│ │ │ │ 2. Editing Images In Figma Slides[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─6. Managing Template Colors in Figma Slides Templates
│ │ │ │ 0. Memorisely_Using_a_Figma_Slides_Template
│ │ │ │ 1. Intro Template Colors.mp4
│ │ │ │ 2. Understanding Template Colors Figma Slides.mp4
│ │ │ │
│ │ │ ├─7. Using Adjust Tone in Figma Slides Templates
│ │ │ │ 0. Memorisely_Using_a_Figma_Slides_Template
│ │ │ │ 1. Intro Adjust Tone.mp4
│ │ │ │ 2. Using Adjust Tone In Figma Slides[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─8. Adding Live Interactions in Figma Slides Templates
│ │ │ │ 1. Intro Live Interaction.mp4
│ │ │ │ 2. Poll[ aixinshou.com ].mp4
│ │ │ │ 3. Live Prototype.mp4
│ │ │ │
│ │ │ └─9. Adding Animations in Figma Slides Templates
│ │ │ 1. Intro Animation.mp4
│ │ │ 2. Animating Slides[ aixinshou.com ].mp4
│ │ │
│ │ ├─5. Figma's New UI
│ │ │ ├─1. Using Figma New UI Navigation Panel
│ │ │ │ 0. Memorisely Figma New UI.fig
│ │ │ │ 1. 00 Navigation Intro.mp4
│ │ │ │ 2FIGMA~1[ aixinshou.com ].MP4
│ │ │ │ 3. 01 Navigation Panel.mp4
│ │ │ │
│ │ │ ├─2. Using Figma New UI Design & Dev Mode Toolbar
│ │ │ │ 1. Toolbar Intro.mp4
│ │ │ │ 2. Toolbar[ aixinshou.com ].mp4
│ │ │ │ 3. Dev Mode.mp4
│ │ │ │ 4. Using The Toolbar.mp4
│ │ │ │ 5. Using Dev Mode.mp4
│ │ │ │
│ │ │ ├─3. Understanding Figma new UI Design Properties Panel
│ │ │ │ 1. PRoperty Intro.mp4
│ │ │ │ 2. 0 Design Properties[ aixinshou.com ].mp4
│ │ │ │ 3. Frame & Position Properties.mp4
│ │ │ │ 4. Layout Properties.mp4
│ │ │ │ 5. Appearance.mp4
│ │ │ │
│ │ │ ├─4. Using Figma New UI Design Properties
│ │ │ │ 1. 00) Design Property Intro.mp4
│ │ │ │ 2. 0 Page & Frame Properties[ aixinshou.com ].mp4
│ │ │ │ 3. Position Attributes.mp4
│ │ │ │ 4. Layout Properties.mp4
│ │ │ │ 5. Appearance.mp4
│ │ │ │ 6. Typography.mp4
│ │ │ │ 7. Fill & Stroke.mp4
│ │ │ │ 8. Grids.mp4
│ │ │ │ 9. Effects.mp4
│ │ │ │
│ │ │ ├─5. Understanding Figma's New UI Prototype Properties
│ │ │ │ 1. Prototype Outcome.mp4
│ │ │ │ 2. 00) Settings[ aixinshou.com ].mp4
│ │ │ │ 3. Prototype Interactions.mp4
│ │ │ │
│ │ │ └─6. Prototyping with Figma's New UI Prototype Properties
│ │ │ 1. Proto Intro.mp4
│ │ │ 2. 0 Proro Settings[ aixinshou.com ].mp4
│ │ │ 3. 0 Overflow Scroll.mp4
│ │ │ 4. 0 Open Overlay.mp4
│ │ │ 5. 0 Close Overlay.mp4
│ │ │ 6. 0 Vertical Scroll.mp4
│ │ │ 7. 0 Add Image.mp4
│ │ │
│ │ └─6. Text Styles in Figma
│ │ ├─1. Overview of Text Styles in Figma
│ │ │ 1. 01 Intro (.mp4
│ │ │ 2. 02 Anatomy[ aixinshou.com ].mp4
│ │ │ 3. 03 Benefits.mp4
│ │ │ 4. 03 Text Styles In Figma.mp4
│ │ │
│ │ ├─2. Creating Text Styles
│ │ │ 0. Creating Text Styles.fig
│ │ │ 1. 01 Intro (.mp4
│ │ │ 2. 02 Body[ aixinshou.com ].mp4
│ │ │ 3. 03 Headings.mp4
│ │ │ 4. 04 Font Weigth.mp4
│ │ │
│ │ ├─3. Managing and updating Text Styles
│ │ │ 0. Managing Text Styles.fig
│ │ │ 1. 01 Intro (.mp4
│ │ │ 2. 02 Managing[ aixinshou.com ].mp4
│ │ │ 3. 03 Updating.mp4
│ │ │ 4. 04 Extending.mp4
│ │ │
│ │ ├─4. Publishing and Importing Text Styles
│ │ │ 0. Importing Text Styles.fig
│ │ │ 1. Intro Publish.mp4
│ │ │ 2. Publishing[ aixinshou.com ].mp4
│ │ │ 3. Importin.mp4
│ │ │
│ │ ├─5. Creating Mobile and Desktop Text Styles
│ │ │ 0. Mobile Desktop Text Styles.fig
│ │ │ 1. 01 Intro (.mp4
│ │ │ 2. 02 Desktop Styles[ aixinshou.com ].mp4
│ │ │ 3. 03 Mobile Styles.mp4
│ │ │ 4. 04 Practice.mp4
│ │ │
│ │ ├─6. Working with Typography Scales
│ │ │ 0. Typograhpy Scales Practice.fig
│ │ │ 03 Practice.mp4
│ │ │ 1. 01 Intro (7).mp4
│ │ │ 2. 02 Theory[ aixinshou.com ].mp4
│ │ │
│ │ └─7. Accessibility in Typography
│ │ 0. Text Accessibility.fig
│ │ 01 Intro (8).mp4
│ │ 02 Font Sizes[ aixinshou.com ].mp4
│ │ 03 Contrast.mp4
│ │ 04 Line Length.mp4
│ │ 05 Practice.mp4
│ │
│ ├─3. UI Exercises
│ │ ├─1. Airbnb
│ │ │ ├─1. Defining & Adding Color Styles
│ │ │ │ 0. Courses UIExercise AirbnbTemplate.fig
│ │ │ │ 1. Intro Airbnb Color.mp4
│ │ │ │ 2. Course Outcome[ aixinshou.com ].mp4
│ │ │ │ 3. UI Exercise Airbnb - Defining Color Styles.mp4
│ │ │ │ 4. UI Exercise Airbnb - Adding Color Styles.mp4
│ │ │ │
│ │ │ ├─10. Chip Component
│ │ │ │ 1. Intro Chip.mp4
│ │ │ │ 2. Airbnb - Chip Component[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─11. Card Component Set
│ │ │ │ 1. Airbnb - Card Outcome.mp4
│ │ │ │ 2. Airbnb - Place Card[ aixinshou.com ].mp4
│ │ │ │ 3. Airbnb - Wishlist.mp4
│ │ │ │ 4. Card - Guest.mp4
│ │ │ │ 5. Card - Saved.mp4
│ │ │ │ 6. Card Comp Set.mp4
│ │ │ │
│ │ │ ├─12. List Item
│ │ │ │ 1. Airbnb - List Item Outcome.mp4
│ │ │ │ 2. List Item[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─13. Home Screen
│ │ │ │ 1. Airbnb - Home Screen Outcome.mp4
│ │ │ │ 2. Airbnb - Home Screen[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─14. Place Screen
│ │ │ │ 1. Airbnb - Place Screen Outcome.mp4
│ │ │ │ 2. Airbnb - Place Screen[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─15. Wishlist Modal
│ │ │ │ 1. Airbnb - Wishlist Modal Outcome.mp4
│ │ │ │ 2. Airbnb - Wishlist Modal[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─16. Saved to Wishlist
│ │ │ │ 1. Airbnb - Saved To Wishlist Outcome.mp4
│ │ │ │ 2. Airbnb - Saved To Wishlist[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─17. Prototyping Screens
│ │ │ │ 1. Airbnb - Prototyping Screens Outcome.mp4
│ │ │ │ 2. Airbnb - Prototyping Screens[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─2. Defining & Adding Text Styles
│ │ │ │ 1. Intro Airbnb Text St.mp4
│ │ │ │ 2. UI Exercise Airbnb - Defining Text Styles[ aixinshou.com ].mp4
│ │ │ │ 3. UI Exercise Airbnb - Adding Text Styles.mp4
│ │ │ │
│ │ │ ├─3. Defining & Adding Grid Style
│ │ │ │ 1. Intro Airbnb Grid.mp4
│ │ │ │ 2. UI Exercise Airbnb - Defining Grid Style[ aixinshou.com ].mp4
│ │ │ │ 3. UI Exercise Airbnb - Adding Grid Style.mp4
│ │ │ │
│ │ │ ├─4. Adding Images as Styles
│ │ │ │ 1. Intro Airbnb Image Style.mp4
│ │ │ │ 2. UI Exercise Airbnb - Adding Images As Styles[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─5. Identifying Components from Screens
│ │ │ │ 1. Intro Identif.mp4
│ │ │ │
│ │ │ ├─6. Navigation Bar Component Set
│ │ │ │ 1. Intro Nav Bar.mp4
│ │ │ │ 2. Navbar Airbnb[ aixinshou.com ].mp4
│ │ │ │ 3. Airbnb Navbar Comp Set.mp4
│ │ │ │
│ │ │ ├─7. Buttons Component Set
│ │ │ │ 1. Intro Buttons.mp4
│ │ │ │ 2. Airbnb - Designing Buttons[ aixinshou.com ].mp4
│ │ │ │ 3. Airbnb - Button Component Set.mp4
│ │ │ │
│ │ │ ├─8. Search Bar Component
│ │ │ │ 1. Intro Search.mp4
│ │ │ │ 2. Airbnb - Search Bar[ aixinshou.com ].mp4
│ │ │ │
│ │ │ └─9. Tab Item Component Set
│ │ │ 1. Intro Tab.mp4
│ │ │ 2. Airbnb - Tab Item[ aixinshou.com ].mp4
│ │ │
│ │ ├─2. Headspace
│ │ │ ├─1. Defining & Adding Color Styles
│ │ │ │ 0. Memorisely Headspace UI Exercise.fig
│ │ │ │ 1. Courses UI Exercise Headspace – Intro.mp4
│ │ │ │ 2. Courses Headspace – Course Outcome[ aixinshou.com ].mp4
│ │ │ │ 3. Courses UI Exercise Headspace – Color Palette.mp4
│ │ │ │ 4. Headspace Color Styles.mp4
│ │ │ │
│ │ │ ├─10. Underline Tabs Component Set
│ │ │ │ 1. Headspace Underline Tabs Intro.mp4
│ │ │ │ 2. Headspace - Underline Tabs State Component Set[ aixinshou.com ].mp4
│ │ │ │ 3. Headspace Underline Tab Variant Component Set.mp4
│ │ │ │
│ │ │ ├─11. List Item Component
│ │ │ │ 1. Headspace - List Item Intro.mp4
│ │ │ │ 2. Headspace - List Item[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─12. Dropdowns Component Set
│ │ │ │ 1. Headspace Dropdowns Intro.mp4
│ │ │ │ 2. Headspace - Dropdowns[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─13. Controls Component
│ │ │ │ 1. Headspace Controls Intro.mp4
│ │ │ │ 2. Headspace - Controls[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─14. Progress Bar Component Set
│ │ │ │ 1. Headspace Progress Bar Intro.mp4
│ │ │ │ 2. Headspace - Progress Bar[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─15. Explore Screen
│ │ │ │ 1. Explore Screen Intro.mp4
│ │ │ │ 2. Headspace Explore Screen - Search Bar[ aixinshou.com ].mp4
│ │ │ │ 3. Headspace - Explore Screen Category Cards.mp4
│ │ │ │ 4. Headspace Explore Screen - Plan Cards.mp4
│ │ │ │ 5. Headspace Explore Screen - Explore Screen.mp4
│ │ │ │ 6. Headspace Explore Screen Nav Bar.mp4
│ │ │ │
│ │ │ ├─16. Category Screen
│ │ │ │ 1. Headspace Category Screen Intro.mp4
│ │ │ │ 2. Headspace Category Screen - Header[ aixinshou.com ].mp4
│ │ │ │ 3. Headspace Category Screen - Screen Title.mp4
│ │ │ │ 4. Headspace Category Screen - Tabs.mp4
│ │ │ │ 5. Headspace Category Screen - Today's Meditation Section.mp4
│ │ │ │ 6. Headspace Category Screen - Nav Bar.mp4
│ │ │ │
│ │ │ ├─17. Meditation Screen
│ │ │ │ 1. Headspace Meditation Screen Intro.mp4
│ │ │ │ 2. Headspace Meditation Screen - Top Bar[ aixinshou.com ].mp4
│ │ │ │ 3. Headspace Meditation Screen - Title.mp4
│ │ │ │ 4. Headspace Meditation Screen - Play Button.mp4
│ │ │ │ 5. Headspace Meditation Screen - Controls And Progress Bar.mp4
│ │ │ │ 6. Headspace Meditation Screen - Background.mp4
│ │ │ │ 7. Headspace Meditation Screen - Second State.mp4
│ │ │ │
│ │ │ ├─18. Prototyping Screens
│ │ │ │ 1. Headspace Prototype Intro.mp4
│ │ │ │ 2. Headspace - Prototype[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─2. Headspace Text Styles
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Courses UI Exercise Headspace – Type Scales[ aixinshou.com ].mp4
│ │ │ │ 3. Courses UI Exercise Headspace – Text Styles.mp4
│ │ │ │
│ │ │ ├─3. Defining & Creating Grid Style
│ │ │ │ 1. Grid Styles Intro.mp4
│ │ │ │ 2. Courses UI Exercise Headspace – Grid Styles[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─4. Conducting A Component Audit
│ │ │ │ 1. Courses UI Exercise Headspace – Intro - Components Audit.mp4
│ │ │ │
│ │ │ ├─5. Creating Auto Layout Navbar Component Set
│ │ │ │ 1. Nav Bar - Intro.mp4
│ │ │ │ 3. Courses UI Exercise Headspace – Nav Bar.mp4
│ │ │ │
│ │ │ ├─6. Creating Headspace Button Component Set
│ │ │ │ 1. Headspace - Buttons Intro.mp4
│ │ │ │ 3. Headspace - Play Buttons.mp4
│ │ │ │ 4. Headspace - Button Component Set.mp4
│ │ │ │
│ │ │ ├─7. Search Bar Component
│ │ │ │ 1. Headspace – Search Bar Intro.mp4
│ │ │ │ 2. Courses UI Exercise Headspace – Search Bar[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─8. Cards Components
│ │ │ │ 1. Headspace Cards Intro.mp4
│ │ │ │ 2. Headspace - Category Cards[ aixinshou.com ].mp4
│ │ │ │ 3. Headspace - Plan Cards.mp4
│ │ │ │ 4. Headspace - Collection Cards.mp4
│ │ │ │ 5. Headspace - Today's Meditation Card.mp4
│ │ │ │ 6. Headspace - Explore Meditation Card.mp4
│ │ │ │
│ │ │ └─9. Tag Component
│ │ │ 1. Headspace - Tag Intro.mp4
│ │ │ 2. Headspace - Tag[ aixinshou.com ].mp4
│ │ │
│ │ ├─3. Netflix
│ │ │ ├─1. Defining & Adding Color Styles
│ │ │ │ 0. Memorisely UI Exercise Netflix.fig
│ │ │ │ 1. Netflix - Outcome Color Styles.mp4
│ │ │ │ 2. Netflix - Defining Color Styles From Screenshots[ aixinshou.com ].mp4
│ │ │ │ 3. Netflix - Adding Color Styles.mp4
│ │ │ │
│ │ │ ├─10. Slider Component Set
│ │ │ │ 1. Netflix - Slider Outcome.mp4
│ │ │ │ 2. Netflix - Slider[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─11. Documentary Films Screen
│ │ │ │ 1. Netflix - Documentary Films Screen Outcome.mp4
│ │ │ │ 2. Netflix - Documentary Films Screen[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─12. Documentary Film Card Screen
│ │ │ │ 1. Netflix - Documentary Film Card Outcome.mp4
│ │ │ │ 2. Netflix - Documentary Film Card[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─13. Player Screen
│ │ │ │ 1. Netflix - Player Outcome.mp4
│ │ │ │ 2. Netflix - Player Screen[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─14. Prototyping Screens
│ │ │ │ 1. Netflix - Prototype Outcome.mp4
│ │ │ │ 2. Netflix - Prototyping Screens[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─2. Defining & Adding Text Styles
│ │ │ │ 1. Netflix - Outcome Text Styles.mp4
│ │ │ │ 2. Netflix - Defining Text Styles From Screenshots[ aixinshou.com ].mp4
│ │ │ │ 3. Netflix - Adding Text Styles.mp4
│ │ │ │
│ │ │ ├─3. Defining & Adding Grid Style
│ │ │ │ 1. Grid Outcome.mp4
│ │ │ │ 2. Netflix- Defining Grid Style[ aixinshou.com ].mp4
│ │ │ │ 3. Netflix - Adding Grid Style.mp4
│ │ │ │
│ │ │ ├─4. Identifying Components from Screens
│ │ │ │ 1. Netflix - Identifying Components Outcome.mp4
│ │ │ │ 2. Netflix - Identifying Components[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─5. Menu Component
│ │ │ │ 1. Netflix - Menu Outcome.mp4
│ │ │ │ 2. Netflix - Menu Component[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─6. Tab Component
│ │ │ │ 1. Netflix - Tab Outcome.mp4
│ │ │ │ 2. Netflix - Tab Component[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─7. Card Buttons Component Set
│ │ │ │ 1. Netflix - Card Buttons Outcome.mp4
│ │ │ │ 2. Netflix - Card Play Button[ aixinshou.com ].mp4
│ │ │ │ 3. Netflix - Card Add To List Button.mp4
│ │ │ │ 4. Netflix - Card Rate Buttons.mp4
│ │ │ │ 5. Netflix - Card Buttons Component Set.mp4
│ │ │ │ 6. Netflix - Interactive Card Buttons.mp4
│ │ │ │
│ │ │ ├─8. Card Component Set
│ │ │ │ 1. Netflix - Card Outcome.mp4
│ │ │ │ 2. Netflix - Thumbnail Card[ aixinshou.com ].mp4
│ │ │ │ 3. Netflix - Quick View Card.mp4
│ │ │ │ 4. Netflix - Similar Movies.mp4
│ │ │ │ 5. Netflix - Card Component Set.mp4
│ │ │ │
│ │ │ └─9. Progress Bar Component
│ │ │ 1. Netflix - Progress Bar Outcome.mp4
│ │ │ 2. Netflix - Progress Bar[ aixinshou.com ].mp4
│ │ │
│ │ ├─4. Notion
│ │ │ ├─1. Defining & Adding Color Styles
│ │ │ │ 0. Memorisely UI Exercise Notion.fig
│ │ │ │ 1. Outcome.mp4
│ │ │ │ 2. Identifying Colors[ aixinshou.com ].mp4
│ │ │ │ 3. Removing Duplicates.mp4
│ │ │ │ 4. Adding Color Styles.mp4
│ │ │ │
│ │ │ ├─10. Creating Auto Layout Task Card Component Set
│ │ │ │ 1. Task Card Outcome.mp4
│ │ │ │ 2. Task Card Analysis[ aixinshou.com ].mp4
│ │ │ │ 3. Regular Task Card Default.mp4
│ │ │ │ 4. Regular Task Card Hover.mp4
│ │ │ │ 5. Regular Task Card Selected State.mp4
│ │ │ │ 6. Condensed Task Card.mp4
│ │ │ │ 7. Task Card Component Set.mp4
│ │ │ │
│ │ │ ├─11. Creating Auto Layout Underline Tabs Component Set
│ │ │ │ 1. Underline Tab Component Set Outcome.mp4
│ │ │ │ 2. Underline Tab Component Set[ aixinshou.com ].mp4
│ │ │ │ 3. Add View Cta Component.mp4
│ │ │ │
│ │ │ ├─12. Creating Auto Layout Task CTAs Component
│ │ │ │ 1. Task CTAs Outcome.mp4
│ │ │ │ 2. Task CTAs Component[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─13. Designing Auto Layout Tag Component Set
│ │ │ │ 1. Tag Outcome.mp4
│ │ │ │ 2. Tag States[ aixinshou.com ].mp4
│ │ │ │ 3. Tag Component Set.mp4
│ │ │ │
│ │ │ ├─14. Creating Auto Layout Modal Navbar
│ │ │ │ 1. Modal Navbar Outcome.mp4
│ │ │ │ 2. Modal Navbar[ aixinshou.com ].mp4
│ │ │ │ 3. Modal Navbar Component.mp4
│ │ │ │
│ │ │ ├─15. Creating Auto Layout Comment Field Component
│ │ │ │ 1. Add A Comment Field Outcome.mp4
│ │ │ │ 2. Add A Comment Field Component[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─16. Designing Getting Started Screen
│ │ │ │ 1. Getting Started Outcome.mp4
│ │ │ │ 2. Sidebar[ aixinshou.com ].mp4
│ │ │ │ 3. Navbar.mp4
│ │ │ │ 4. Body.mp4
│ │ │ │
│ │ │ ├─17. Designing Task List Screen
│ │ │ │ 1. Task List Page Outcome.mp4
│ │ │ │ 2. Sidebar[ aixinshou.com ].mp4
│ │ │ │ 3. Navbar.mp4
│ │ │ │ 4. Task List Body.mp4
│ │ │ │ 5. Task List Responsiveness.mp4
│ │ │ │
│ │ │ ├─18. Designing Side Modal
│ │ │ │ 1. Modal Outcome.mp4
│ │ │ │ 2. Modal Navbar And Title[ aixinshou.com ].mp4
│ │ │ │ 3. Modal Body.mp4
│ │ │ │ 4. Adding The Modal.mp4
│ │ │ │
│ │ │ ├─19. Prototyping Micro-interactions With Interactive Components
│ │ │ │ 1. Microinteractions - Outcome.mp4
│ │ │ │ 3. Microinteractions - Checklist Item.mp4
│ │ │ │ 4. Microinteractions - Task Card.mp4
│ │ │ │
│ │ │ ├─2. Identifying & Creating Text Styles
│ │ │ │ 1. Outcome (.mp4
│ │ │ │ 2. Identifying Fonts[ aixinshou.com ].mp4
│ │ │ │ 3. Adding Text Styles.mp4
│ │ │ │
│ │ │ ├─20. Prototyping Screens
│ │ │ │ 1. Prototype Outcome.mp4
│ │ │ │ 2. Prototype[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─3. Defining & Creating Grid Style
│ │ │ │ 1. Outcome.mp4
│ │ │ │ 2. Creating Grid Style[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─4. Conducting A Component Audit
│ │ │ │ 1. Components Audit Outcome.mp4
│ │ │ │ 2. Components Audit[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─5. Creating Thumbnail Item Component
│ │ │ │ 1. Thumbnail Item Outcome.mp4
│ │ │ │ 2. Thumbnail Item[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─6. Designing Buttons
│ │ │ │ 1. Buttons Outcome.mp4
│ │ │ │ 2. New Page Button[ aixinshou.com ].mp4
│ │ │ │ 3. New Button.mp4
│ │ │ │ 4. Help Button.mp4
│ │ │ │
│ │ │ ├─7. Designing Menu Item Component Set
│ │ │ │ 1. Menu Items Outcome.mp4
│ │ │ │ 2. Menu Item Breakdown[ aixinshou.com ].mp4
│ │ │ │ 3. Regular Menu Item.mp4
│ │ │ │ 4. Menu Item Dropdown.mp4
│ │ │ │ 5. Menu Item Component Set.mp4
│ │ │ │
│ │ │ ├─8. Creating Auto Layout Navbar Component
│ │ │ │ 1. Navbar Outcome.mp4
│ │ │ │ 2. Designing The The Navbar[ aixinshou.com ].mp4
│ │ │ │ 3. Navbar Component.mp4
│ │ │ │
│ │ │ └─9. Creating Auto Layout Checklist Item Component Set
│ │ │ 1. Checklist Item Outcome.mp4
│ │ │ 2. Checklist Item Analysis[ aixinshou.com ].mp4
│ │ │ 3. Small Checklist Item.mp4
│ │ │ 4. Large Checklist Item.mp4
│ │ │ 5. Checklist Item Component Set.mp4
│ │ │
│ │ └─5. Revolut
│ │ ├─1. Defining & Adding Color Styles
│ │ │ 0. Memorisely UI Exercise Revolut.fig
│ │ │ 1. Intro Color Styles.mp4
│ │ │ 2. Revolut - Defining Color Styles[ aixinshou.com ].mp4
│ │ │ 3. Revolut - Adding Color Styles.mp4
│ │ │ 4. Warning Class Template.mp4
│ │ │
│ │ ├─10. Input Field Component Set
│ │ │ 1. Intro Inpiut.mp4
│ │ │ 2. Revolut - Designing Input Field[ aixinshou.com ].mp4
│ │ │ 3. Revolut - Input Field Comp Set.mp4
│ │ │
│ │ ├─11. Card Component Set
│ │ │ 1. Intro Cards.mp4
│ │ │ 2. Revolut - Designing Cards[ aixinshou.com ].mp4
│ │ │ 3. Revolut - Card Component Set.mp4
│ │ │
│ │ ├─12. Home Screen
│ │ │ 1. Intro Hom.mp4
│ │ │ 2. Revolut - Home Screen[ aixinshou.com ].mp4
│ │ │
│ │ ├─13. Page Screen
│ │ │ 1. Intro Page.mp4
│ │ │ 2. Revolut - Page Screen[ aixinshou.com ].mp4
│ │ │
│ │ ├─14. Prototyping Screens
│ │ │ 1. Intro Protorype.mp4
│ │ │ 2. Revolut - Prototyping Screens[ aixinshou.com ].mp4
│ │ │
│ │ ├─2. Defining & Adding Text Styles
│ │ │ 1. Intro Text Styles.mp4
│ │ │ 2. Revolut - Defining Text Styles[ aixinshou.com ].mp4
│ │ │ 3. Revolut - Adding Text Styles.mp4
│ │ │
│ │ ├─3. Defining & Adding Grid Style
│ │ │ 1. Intro Grid Style.mp4
│ │ │ 2. Revolut - Defining Grid Style[ aixinshou.com ].mp4
│ │ │ 3. Revolut - Creating Grid Style.mp4
│ │ │
│ │ ├─4. Identifying Components from Screens
│ │ │ 1. Id Comp.mp4
│ │ │
│ │ ├─5. Navigation Bar Component Set
│ │ │ 1. Intro Nav Bar.mp4
│ │ │ 2. Designing Nav Bar[ aixinshou.com ].mp4
│ │ │ 3. Nav Comp Set.mp4
│ │ │
│ │ ├─6. Buttons Component Set
│ │ │ 1. Intro Buttons.mp4
│ │ │ 2. Revolut - Filled Buttons[ aixinshou.com ].mp4
│ │ │ 3. Revolut - Ghost Buttons.mp4
│ │ │ 4. Revolut - Icon Buttons.mp4
│ │ │ 5. Revolut - Button Component Set.mp4
│ │ │
│ │ ├─7. Avatar Component Set
│ │ │ 1. Intro Avatar.mp4
│ │ │ 2. Revolut - Designing Avatars[ aixinshou.com ].mp4
│ │ │ 3. Revolut - Avatar Component Set.mp4
│ │ │
│ │ ├─8. Search Bar Component
│ │ │ 1. Intro Search Bar.mp4
│ │ │ 2. Revolut - Search Bar[ aixinshou.com ].mp4
│ │ │
│ │ └─9. List Item Component
│ │ 1. Intro List.mp4
│ │ 2. List Item[ aixinshou.com ].mp4
│ │
│ ├─4. Visual Design
│ │ ├─1. Color
│ │ │ ├─1. Understanding UI Color Theory
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Color Wheel[ aixinshou.com ].mp4
│ │ │ │ 3. Clolor Schemes.mp4
│ │ │ │ 4. Color Modes.mp4
│ │ │ │
│ │ │ ├─10. Creating Primitive Color Variables in Figma
│ │ │ │ 0. Memorisely Primitive Color Variables.fig
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Primitive Color Variables[ aixinshou.com ].mp4
│ │ │ │ 3. Primary Color Variables.mp4
│ │ │ │ 4. Feedback Color Variables.mp4
│ │ │ │
│ │ │ ├─2. Grey Colors in UI Color Palettes
│ │ │ │ 0. Memorisely Grey Palette Light Dark Mode.fig
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Grey Palette[ aixinshou.com ].mp4
│ │ │ │ 3. Monochromatic Scheme.mp4
│ │ │ │ 4. Grey Palette Range.mp4
│ │ │ │ 5. Light Mode Activity.mp4
│ │ │ │ 6. Dark Mode.mp4
│ │ │ │
│ │ │ ├─3. Primary Colors in UI Color Palettes
│ │ │ │ 0. Memorisely Primary Colors.fig
│ │ │ │ 1. Primary Color Intro.mp4
│ │ │ │ 2. Primary 01[ aixinshou.com ].mp4
│ │ │ │ 3. Primary Color Usage.mp4
│ │ │ │ 4. Tones & Shades.mp4
│ │ │ │ 5. Learn-By-Doing Primary Colors.mp4
│ │ │ │
│ │ │ ├─4. Info Colors in UI Color Pallettes
│ │ │ │ 0. Memorisely Info Colors.fig
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Info Colors[ aixinshou.com ].mp4
│ │ │ │ 3. Info Color Range.mp4
│ │ │ │ 4. Info Color Cues.mp4
│ │ │ │ 5. Learn-By-Doing-Info.mp4
│ │ │ │
│ │ │ ├─5. Success Colors in UI Color Palettes
│ │ │ │ 0. Memorisely Success Colors.fig
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Success In Components[ aixinshou.com ].mp4
│ │ │ │ 3. Culture & Psychology.mp4
│ │ │ │ 4. Color Range.mp4
│ │ │ │ 5. Learn-By-Doing.mp4
│ │ │ │
│ │ │ ├─6. Error Colors in UI Color Palettes
│ │ │ │ 0. Memorisely Error Colors.fig
│ │ │ │ 1. Error Color Intro.mp4
│ │ │ │ 2. Error Colors[ aixinshou.com ].mp4
│ │ │ │ 3. Culture & Pscyhology.mp4
│ │ │ │ 4. Error Color Range.mp4
│ │ │ │ 5. Learn-By-Doing.mp4
│ │ │ │
│ │ │ ├─7. Warning Colors in UI Color Palettes
│ │ │ │ 0. Memorisely Warning Colors.fig
│ │ │ │ 1. Warning Intro.mp4
│ │ │ │ 2. Warning Colors[ aixinshou.com ].mp4
│ │ │ │ 3. Culture & Psychology.mp4
│ │ │ │ 4. Warning Color Range.mp4
│ │ │ │ 5. Learn-By-Doing.mp4
│ │ │ │
│ │ │ ├─8. Creating a Color Swatch Component
│ │ │ │ 0. Memorisely Color Swatch.fig
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Color Swatch[ aixinshou.com ].mp4
│ │ │ │
│ │ │ └─9. Creating Color Styles in Figma
│ │ │ 0. Memorisely Color Styles.fig
│ │ │ 1. Intro.mp4
│ │ │ 2. Grey Color Styles[ aixinshou.com ].mp4
│ │ │ 3. Primary Colors.mp4
│ │ │ 4. Feedback Colors.mp4
│ │ │
│ │ ├─2. Grids
│ │ │ ├─1. Intro to Grid Systems
│ │ │ │ 0. Memorisely Intro To Grids.fig
│ │ │ │ 1. Intro - Intro To Grids.mp4
│ │ │ │ 2. ? Intro To Grids - Series Module Intro To Grids[ aixinshou.com ].mp4
│ │ │ │ 3. Grids In Figma.mp4
│ │ │ │ 4. ? Intro To Grids - Series Module The Anatomy Of A Grid.mp4
│ │ │ │ 5. Learn-By-Doing.mp4
│ │ │ │
│ │ │ ├─10. Grid System Breakpoints
│ │ │ │ 0. Memorisely Grid System Breakpoints.fig
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Grid Systems Breakpoints[ aixinshou.com ].mp4
│ │ │ │ 3. Setting Breakpoints.mp4
│ │ │ │ 4. Min And Max Width.mp4
│ │ │ │ 5. 1.mp4
│ │ │ │ 6. 2.mp4
│ │ │ │ 7. 3.mp4
│ │ │ │ 8. 4.mp4
│ │ │ │ 9. 5.mp4
│ │ │ │
│ │ │ ├─2. Creating Grids in Figma
│ │ │ │ 0. Memorisely Creating Grids In Figma.fig
│ │ │ │ 1. ? Creating Grids In Figma - Series Intro.mp4
│ │ │ │ 2. Creating Grids In Figma[ aixinshou.com ].mp4
│ │ │ │ 3. Grid Styles.mp4
│ │ │ │ 4. Creating Grids In Figma - Learn-By-Doing.mp4
│ │ │ │
│ │ │ ├─3. Baseline Grids in UI
│ │ │ │ 0. Memorisely Creating A Baseline Grid In Figma.fig
│ │ │ │ 1. Baseline Grids In UI - Intro.mp4
│ │ │ │ 2. Baseline Grids In UI[ aixinshou.com ].mp4
│ │ │ │ 3. Baseline Grid Learn-By-Doing.mp4
│ │ │ │
│ │ │ ├─4. Mobile Grid Systems in UI Design
│ │ │ │ 0. Memorisely Mobile Grid Systems In UI Design.fig
│ │ │ │ 1. Mobile Grid - Intro.mp4
│ │ │ │ 2. Mobile Grid Systems[ aixinshou.com ].mp4
│ │ │ │ 3. Mobile Grid Styles.mp4
│ │ │ │
│ │ │ ├─5. Airbnb Mobile Grid
│ │ │ │ 0. Memorisely Designing UI With Mobile Grid System.fig
│ │ │ │ 1. Designing UI With Mobile Grid System - Intro.mp4
│ │ │ │ 3. Series Grids Designing UI With A Mobile Grid System – Underline Tabs.mp4
│ │ │ │ 4. Series Grids Designing UI With A Mobile Grid System – Property Cards.mp4
│ │ │ │ 5. Series Grids Designing UI With A Mobile Grid System – Nav Bar.mp4
│ │ │ │
│ │ │ ├─6. Tablet Grid Systems in UI Design
│ │ │ │ 0. Memorisely Tablet Systems In UI Design.fig
│ │ │ │ 1. Grid Series Tablet Grid Systems Intro.mp4
│ │ │ │ 2. Series Grids Tablet Grid System[ aixinshou.com ].mp4
│ │ │ │ 3. Series Grids Tablet Grid Styles.mp4
│ │ │ │
│ │ │ ├─7. Airbnb Tablet Grid
│ │ │ │ 0. Memorisely Designing UI With Tablet Grid System.fig
│ │ │ │ 1. Grid Series - 7) Designing UI With Tablet Grid System Intro.mp4
│ │ │ │ 3. Series Grids 7) Designing UI With A Tablet Grid System – Search Box.mp4
│ │ │ │ 4. Series Grids 7) Designing UI With A Tablet Grid System – Underline Tabs.mp4
│ │ │ │ 5. Series Grids 7) Designing UI With A Tablet Grid System – Property Cards.mp4
│ │ │ │
│ │ │ ├─8. Desktop Grid Systems in UI Design
│ │ │ │ 0. Memorisely Desktop Systems In UI Design.fig
│ │ │ │ 1. Desktop Grid Systems Intro.mp4
│ │ │ │ 2. Series Grids 8) Desktop Grid System[ aixinshou.com ].mp4
│ │ │ │ 3. Series Grids 8) Desktop Grid Styles.mp4
│ │ │ │
│ │ │ └─9. Airbnb Desktop Grid
│ │ │ 0. Memorisely Designing UI With Desktop Grid System.fig
│ │ │ 1. Series Grids 9) UI Desktop Grid System – Intro.mp4
│ │ │ 2. Series Grids 9) UI Desktop Grid System – Header[ aixinshou.com ].mp4
│ │ │ 3. Series Grids 9) UI Desktop Grid System – Search Box.mp4
│ │ │ 4. Series Grids 9) UI Desktop Grid System – Underline Tabs.mp4
│ │ │ 5. Series Grids 9) UI Desktop Grid System – Property Cards.mp4
│ │ │ 6. Series Grids 9) UI Desktop Grid System – Footer.mp4
│ │ │
│ │ └─3. Typography
│ │ ├─1. Introduction To Font Types in UI Design
│ │ │ 1. Intro.mp4
│ │ │ 2FIGMA~1[ aixinshou.com ].MP4
│ │ │
│ │ ├─10. Creating Typography Variables in Figma
│ │ │ 0. Memorisely Typography Variables.fig
│ │ │ 1. Outcome Typography.mp4
│ │ │ 2. Font Family[ aixinshou.com ].mp4
│ │ │ 3. Font Weight.mp4
│ │ │ 4. Font Size.mp4
│ │ │ 5. Line Height.mp4
│ │ │
│ │ ├─2. Understanding The Anatomy of Text
│ │ │ 1. Intro.mp4
│ │ │ 2. Anatomy Of Text[ aixinshou.com ].mp4
│ │ │
│ │ ├─3. Understanding Kerning in Typography
│ │ │ 0. Memorisely Typography Kerning Game.fig
│ │ │ 1. Intro.mp4
│ │ │ 2. Kerning[ aixinshou.com ].mp4
│ │ │ 3. Kerning Game.mp4
│ │ │
│ │ ├─4. Master Letter Spacing in Typography
│ │ │ 0. Memorisely Typography Letter Spacing.fig
│ │ │ 1. Intro.mp4
│ │ │ 2. Letter Spacing[ aixinshou.com ].mp4
│ │ │ 3. Letter Spacing Learn-By-Doing.mp4
│ │ │
│ │ ├─5. Mastering Font Weights in Figma
│ │ │ 0. Memorisely Mastering Font Weights In Figma.fig
│ │ │ 1. Intro.mp4
│ │ │ 2. Understanding Font Weights[ aixinshou.com ].mp4
│ │ │ 3. Title Exercise.mp4
│ │ │ 4. Font Weights Body.mp4
│ │ │
│ │ ├─6. Mastering Web App Heading Sizes
│ │ │ 1. Intro.mp4
│ │ │ 2. H1[ aixinshou.com ].mp4
│ │ │ 3. H2.mp4
│ │ │ 4. H3.mp4
│ │ │ 5. H4.mp4
│ │ │ 6. H5.mp4
│ │ │
│ │ ├─7. Creating Web App Heading Styles in Figma
│ │ │ 0. Memorisely Web App Heading Styles.fig
│ │ │ 1. Intro Heading Styles.mp4
│ │ │
│ │ ├─8. Mastering Web App Body Text Sizes
│ │ │ 1. Intro.mp4
│ │ │ 2. 01 Body Large[ aixinshou.com ].mp4
│ │ │ 3. 02 Body Default.mp4
│ │ │ 4. 03 Body Small.mp4
│ │ │
│ │ └─9. Creating Web App Body Text Styles in Figma
│ │ 0. Memorisely Web App Body Styles.fig
│ │ 1. Body Text Outcome.mp4
│ │ 2. Body Large[ aixinshou.com ].mp4
│ │ 3. Default.mp4
│ │ 4. Small Text.mp4
│ │
│ ├─5. UI Design
│ │ ├─1. Auto Layout
│ │ │ ├─1. Basics
│ │ │ │ ├─1. Introduction to Auto Layout
│ │ │ │ │ 0. Memorisely Intro To Auto Layout.fig
│ │ │ │ │ 1. Intro Auto Layout.mp4
│ │ │ │ │ 2. Intro To Auto Layout[ aixinshou.com ].mp4
│ │ │ │ │ 3. Parent And Child.mp4
│ │ │ │ │ 4. Intro Auto Layout Practice.mp4
│ │ │ │ │
│ │ │ │ ├─2. Horizontal, vertical, and wrap layout
│ │ │ │ │ 0. Memorisely Horizontal Vertical Wrap Layout.fig
│ │ │ │ │ 1. Intro Layout Direc.mp4
│ │ │ │ │ 2. Horizontal Layout[ aixinshou.com ].mp4
│ │ │ │ │ 3. Vertical Layout.mp4
│ │ │ │ │ 4. Wrap.mp4
│ │ │ │ │ 5. Layout Direction Practice.mp4
│ │ │ │ │
│ │ │ │ ├─3. Padding and Gap Between
│ │ │ │ │ 0. Memorisely Padding And Gap Between.fig
│ │ │ │ │ 1. IntroVideo Padding And Gap. Between.mp4
│ │ │ │ │ 3. Series Auto Layout - Padding And Gap Between - Module 2.mp4
│ │ │ │ │
│ │ │ │ ├─4. Auto layout Alignment
│ │ │ │ │ 0. Memorisely Auto Layout Alignment.fig
│ │ │ │ │ 1. IntroVideo Alignment.mp4
│ │ │ │ │ 3. Series Auto Layout - Auto Layout Alignment - Module 2.mp4
│ │ │ │ │
│ │ │ │ └─5. Auto layout Canvas Stacking
│ │ │ │ 0. Memorisely Auto Layout Canvas Stacking.fig
│ │ │ │ 1. IntroVideo Canvastacking.mp4
│ │ │ │ 3. Series Auto Layout - Canvas Stacking - Module 2.mp4
│ │ │ │
│ │ │ ├─2. Constraints
│ │ │ │ ├─1. Fixed, Hug and Fill
│ │ │ │ │ 0. Memorisely Fixed Hug Fill.fig
│ │ │ │ │ 1. Fix Fill Hug.mp4
│ │ │ │ │ 2. Figma - Series Auto Layout - Fixed, Hug And Fill - Module 1.mp4
│ │ │ │ │ 3. Figma - Series Auto Layout - Fixed, Hug And Fill - Module 2.mp4
│ │ │ │ │ 4. Figma - Series Auto Layout - Fixed, Hug And Fill - Module 3.mp4
│ │ │ │ │ 5. Figma - Series Auto Layout - Fixed, Hug And Fill - Module 4.mp4
│ │ │ │ │
│ │ │ │ ├─2. Constraints
│ │ │ │ │ 0. Memorisely Constraints.fig
│ │ │ │ │ 1. Constr.mp4
│ │ │ │ │ 3. Figma - Series Auto Layout - 7) Constraints - Module 2.mp4
│ │ │ │ │ 4. Figma - Series Auto Layout - 7) Constraints - Module 3.mp4
│ │ │ │ │
│ │ │ │ └─3. Min & Max Width
│ │ │ │ 0. Memorisely Min And Max Width.fig
│ │ │ │ 1. Min Max.mp4
│ │ │ │ 3. Series Auto Layout - 8) Min & Max Width - Module 2.mp4
│ │ │ │ 4. Figma - Series Auto Layout - 8) Min & Max Width - Module 3.mp4
│ │ │ │
│ │ │ ├─3. Mobile Screen
│ │ │ │ ├─1. Auto layout Navigation Bar
│ │ │ │ │ 0. Memorisely Auto Layout Navbar.fig
│ │ │ │ │ 1. Nav.mp4
│ │ │ │ │ 2. Icon Text[ aixinshou.com ].mp4
│ │ │ │ │ 3. Navbar.mp4
│ │ │ │ │
│ │ │ │ ├─2. Auto layout Top Bar
│ │ │ │ │ 0. Memorisely Auto Layout Topbar.fig
│ │ │ │ │ 1. Top.mp4
│ │ │ │ │ 2. Avatar[ aixinshou.com ].mp4
│ │ │ │ │ 3. Buttons.mp4
│ │ │ │ │ 4. Top Bar.mp4
│ │ │ │ │
│ │ │ │ ├─3. Auto layout Headings
│ │ │ │ │ 0. Memorisely Auto Layout Headings.fig
│ │ │ │ │ 1. Headings.mp4
│ │ │ │ │ 2. Headings 2160p[ aixinshou.com ].mp4
│ │ │ │ │
│ │ │ │ ├─4. Auto layout Card
│ │ │ │ │ 0. Memorisely Auto Layout Card.fig
│ │ │ │ │ 1. Card.mp4
│ │ │ │ │ 2. Card 2160p[ aixinshou.com ].mp4
│ │ │ │ │ 3. Card Carousel.mp4
│ │ │ │ │
│ │ │ │ └─5. Auto layout List
│ │ │ │ 0. Memorisely Auto Layout List.fig
│ │ │ │ 1. List.mp4
│ │ │ │ 2. List[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─4. Tablet Screen
│ │ │ │ ├─1. Auto layout Tablet Navigation Bar
│ │ │ │ │ 0. Memorisely Auto Layout Tablet Navbar.fig
│ │ │ │ │ 1. Tablet Nav Bar.mp4
│ │ │ │ │ 2. Tablet Navigation Bar[ aixinshou.com ].mp4
│ │ │ │ │
│ │ │ │ ├─2. Auto layout Tablet Top Bar
│ │ │ │ │ 0. Memorisely Auto Layout Tablet Top Bar.fig
│ │ │ │ │ 1. Tablet Top Bar.mp4
│ │ │ │ │ 2. Tablet Top Bar[ aixinshou.com ].mp4
│ │ │ │ │
│ │ │ │ ├─3. Auto layout Tablet Headings
│ │ │ │ │ 0. Memorisely Auto Layout Tablet Headings.fig
│ │ │ │ │ 1. Tablet Headings.mp4
│ │ │ │ │ 2. Tablet Headings[ aixinshou.com ].mp4
│ │ │ │ │
│ │ │ │ ├─4. Auto layout Tablet Cards
│ │ │ │ │ 0. Memorisely Auto Layout Tablet Cards.fig
│ │ │ │ │ 1. Talet Card.mp4
│ │ │ │ │ 2. Card Carousel[ aixinshou.com ].mp4
│ │ │ │ │ 3. Tablet Card.mp4
│ │ │ │ │
│ │ │ │ └─5. Auto layout Tablet List
│ │ │ │ 0. Memorisely Auto Layout Tablet List.fig
│ │ │ │ 1. Tablet List.mp4
│ │ │ │ 2. List[ aixinshou.com ].mp4
│ │ │ │
│ │ │ └─5. Desktop Screen
│ │ │ ├─1. Auto layout Desktop Menu
│ │ │ │ 0. Memorisely Auto Layout Desktop Menu.fig
│ │ │ │ 1. Dekstop Menu.mp4
│ │ │ │ 2. Desktoo Menu[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─2. Auto layout Desktop Top Bar
│ │ │ │ 0. Memorisely Auto Layout Desktop Top Bar.fig
│ │ │ │ 1. Desktop Top Bar.mp4
│ │ │ │ 2. Desktop Top Bar[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─3. Auto layout Desktop Headings
│ │ │ │ 0. Memorisely Auto Layout Desktop Headings.fig
│ │ │ │ 1. Desktop Headings.mp4
│ │ │ │ 2. Desktop Headings[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─4. Auto layout Desktop Cards
│ │ │ │ 0. Memorisely Auto Layout Desktop Cards.fig
│ │ │ │ 1. Desktop Cards.mp4
│ │ │ │ 2. Desktop Card Carousel[ aixinshou.com ].mp4
│ │ │ │ 3. Desktop Card.mp4
│ │ │ │
│ │ │ └─5. Auto layout Desktop List
│ │ │ 0. Memorisely Auto Layout Desktop List.fig
│ │ │ 1. Desktop List.mp4
│ │ │ 2. Desktop List[ aixinshou.com ].mp4
│ │ │ 3. Main Container And Constraints.mp4
│ │ │
│ │ ├─10. Web Animations
│ │ │ ├─1. Interactive Auto Layout Buttons
│ │ │ │ 0. Memorisely Web Animations Course.fig
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Web Animations - Button[ aixinshou.com ].mp4
│ │ │ │ 3. Web Animation Series - Buttons.mp4
│ │ │ │
│ │ │ ├─2. Animating Card and Sticky Scroll
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Web Animations 03 Card[ aixinshou.com ].mp4
│ │ │ │ 3. Web Animations 03 Card.mp4
│ │ │ │ 4. Web Animations 03 Card.mp4
│ │ │ │ 5. Web Animations 03 Card.mp4
│ │ │ │ 6. Web Animations 03 Card.mp4
│ │ │ │
│ │ │ ├─3. Animating Interactive Staggered List Items in Figma
│ │ │ │ 1. Intro.mp4
│ │ │ │ 3. Web Animations 02 List Item.mp4
│ │ │ │ 4. Web Animations 02 List Item.mp4
│ │ │ │
│ │ │ ├─4. Animating Interactive Carousel
│ │ │ │ 1. Intro (.mp4
│ │ │ │ 2. Web Animations 04 Carousel[ aixinshou.com ].mp4
│ │ │ │ 3. Web Animations 04 Carousel.mp4
│ │ │ │ 4. Web Animations 04 Carousel.mp4
│ │ │ │ 5. Web Animations 04 Carousel.mp4
│ │ │ │ 6. Web Animations 04 Carousel.mp4
│ │ │ │ 7. Web Animations 04 Carousel (6 .mp4
│ │ │ │
│ │ │ └─5. On-scroll Animation in Figma
│ │ │ 1. Web Animations 05 On-Scroll Animation.mp4
│ │ │ 2. Web Animations 05 On-Scroll Animation[ aixinshou.com ].mp4
│ │ │ 3. Web Animations 05 On-Scroll Animation.mp4
│ │ │ 4. Web Animations 05 On-Scroll Animation.mp4
│ │ │ 5. Web Animations 05 On-Scroll Animation.mp4
│ │ │
│ │ ├─2. Buttons
│ │ │ ├─1. Button Basics
│ │ │ │ ├─1. Button Anatomy
│ │ │ │ │ 1. Intro - Button Anatomy.mp4
│ │ │ │ │ 2. Button Anatomy - Key Components[ aixinshou.com ].mp4
│ │ │ │ │ 3. Button Anatomy - Anatomy.mp4
│ │ │ │ │
│ │ │ │ ├─2. Understanding and Designing Button States
│ │ │ │ │ 0. Memorisely Button States.fig
│ │ │ │ │ 1. Button States - Intro.mp4
│ │ │ │ │ 2. Button States - States[ aixinshou.com ].mp4
│ │ │ │ │ 4. Button States - Learn By Doing.mp4
│ │ │ │ │
│ │ │ │ ├─3. Understanding and Designing Button Sizes
│ │ │ │ │ 0. Memorisely Button Sizes.fig
│ │ │ │ │ 1. Button Sizes - Intro.mp4
│ │ │ │ │ 2. Button Sizes - Sizes[ aixinshou.com ].mp4
│ │ │ │ │ 3. Button Sizes - Best Practices.mp4
│ │ │ │ │ 4. Button Sizes - Learn By Doing.mp4
│ │ │ │ │
│ │ │ │ └─4. Understanding and Designing Button Types
│ │ │ │ 0. Memorisely Button Types.fig
│ │ │ │ 1. Button Type Intro.mp4
│ │ │ │ 3. Button Type - Secondary Buttons.mp4
│ │ │ │ 4. Button Type - Tertiary.mp4
│ │ │ │ 5. Button Type Text Buttons.mp4
│ │ │ │ 6. Button Type Destructive Buttons.mp4
│ │ │ │ 7. Button Type Learn By Doing.mp4
│ │ │ │
│ │ │ └─2. Button Component Set
│ │ │ ├─1. Understanding and Designing a Button Component Set
│ │ │ │ 2. Button Component Set.mp4
│ │ │ │
│ │ │ ├─2. Understanding and Applying Button Component Properties
│ │ │ │ 3. Boolean Property.mp4
│ │ │ │ 4. Text Property.mp4
│ │ │ │
│ │ │ └─3. Understanding and Building an Interactive Button Component Set
│ │ ├─3. Charts
│ │ │ ├─1. Designing Responsive Curved Line Charts in Figma
│ │ │ │ 0. Memorisely Charts Responsive Line Chart.fig
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Chart Header[ aixinshou.com ].mp4
│ │ │ │ 3. Auto Layout Axis.mp4
│ │ │ │ 4. Responsive Chart.mp4
│ │ │ │ 5. Responsive Chart Lines.mp4
│ │ │ │
│ │ │ ├─2. Designing Auto Layout Pie Charts in Figma
│ │ │ │ 0. Memorisely Pie Chart.fig
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Auto Layout Header[ aixinshou.com ].mp4
│ │ │ │ 3. Auto Layout List.mp4
│ │ │ │ 4. Pie Chart.mp4
│ │ │ │
│ │ │ └─3. Designing Responsive Auto Layout Bar Chart in Figma
│ │ │ 0. Memorisely Responsive Bar Chart.fig
│ │ │ 1. Intro.mp4
│ │ │ 2. Chart Header[ aixinshou.com ].mp4
│ │ │ 3. X-Axis.mp4
│ │ │ 4. Bar Line.mp4
│ │ │ 5. Y-Axis.mp4
│ │ │
│ │ ├─4. Chips
│ │ │ ├─1. Intro to Chips
│ │ │ │ 1. Intro To Chips - Intro.mp4
│ │ │ │ 2. Intro To Chips[ aixinshou.com ].mp4
│ │ │ │ 3. Anatomy Of Chips.mp4
│ │ │ │ 4. Types Of Chips.mp4
│ │ │ │ 5. Chip States.mp4
│ │ │ │
│ │ │ └─2. Designing Chips in Figma
│ │ │ 0. Memorisely Designing Chips In Figma.fig
│ │ │ 1. Designing Chips In Figma - Intro.mp4
│ │ │ 2. Designing Chips Outcome[ aixinshou.com ].mp4
│ │ │ 3. Action Chip.mp4
│ │ │ 4. Choice Chip 540p.mp4
│ │ │ 5. Filter Chip.mp4
│ │ │ 6. Suggestion Chip.mp4
│ │ │ 7. Non-Interactive Chip.mp4
│ │ │ 8. Input Chip.mp4
│ │ │
│ │ ├─5. Components
│ │ │ ├─1. Introduction to Components in Figma
│ │ │ │ 1. 01 Intro To Components.mp4
│ │ │ │ 2. Components[ aixinshou.com ].mp4
│ │ │ │ 3. Component Sets.mp4
│ │ │ │
│ │ │ ├─2. Creating Your First Auto Layout Component in Figma
│ │ │ │ 1. Component Intro.mp4
│ │ │ │
│ │ │ ├─3. 3 Techniques for Creating Component Sets in Figma
│ │ │ │ 0. Memorisely First Component Set.fig
│ │ │ │ 1. Component Set Outcome.mp4
│ │ │ │ 2. Component Set ([ aixinshou.com ].mp4
│ │ │ │ 3. Component Set Naming.mp4
│ │ │ │ 4. Combine As Variants.mp4
│ │ │ │
│ │ │ ├─4. Components. Introduction to Component Properties in Figma
│ │ │ │ 1. Component Property Intro.mp4
│ │ │ │ 3. (0 Variant Property440p.mp4
│ │ │ │ 4. 02 (Boolean Property)440p.mp4
│ │ │ │ 5. 03 (Instance Swap Property).mp4
│ │ │ │ 6. (0 Text Property.mp4
│ │ │ │
│ │ │ └─5. Components. An Introduction To Component States
│ │ │ 1. Intro.mp4
│ │ │ 2. Component States440p[ aixinshou.com ].mp4
│ │ │
│ │ ├─6. Input Fields
│ │ │ ├─1. Basic types
│ │ │ │ ├─1. Understanding Input Field Anatomy
│ │ │ │ │ 1. Intro Input Anatomy.mp4
│ │ │ │ │ 2. Intro To Input Fields[ aixinshou.com ].mp4
│ │ │ │ │ 3. Role Of Input Fields.mp4
│ │ │ │ │ 4. Input Field Anatomy.mp4
│ │ │ │ │
│ │ │ │ ├─2. Understanding and Designing Text Fields
│ │ │ │ │ 1. Intro Textfields.mp4
│ │ │ │ │ 2. Type Text Field[ aixinshou.com ].mp4
│ │ │ │ │ 3. Text Fields Learn-By-Doing.mp4
│ │ │ │ │
│ │ │ │ ├─3. Understanding and Designing Checkboxes
│ │ │ │ │ 0. Memorisely Input Field Type Checkboxes.fig
│ │ │ │ │ 1. Intro Checkboxes.mp4
│ │ │ │ │ 2. Checkboxes[ aixinshou.com ].mp4
│ │ │ │ │ 3. Checkboxes Learn By Doing.mp4
│ │ │ │ │
│ │ │ │ ├─4. Understanding and Designing Radio Buttons
│ │ │ │ │ 1. Intro Radio Buttons.mp4
│ │ │ │ │ 2. Radio Buttons[ aixinshou.com ].mp4
│ │ │ │ │ 3. Radio Buttons.mp4
│ │ │ │ │
│ │ │ │ ├─5. Understanding and Designing Dropdowns
│ │ │ │ │ 0. Memorisely Input Field Type Dropdowns.fig
│ │ │ │ │ 1. Intro Dropdowns.mp4
│ │ │ │ │ 2. Dropdowns[ aixinshou.com ].mp4
│ │ │ │ │ 3. Dropdowns Learn By Doing.mp4
│ │ │ │ │
│ │ │ │ ├─6. Understanding and Designing Date Input
│ │ │ │ │ 0. Memorisely Input Field Type Date Input.fig
│ │ │ │ │ 1. Intro Date Input.mp4
│ │ │ │ │ 2. Date Input[ aixinshou.com ].mp4
│ │ │ │ │ 3. Input Field Type Date Input.mp4
│ │ │ │ │
│ │ │ │ ├─7. Understanding and Designing File Upload Fields
│ │ │ │ │ 1. Intro File Upload Fields.mp4
│ │ │ │ │ 3. File Upload Fields.mp4
│ │ │ │ │
│ │ │ │ ├─8. Understanding and Designing Password Fields
│ │ │ │ │ 1. Intro Password Fields.mp4
│ │ │ │ │ 3. Learn By Doing Password Fields.mp4
│ │ │ │ │
│ │ │ │ └─9. Understanding and Designing Search Fields
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Type-Search Fields[ aixinshou.com ].mp4
│ │ │ │ 3. Search Learn By Doing.mp4
│ │ │ │
│ │ │ └─2. Interaction & Animation
│ │ │ ├─1. Interactive Text Fields
│ │ │ │ 1. Intro Interactive Text F.mp4
│ │ │ │ 2. Interactive Text Fields[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─2. Interactive Checkbox
│ │ │ │ 0. Memorisely Interactive Input Field Checkboxes.fig
│ │ │ │ 1. Intro Checkbox.mp4
│ │ │ │ 2. Interactive Checkbox[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─3. Interactive Radio Buttons
│ │ │ │ 1. Interactive Radio Buttons.mp4
│ │ │ │
│ │ │ ├─4. Interactive Dropdowns
│ │ │ │ 0. Memorisely Interactive Input Field Dropdowns.fig
│ │ │ │ 1. Int Dropdown.mp4
│ │ │ │ 2. Interactive Dropdowns[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─5. Interactive Date Input
│ │ │ │ 1. Int Calendar.mp4
│ │ │ │ 2. Interactive Calendar[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─6. Interactive File Upload Fields
│ │ │ │ 1. Int File Upload.mp4
│ │ │ │
│ │ │ └─7. Interactive Password Fields
│ │ │ 1. Int Passwor.mp4
│ │ │
│ │ ├─7. Motion Design
│ │ │ ├─1. Foundations & Psychology of Motion Design
│ │ │ │ 1. Intro.mp4
│ │ │ │ 1. Types Of Motion.mp4
│ │ │ │ 2. Psychology Of Motion[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─2. Introduction to Motion Timing & Easing Curves
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Timing In Motion[ aixinshou.com ].mp4
│ │ │ │ 3. Easing Functions In Motion.mp4
│ │ │ │
│ │ │ ├─3. Understanding Motion Paths in Motion Design
│ │ │ │ 0. Memorisely Motion Paths.fig
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Motion Path[ aixinshou.com ].mp4
│ │ │ │
│ │ │ └─4. Animating Add to Cart Motion Paths
│ │ │ 0. Memorisely Motion Paths.fig
│ │ │ 1. Intro.mp4
│ │ │ 2. Pulse Button[ aixinshou.com ].mp4
│ │ │ 3. Layers.mp4
│ │ │ 4. Transitions.mp4
│ │ │
│ │ ├─8. Navigation
│ │ │ ├─1. Introduction to Navigation patterns
│ │ │ │ 0. Intro Navigation.mp4
│ │ │ │ 1. Navigation.mp4
│ │ │ │ 2. Navigation Patterns[ aixinshou.com ].mp4
│ │ │ │ 3. Best Practices.mp4
│ │ │ │
│ │ │ ├─10. Designing Auto Layout Desktop Breadcrumbs
│ │ │ │ 0. Memorisely Web Breadcrumbs.fig
│ │ │ │ 1. Bread.mp4
│ │ │ │ 2. Breadcrumbs[ aixinshou.com ].mp4
│ │ │ │ 3. Breadcrumbs Advanced.mp4
│ │ │ │
│ │ │ ├─11. Designing an Auto Layout Desktop Search Bar
│ │ │ │ 0. Memorisely Web Search Bar.fig
│ │ │ │ 1. Search Bar.mp4
│ │ │ │ 2. Search Bar[ aixinshou.com ].mp4
│ │ │ │ 3. Search Bar Advanced.mp4
│ │ │ │
│ │ │ ├─2. iOS Navigation Patterns
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Navigation Bar[ aixinshou.com ].mp4
│ │ │ │ 3. Tab Bar.mp4
│ │ │ │ 4. Segmented Control.mp4
│ │ │ │
│ │ │ ├─3. Web Navigation Patterns
│ │ │ │ 1. Intro.mp4
│ │ │ │ 2. Top Horizontal Bar[ aixinshou.com ].mp4
│ │ │ │ 3. Vertical Bar Sidebar.mp4
│ │ │ │ 4. Breadcrumbs.mp4
│ │ │ │ 5. Search Bar.mp4
│ │ │ │
│ │ │ ├─4. Gesture Based Patterns
│ │ │ │ 1. Intro Gesture.mp4
│ │ │ │ 2. Gesture Based Nav[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─5. Auto Layout iOS Navigation Bar Component
│ │ │ │ 0. Memorisely IOS Navigation Bar.fig
│ │ │ │ 1. Intro Ios Nav Bar.mp4
│ │ │ │ 2. Ios Navigation Bar[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─6. Auto Layout iOS Tab Bar Component
│ │ │ │ 0. Memorisely IOS Tab Bar.fig
│ │ │ │ 1. Intro Tab Bar.mp4
│ │ │ │ 2. IOS Tab Bar[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─7. Auto Layout iOS Segmented Control Component
│ │ │ │ 0. Memorisely IOS Segmented Control.fig
│ │ │ │ 1. Intro Seg.mp4
│ │ │ │ 2. IOS Segmented Control[ aixinshou.com ].mp4
│ │ │ │
│ │ │ ├─8. Designing an Auto Layout Desktop Top Horizontal Bar
│ │ │ │ 0. Memorisely Web Top Horizontal Bar.fig
│ │ │ │ 1. Top Horizontal Bar.mp4
│ │ │ │
│ │ │ └─9. Designing an Auto Layout Desktop Sidebar
│ │ │ 0. Memorisely Web Vertical Bar Sidebar.fig
│ │ │ 1. Vertical Bar.mp4
│ │ │ 2. Vertical Barsidebar 2160p[ aixinshou.com ].mp4
│ │ │
│ │ └─9. Variable Prototyping
│ │ ├─1. Variable Prototyping Basics
│ │ │ 1. 00 Intro.mp4
│ │ │ 2. 01 Prototyping Basics[ aixinshou.com ].mp4
│ │ │ 3. 02 Prototyping Use Cases.mp4
│ │ │ 4. 03 Variables.mp4
│ │ │
│ │ ├─2. Creating a Functional Stepper in Figma with Variables
│ │ │ 1. 00 Intro-2.mp4
│ │ │ 3. 02 Creating Variables440p.mp4
│ │ │ 4. 03 Interactions440p.mp4
│ │ │ 5. 04 Stepper Variants.mp4
│ │ │ 6. 05 Conditional Logic.mp4
│ │ │
│ │ ├─3. Prototyping a Shopping Cart with Variables
│ │ │ 1..100-Intro.mp4
│ │ │ 2. Auto-Layout440p[ aixinshou.com ].mp4
│ │ │ 3. Variable-Setup.mp4
│ │ │ 4. Stepper.mp4
│ │ │ 5. Single-Price.mp4
│ │ │ 6. Total-Price.mp4
│ │ │
│ │ ├─4. Creating a Confirmation Checkbox with variables
│ │ │ 1. 00-Intro.mp4
│ │ │ 2. Anatomy[ aixinshou.com ].mp4
│ │ │ 3. Variable-Setup.mp4
│ │ │ 4. Variants.mp4
│ │ │ 5. Prototyping.mp4
│ │ │
│ │ ├─5. Prototyping a Radio Button Filter with Variables
│ │ │ 1. 00-Intro.mp4
│ │ │ 2. Radio-Button-Anatomy[ aixinshou.com ].mp4
│ │ │ 3. Product-Card-Anatomy.mp4
│ │ │ 4. Variable-Setup.mp4
│ │ │ 5. Modal-Prototyping.mp4
│ │ │ 6. Filter-Prototyping.mp4
│ │ │
│ │ ├─6. Prototype a dynamic onboarding flow with variables
│ │ │ 1. 00-Intro.mp4
│ │ │ 2. Anatomy[ aixinshou.com ].mp4
│ │ │ 3. Component-Setup.mp4
│ │ │ 4. Designing-Screens.mp4
│ │ │ 5. Variable-Setup.mp4
│ │ │ 6. Component-Logic.mp4
│ │ │ 7. 06-Connecting-Screens.mp4
│ │ │ 8. 07-Conditional-Navigation.mp4
│ │ │
│ │ └─7. Creating a podcast player prototype with variables
│ │ 1. 24 April, 2024 - 00-Intro.mp4
│ │ 2. 324 April, 2024 - Prototype-Anatomy.mp4
│ │ 3. 24 April, 2024 - Component-Setup.mp4
│ │ 4. 24 April, 2024 - Modal-Setup.mp4
│ │ 5. 24 April, 2024 - Variable-Setup.mp4
│ │ 6. 24 April, 2024 - Sleep-Timer-Logic.mp4
│ │
│ └─6. UX Research
│ ├─1. Competitor Analysis
│ │ ├─1. Introduction to competitor analysis in UX
│ │ │ 1. Intro.mp4
│ │ │ 2. Definition[ aixinshou.com ].mp4
│ │ │ 3. 4areas.mp4
│ │ │ 4. Method-Overview.mp4
│ │ │
│ │ ├─10. Strategic Insights from Competitor Analysis
│ │ │ 1. 01 Intro.mp4
│ │ │ 2. 02 Strategic Insights[ aixinshou.com ].mp4
│ │ │
│ │ ├─2. Planning UX Competitor analysis studies
│ │ │ 1. Intro.mp4
│ │ │ 2. Planning[ aixinshou.com ].mp4
│ │ │ 3. Tools.mp4
│ │ │ 4. Practice-Intro.mp4
│ │ │
│ │ ├─3. Identifying competitors in your industry
│ │ │ 0. Competitor Analysis Identify Competitors.jam
│ │ │ 1. 18 June, 2024 - Intro.mp4
│ │ │ 2. Types[ aixinshou.com ].mp4
│ │ │ 3. Landscape.mp4
│ │ │ 4. Sources.mp4
│ │ │ 5. Practice.mp4
│ │ │
│ │ ├─4. Data collection methods for competitor analysis
│ │ │ 1. Intro.mp4
│ │ │ 2. Categories[ aixinshou.com ].mp4
│ │ │ 3. Method-Overview.mp4
│ │ │
│ │ ├─5. SWOT Analysis for Competitors
│ │ │ 1. 01 Intro.mp4
│ │ │ 2. 02 Theory[ aixinshou.com ].mp4
│ │ │ 3. 03 Practice.mp4
│ │ │ Memorisely Competitor Analysis SWOT Analysis.jam
│ │ │
│ │ ├─6. Conduction a Heuristic Evaluation of Competitors
│ │ │ 1. Intro.mp4
│ │ │ 2. Overview[ aixinshou.com ].mp4
│ │ │ 3. Heuristics.mp4
│ │ │ 4. Practice.mp4
│ │ │
│ │ ├─7. UI Audits in Competitor Benchmarking
│ │ │ 0. Competitor Analysis UI Audit.jam
│ │ │ 1. 01 Intro Ui Audit.mp4
│ │ │ 2. 02 Basics[ aixinshou.com ].mp4
│ │ │ 3. 03 Preparing.mp4
│ │ │ 4. 04 Analysis.mp4
│ │ │ 5. 05 Practice.mp4
│ │ │
│ │ ├─8. Usability Testing for Competitor Benchmarking
│ │ │ 1. 01 Intro Usability Testing.mp4
│ │ │ 3. 03 Types Of Tests.mp4
│ │ │ 4. 04 Working With Results.mp4
│ │ │
│ │ └─9. User Journey Mapping for Competitor Analysis
│ │ 0. Competitor Analysis User Journey Map.jam
│ │ 1. 01 Intro.mp4
│ │ 2.302 Basics[ aixinshou.com ].mp4
│ │ 3. 03 Setup.mp4
│ │ 4. 04 Analysis.mp4
│ │ 5. 05 Practice.mp4
│ │
│ ├─2. Defining Problems
│ │ ├─1. What is a problem statement
│ │ │ 1. Prob Statements Intro.mp4
│ │ │ 2. Role Of A Problem Statement[ aixinshou.com ].mp4
│ │ │ 3. Importance Of A Clear Problem Statement.mp4
│ │ │ 4. Benefits Of A Well-Defined Problem Statement.mp4
│ │ │
│ │ ├─2. How to write a good problem statement
│ │ │ 1. Techniques Intro.mp4
│ │ │ 3. Techniques For Writing Good Prob Statements.mp4
│ │ │
│ │ └─3. Examples of bad and good problem statements
│ │ 1. Intro Examples.mp4
│ │
│ ├─3. Generative Research
│ │ ├─1. Introduction to Generative Research. Definition & Application
│ │ ├─2. Field Studies in Generative Research. Ultimate Guide
│ │ │ 1. Field Studies - Intro.mp4
│ │ │ 2. Field Studies[ aixinshou.com ].mp4
│ │ │ 3. Why Conduct Field Studies.mp4
│ │ │ 4. Conducting Field Study.mp4
│ │ │ 5. Analyzing Data - Field Studies.mp4
│ │ │
│ │ ├─3. User Interviews in Generative Research. Ultimate Guide
│ │ │ 1. Interviews - Intro.mp4
│ │ │ 3. Planning Interviews.mp4
│ │ │ 4. Conducting User Interviews.mp4
│ │ │
│ │ ├─4. Focus Groups in Generative Research. Complete Guide
│ │ │ 1. Focus Groups - Intro.mp4
│ │ │ 2. Focus Groups[ aixinshou.com ].mp4
│ │ │ 3. Importance Of Focus Groups.mp4
│ │ │ 4. Moderating Focus Groups.mp4
│ │ │
│ │ ├─5. Card Sorting in Generative Research. Complete Guide
│ │ │ 1. Card Sorting Intro.mp4
│ │ │ 2. Card Sorting[ aixinshou.com ].mp4
│ │ │ 3. Types Of Card Sorting.mp4
│ │ │ 4. Conducting Card Sorting.mp4
│ │ │ 5. Analyzing Data.mp4
│ │ │
│ │ ├─6. Literature Review in Generative Research. Complete Guide
│ │ │ 1. Literature Review Intro.mp4
│ │ │ 2. What Is Literature Review.mp4
│ │ │ 3. Conducting Literature Review.mp4
│ │ │
│ │ ├─7. Diary Studies in UX Generative Research. Complete Guide
│ │ │ 1. Intro Diary Studies.mp4
│ │ │ 3. When To Conduct Diary Studies.mp4
│ │ │ 5. How To Conduct Diary Studies.mp4
│ │ │ 6. Analyzing Diary Studies Data.mp4
│ │ │
│ │ └─8. Planning Generative UX Research. Step-by-step
│ │ 1. Planning Generative Research – Intro.mp4
│ │ 3. Identifying Target Audience.mp4
│ │ 4. Chosing Your Research Methods.mp4
│ │ 5. Developing A Research Plan.mp4
│ │ 6. Recruiting Participants.mp4
│ │
│ ├─4. Ideation Techniques
│ │ ├─1. Introduction to Ideation in UX Design
│ │ │ 1. Intro To Ideation - Intro.mp4
│ │ │ 2. Ideation[ aixinshou.com ].mp4
│ │ │ 3. Importance Of Ideation.mp4
│ │ │ 4. Choosing A Technique.mp4
│ │ │ 5. Conducting An Ideation Session.mp4
│ │ │ 6. Selecting The Best Ideas.mp4
│ │ │
│ │ └─2. Visual Ideation Techniques for Design Thinking
│ │ 1. Visual Ideation Techniques Intro.mp4
│ │ 3. Mind Mapping.mp4
│ │ 4. Sketching.mp4
│ │ 5. User Journey Mapping.mp4
│ │ 6. Storyboarding.mp4
│ │
│ ├─5. Research Process
│ │ ├─1. Introduction to UX Research
│ │ │ 1. Intro To UX Research Intro.mp4
│ │ │ 2. What Is UX Research1[ aixinshou.com ].mp4
│ │ │ 3. Ethics Of Research.mp4
│ │ │ 4. Best Practices.mp4
│ │ │
│ │ ├─2. Planning UX Research
│ │ │ 1. Planning Your Research - Intro.mp4
│ │ │ 2. Problem Statement 1[ aixinshou.com ].mp4
│ │ │ 3. Research Methodologies.mp4
│ │ │ 4. Research Approach.mp4
│ │ │
│ │ ├─3. Collecting Data
│ │ │ 1. Collecting Data - Intro.mp4
│ │ │ 2. Recruiting Participants1[ aixinshou.com ].mp4
│ │ │ 3. Collecting The Data.mp4
│ │ │ 4. Interviewing.mp4
│ │ │ 5. Usability Testing.mp4
│ │ │ 6. Literature Review.mp4
│ │ │
│ │ ├─4. Analyzing Data
│ │ │ 1. Analyzing Data - Intro.mp4
│ │ │ 2. Structuring The Data[ aixinshou.com ].mp4
│ │ │ 3. Analyzing Data.mp4
│ │ │
│ │ └─5. Reporting Findings
│ │ 1. Reporting Findings - Intro.mp4
│ │ 2. Reporting Findings1[ aixinshou.com ].mp4
│ │
│ ├─6. Stakeholder Interviews
│ │ ├─1. A Beginner’s Class
│ │ │ 1. Intro To First Module.mp4
│ │ │ 2. Understanding Stakeholder Interviews[ aixinshou.com ].mp4
│ │ │ 3. Importance Of Stakeholder Interviews.mp4
│ │ │ 4. Benefits Of Stakeholder Interviews.mp4
│ │ │ 5. Stakeholder Analysis.mp4
│ │ │
│ │ ├─2. Essential Steps
│ │ │ 1. Intro To Prep.mp4
│ │ │ 2. Foundations Effective[ aixinshou.com ].mp4
│ │ │ 3. Comprehensive Guide.mp4
│ │ │ 4. Crafting.mp4
│ │ │ 5. Schedulling.mp4
│ │ │
│ │ ├─3. Best Practices for Conducting Stakeholder Interviews
│ │ │ 1. Intro Conducting.mp4
│ │ │ 3. Handling Perso.mp4
│ │ │ 4. Recording.mp4
│ │ │ 5. Example.mp4
│ │ │
│ │ └─4. Analyzing Stakeholder Interview Data
│ │ 1. Intro.mp4
│ │ 2. Intro Analz[ aixinshou.com ].mp4
│ │ 3. Tech Anal.mp4
│ │ 4. Insight Decisions.mp4
│ │ 5. Dovetail.mp4
│ │
│ └─7. User Flows
│ ├─1. What is a User Flow. Understanding the Basics
│ │ 1. Introo User Flows.mp4
│ │ 2. Intro To User Flows[ aixinshou.com ].mp4
│ │ 3. Importance Of User Flows.mp4
│ │ 4. Different Types Of Flowcharts.mp4
│ │
│ ├─2. Breaking Down the Key Components
│ │ 1. Intro Anatomy.mp4
│ │ 2. Anatomy Start End[ aixinshou.com ].mp4
│ │ 3. Anatomy Decision Points.mp4
│ │ 4. Anatomy Input Points.mp4
│ │ 5. Anatomy Actions.mp4
│ │
│ └─3. Mapping User Flows. A Step-by-Step Guide for Effective UX Design
│ 1. Intro Map User Flow.mp4
│ 3. Map User Flow.mp4
│ 4. User Flows Learn-By-Doing.mp4
