|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/uidesignpatterns/
课程评论：没有评论
课程概述：UI UX 设计模式 - 由大学 UX 教师教授 本课程的第一部分将深入探讨用户界面设计模式，这是关于用户如何使用产品及其界面元素的一系列指导原则与规则。对于任何 UX 或 UI 设计师而言，理解这些设计模式至关重要。课程将详细介绍以下组成部分的最佳实践： - 表单字段 - 按钮 - 下拉菜单 - 日期选择器 - 单选按钮、复选框与切换开关 - 地址表单与搜索表单 - 标签栏与标题栏 - 折叠面板与标签 - 工具提示与阴影 - 缩略图与轮播图 - 模态窗口与灯箱 - 菜单与抽屉 - 向导、面包屑导航与分页 - 图标与照片 使用设计模式能够显著节省时间（资金），并能快速获得更好的结果，这符合敏捷应用开发的核心理念。设计师可以在日常设计决策中利用这些模式，因为它们在许多用户体验中被广泛使用，用户也习惯了这些模式的运作方式。设计模式相较于从零开始设计或创建全新的用户界面风险更低。我们并不需要将设计模式完全照搬到每一个问题上，而是可以在此基础上进行构建，利用自身经验来指导决策，因为我们知道这些模式有效。 附带的还有课程材料和 Figma 设计文件。关于 Figma 文件：视频“课程材料”中包含了使用说明，课程中每个主题都配有特定材料，也可以在“课程材料”类中下载所有文件。 课程的第二部分 - Figma 设计：我提供了一个 Figma 文件，作为项目使用，你可以下载。我们将一起逐步构建设计组件，并在 Figma 中进行实时原型开发。 希望你能享受这门课程！
PART 1:Design patterns are a set of User Interface guidelines and rules that pertain to how users use products and user interface elements. Understanding these design patterns is a must for any UX or UI designer. Things like form fields, dropdown, navigation bars, tab bars, date pickers etc. We will deep dive into each user interface component and will cover best practices for the following:• Form fields• Buttons• Dropdowns• Date pickers• Radio buttons, Checkboxes & Toggles• Address Forms & Search Forms• Tab Bars & Title Bars• Accordions & Tabs• Tool Tips & Shadows• Thumbnails & Carousel • Modals & Lightboxes• Menus & Drawers• Wizards, Breadcrumbs & Pagination• Icons & PhotosUsing design patterns can be extremely helpful, mostly because they save time (money) and get us better results, faster. Which is the core philosophy of agile application development. As designers, we can leverage these patterns and use them in our daily design decision-making because these patterns and components are used every day across many user experiences and users have been accustomed to how these patterns work. These patterns are less risky than designing something from scratch or creating a brand new user interface. We don't need to apply them exactly as they are to every problem we encounter, but rather we can build on top of them, using our experience to inform our decisions because we know that these patterns work.ATTACHED ARE THE COURSE MATERIALS AND FIGMA DESIGN FILE.Regarding the Figma fileThere are instructions in the video called "course material" and I have attached instructions as wellThere are specific course material attached to each video topic as well but you can download all of them in the class called "course material"PART 2 - FIGMA DESIGN:I have provided a Figma file that we will use as a project that you can download. We will then go step-by-step and build out the design components within live prototypes together using the design tool figmaHope you enjoy the class
