|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/uxui-design-principles/
课程评论:没有评论
课程名称:UX/UI设计原则概述(理论 + Figma练习) 课程概述: 本课程旨在深入探讨UX/UI设计原则。我们通常可以判断哪个UI设计更佳,但在实际设计过程中却往往会感到困惑。本课程将揭示设计过程流畅与美观布局的秘密。通过不到两小时的学习,您将了解UX/UI设计原则及其重要性,并学会如何将这些原则应用于您的网页和应用设计中。 课程分为两部分: 第一部分:用户体验设计原则 我们将详细讲解UX设计原则,内容主要基于尼尔森启发式原则。涵盖的主题包括: - 现实世界的引用与心理模型 - 雅各布法则—其他页面对自身设计的重要性 - 一致性的重要性 - 希克法则—选择与限制 - “魔法数字”4 - 常见的页面布局与扫描模式 - 反馈和系统状态 - 错误预防与处理 - 多巴胺与伦理设计概念 - 实践练习(包含Figma文件)——使用Figma构建线框图。 第二部分:用户界面设计原则 在这一部分,我们将探讨UX设计原则,主要基于格式塔理论。讲解内容包括: - 美学-可用性效应—值得关注的重要性 - 视觉层次 - Prägnanz法则—简约为王 - 相似法则—利用颜色、大小和形状创建设计系统 - 文字和触控目标大小 - 接近法则—间距系统与网格 - 共同区域法则—创建页面结构 - 冯·雷斯托夫效应—吸引注意力的方法 - 共同命运法则—行为预测 - 直觉反应—在设计中注入情感 - 实践练习(包含Figma文件)——将线框图转变为UI设计。 第三部分:附加内容 作为小礼物,本课程还包括其他课程的额外内容,以便您更深入地研究相关主题。 本课程适合对UX设计感兴趣的新手或希望提升技能的人士。课程由moonlearning提供。
Today, we're going to learn about UX/UI Design Principles.When looking at UI Design, we can usually tell which design works better, but when you start working on your own designs, it's suddenly not that easy anymore.What is the secret behind a smooth process and perfect distribution that seems so pleasing to us?In under two hours, I will show you the UX/UI Design principles and what, how, and why they make a difference.In this course, I combine theory concepts, real-life examples, and final practical exercises to make sure it's not just theory but a skill you can apply to your wireframes web and app designs right away. However, please be aware that this is an overall theory class!This course is divided into two parts:Part 1: Principles of User Experience DesignIn the first part, we will dive into UX Design principles, this will be loosely based on the Nielsen Heuristics:Real-world references, mental models, and how to use themJakob's Law - why other pages are important to your ownConsistency is keyHick's Law - working with choice and limitationThe magic number is 4!Common page positioning & scanning patternsFeedback and system statusError preventionError handlingA word on dopamine & ethical designEXERCISE(+Figma File)-> We are building a wireframe with Figma!Part 2: Principles of User Interface DesignIn the second part, we will learn about UX Design Principles. This part is mainly based on Gestalt Theory:Aesthetic-Usability Effect - Why even bother?What is Visual Hierarchy?Law of Prägnanz - Simplicity is key!Law of Similarity - use colour, size, and shape to create a design systemA little more on text- and touch target sizeLaw of Proximity - Spacing systems and gridsLaw of Common Region - Creating sections and adding structure to your layoutVon Restorff Effect - Drawing attention where you need itLaw of Common Fate - Behavioural predictionVisceral reaction - Emotion in your designEXERCISE(+Figma File)-> We are transforming a wireframe to UI Design with Figma.Part 3: A few little extrasAs a little gift, here are some extras from my other courses to dive a little deeper into some of the subjects we have touched. Enjoy!This course is for you if you're new to UX design, want to brush up on your skills.This is a class by moonlearning.