|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/master-figma-uiux-prototyping-basic-to-advanced-level/
课程评论：没有评论
课程名称：Figma UI/UX 完整训练营：设计 7 个就业准备项目 课程概述：在这个 Figma 训练营中，学生将深入学习移动应用设计的基础和高级技术。通过实践项目，他们将学习创建高保真 UI/UX 设计和互动原型，适用于真实应用。每个项目都将帮助建立布局、导航、用户流程和交互元素的核心技能，使用 Figma 强大的设计工具。 项目介绍： 1. **共享乘车移动应用** - 设计一个流线型且实用的共享乘车应用，专注于以用户为中心的界面，提供无缝的预订体验。 - 学习成果：地图界面设计、乘车预订屏幕、行程选项、个人资料页面构建及关键用户流程原型制作等。 2. **鞋店电子商务应用** - 构建一个现代且引人入胜的电子商务应用，专注于视觉吸引的产品展示和用户友好的导航。 - 学习成果：主页设计、底部导航栏创建、产品细节页面、购物车页面设计及互动原型动画等。 3. **聊天应用 UI/UX** - 创建一个用户友好且视觉吸引的聊天应用，专注于消息界面、通知和用户交互。 - 学习成果：聊天界面设计、联系人列表、用户资料与设置、群聊界面开发等。 4. **音乐播放器移动应用** - 设计一个流畅且直观的音乐播放器应用界面，包含专辑封面、播放列表管理和播放控制。 - 学习成果：主页设计、正在播放界面、浏览和搜索功能、动画过渡等。 **您将学习的原型类型：** - UI 动画类型的讨论，原型设置、测试与分享，触发器工作原理等多种动画原型制作技术。 **训练营关键收获：** - 深入理解移动应用的 UI/UX 原则 - 手把手的互动原型和动画制作经验 - 移动应用导航和用户交互的最佳实践 该课程为希望增进设计技能、尤其是 UI/UX 设计及其在实际应用中的运用的学生提供了全面的学习路径。
In this Figma bootcamp, students will dive deep into the fundamentals and advanced techniques of mobile app design. Through hands-on projects, they will learn to create high-fidelity UI/UX designs and interactive prototypes for real-world applications. Each project will help build core skills in layout, navigation, user flow, and interactive elements using Figma's powerful design tools.Project 1: Ride-Sharing Mobile App Overview: Design a sleek and functional ride-sharing app, focusing on user-centered interfaces for a seamless ride-booking experience.Learning Outcomes:Creating a map interface for user pick-up/drop-off pointsDesigning a ride booking screen with options for ride types (e.g., standard, luxury, carpool)Developing ride selection options (vehicle type, fare estimate, time of arrival)Designing trip options (e.g., scheduling rides, favorite locations)Building profile pages (user profile, payment methods, trip history)Prototyping key user flows (booking a ride, selecting a driver, viewing ride details)Interactive animations for map transitions and route detailsProject 2: Shoe Shop E-commerce AppOverview: Build a modern and engaging e-commerce app for a shoe store, focusing on visually appealing product displays and user-friendly navigation.Learning Outcomes:Designing a home page with featured products and categoriesCreating a bottom navigation bar for easy access to key sections (Home, Categories, Cart, Profile)Developing a product details page with high-quality images, descriptions, and sizesImplementing an "Add to Cart" feature with feedback animationsDesigning a shopping cart page with options to modify items, apply discounts, and proceed to checkoutAdding animations for interactive prototypes to create a more immersive shopping experiencePrototyping user flows such as adding products to the cart, viewing details, and checking outProject 3: Chat App UI/UXOverview: Create a user-friendly and visually appealing chat app, focusing on messaging interfaces, notifications, and user interactions.Learning Outcomes:Designing a chat interface with messages, timestamps, and read receiptsBuilding a contacts list with options to search and start new conversationsCreating user profiles with settings, status updates, and notificationsDeveloping group chat interfaces with unique designs for multiple participantsProject 4: Music Player Mobile AppOverview: Design a sleek and intuitive music player app interface with album covers, playlist management, and playback controls.Learning Outcomes:Designing a home screen with featured playlists, recent tracks, and suggested songsBuilding a now-playing screen with album art, playback controls, and song informationCreating a browse and search feature for finding songs, albums, and artistsAdding animated transitions for song changes, shuffle, and playback animationsPrototyping user flows for playing music, navigating playlists, and managing favoritesTypes of Prototypes That You Will Learn in This Course:Discussing the Types of UI Animation.Destination, Trigger, Action and animation.Prototype Settings,Testing & Sharing Prototypes.How On Drag Trigger Works.How On Click Trigger Works.How While Hovering Trigger Works.How After Delay Trigger Works.Prototype Action-Navigate to and Change to.Open overlay.Toggle, Checkbox, Eye off on, radio.Accordion Prototyping.Tab Bar Prototyping.Video interaction Prototyping.Zooming Hover Prototyping.Card Carosel Drag animation prototyping.Sticky Scroll animation.Range Slider Prototyping.Text Animation Prototyping.Notification Effects Prototyping.animated card effect.Switch and Toggle Button.Conditional and set-variable.Delete Prototyping using set variable.Hide Show using Boolean.App Screen Advance Prototyping.Advance Prototyping Techniques.Advance prototype using Button Variants.Animated Slider.Real Time Typing Keyboard Prototyping.Key Takeaways from the Bootcamp:Deep understanding of UI/UX principles for mobile appsHands-on experience in interactive prototyping and animationsBest practices in mobile app navigation and user interaction
