UI UX Design Full Course 2026 | UI UX Design Tutorial | Learn UI UX Design In 24 Hours | Simplilearn

大家好，欢迎来到 Simply 的完整 UIUX 全方位课程。今天我们为您带来 Figma UIUX 设计全方位课程，这是一个旨在帮助您掌握设计直观、引人入胜且用户友好型数字体验的艺术与科学的综合性课程。UIUX 设计在现代产品开发中起着至关重要的作用。无论是移动应用程序、网站还是企业平台，任何数字产品的成功在很大程度上都取决于用户与之的互动方式。如今，组织优先考虑用户体验，以提高客户满意度、参与度和业务成果。因此，在本课程中，我们将学习如何使用 Figma 设计以用户为中心的界面，Figma 是行业中最广泛使用的协作设计工具之一。我们将从设计基础开始，逐步深入线框图、原型设计、设计系统、可用性原则和真实项目。您不仅将学会如何使用工具，还将理解伟大的产品设计背后的设计思维、用户心理学和决策过程。课程结束时，您将能够创建专业的 UI 设计、交互式原型和作品集就绪的项目，展示行业级技能。话不多说，让我们来看看本课程的议程。首先，我们将从第一模块开始，我们将介绍 UIUX 设计。然后我们将转向设计原则的基础知识。我们还将看看如何开始使用 Figma。接下来，我们将讨论用户研究和用户画像。然后是线框图、信息架构。我们还将了解高保真 UI 设计、原型设计和交互、设计系统和风格指南、可用性测试和反馈，以及响应式和移动设计的工作原理。之后，我们还将讨论 UI UX 面试问题和答案。另外，如果您喜欢观看这类视频，请点击订阅按钮并打开铃铛图标，以便在我们举办活动时收到通知。另外，如果您想提升自己，掌握 UIUX 和设计技能，并找到您梦想中的工作，那么您一定要探索 Simply Learn 的各种产品和设计项目队列。Simply Learn 与一些世界领先的大学合作，提供各种硕士认证和研究生课程。通过我们的课程，您将获得知识和面向工作的专业知识和技能，例如人机交互、AR、VR、XR 原型设计以及十几种其他技能。这还不是全部。您还将有机会与在顶级服务型和产品型公司工作的行业专家一起参与多个项目。完成这些课程后，成千上万的学习者已经转型为初级 UIUX 设计师，或者找到了高薪工作和职位。因此，如果您热衷于在这个领域发展事业，请务必查看描述框和置顶评论中的链接。那么，废话不多说，让我们开始吧。在开始之前，这里有一个小测验题。以下哪个是用户界面元素的例子？您的选项是用户研究访谈、导航菜单、用户画像、旅程图。请在下面的评论区告诉我您的答案。>> 你好，认识一下 Sam。Sam 是一名好奇的大学生，热爱科技，但对应用程序和网站的设计方式了解不多。有一天，Sam 的好朋友向他们展示了一个笨拙的旧网站。它很难读。按钮无法正常工作，颜色让 Sam 的眼睛感到不适。Sam 说：“为什么这个网站这么糟糕？”Sam 开始在网上进行研究，试图了解网站是如何设计的以及如何改进。就在那时，Sam 偶然发现了令人兴奋的 UI 和 UX 世界。让我们和 Sam 一起踏上旅程，找出 UIUX 是什么以及为什么它如此重要。Sam 了解到 UI 代表用户界面。这就是您在屏幕上看到的内容。按钮、颜色、文本和布局。把它想象成电子游戏中的控件或汽车仪表板。如果界面设计得好，您就会确切地知道在哪里按或单击，而无需思考。另一方面，UX 代表用户体验。这完全取决于您在使用网站或应用程序时的感受。它让您的生活更轻松还是更困难？例如，如果您能轻松找到您想要的东西，那么 UX 就很好。如果您感到困惑或沮丧，那么 UX 就没有起到作用。总而言之，UI 和 UX 就像完美的食谱。UI 是呈现，外观和感觉，而 UX 是风味，确保整个体验令人愉快且有效。Sam 有一个关于帮助学生整理家庭作业的应用程序的想法。但每次他们向朋友展示应用程序设计时，反馈都令人失望。按钮太小，无法点击。没有人能弄清楚在哪里添加作业。颜色太亮，刺痛了他们的眼睛。应用程序感觉很混乱，就像一个屏幕上发生的事情太多了。Sam 意识到了一些重要的事情。应用程序的外观 UI 和它的工作方式 UX 都不对。就在那时，Sam 决定深入研究 UIUX 世界来解决这个问题。Sam 意识到，要创建一个出色的家庭作业整理应用程序，他们需要从理解用户真正想要什么开始。而不是猜测，Sam 决定与朋友交谈，问他们诸如“您目前如何整理家庭作业？”之类的问题，以及“什么让您感到沮丧？”。他们还观察了朋友使用类似应用程序的情况，看看哪些效果好，哪些不好。为了简化这个过程，Sam 使用了 Google 表单等工具来创建调查并收集反馈，并使用 Notion 将回复整理成“必备功能”和“常见问题”等类别。通过这项研究，Sam 发现用户想要一个简单、快速且视觉上令人平静的应用程序，其中包含诸如方便添加作业的功能和用于主题的颜色编码系统等功能。在清楚了解用户需求后，Sam 开始为应用程序绘制计划。这个阶段称为线框图，主要是创建应用程序结构的基本大纲，而不必担心颜色或细节。Sam 绘制了主屏幕的粗略草图，确保它具有用于添加作业和查看日历等基本操作的大而清晰的按钮。他们还规划了流畅的导航流程，以便用户可以轻松地从一个屏幕移动到另一个屏幕，而不会感到迷失。为了将这些草图变为现实，Sam 使用了 Figma 等工具，这是一个初学者友好的工具，用于创建数字线框图，以及 Balsami，它允许他们快速进行手绘风格的设计头脑风暴。这一步帮助 Sam 专注于应用程序的结构以及用户将如何与之互动。一旦线框图准备就绪，就该考虑应用程序的外观了。这个阶段称为视觉设计，主要是选择颜色、字体和图标，使应用程序在视觉上吸引人且用户友好。Sam 选择柔和的柔和色调来营造平静的氛围，并选择了清晰、简单的字体，即使在小屏幕上也很容易阅读。为了使应用程序更直观，他们添加了友好、易于识别的图标，例如用于“查看日历”按钮的日历图标。Sam 依靠 Canva 等工具来尝试不同的视觉风格，并创建情绪板和配色方案来生成和谐的配色方案。这一步确保了应用程序看起来专业且一致，同时又令人愉悦。当应用程序的设计成形时，Sam 注意到用户在早期版本中难以找到他们需要的东西。为了解决这个问题，他们专注于信息架构，这涉及逻辑地组织应用程序的屏幕。Sam 绘制了应用程序的流程图，以便主屏幕提供两个清晰的选项，“添加作业”和“查看日历”，而使用频率较低的操作（如设置）则隐藏在下拉菜单中。为了可视化这个流程，Sam 使用了 Miro，一个数字白板工具，帮助他们创建清晰且合乎逻辑的布局。这种组织使得用户更容易找到他们想要的东西，而不会感到不知所措。最后，在应用程序设计完成后，Sam 需要确保它在实际使用中运行良好。这个阶段称为可用性测试，涉及将应用程序原型交给他们的朋友，并观察他们如何与之互动。Sam 收集了有价值的反馈，例如将保存按钮做得更大的建议，以及要求添加颜色编码功能以按主题组织作业的请求。为了促进这项测试，Sam 使用了 Maze 等工具，该工具提供了用户如何导航应用程序的详细报告，以及 Zoom 来记录他们朋友的互动。根据这些反馈，Sam 进行了必要的更改并再次测试了应用程序。经过几次迭代，用户发现该应用程序简单、直观且有效。遵循这些步骤并使用这些工具后，Sam 的应用程序得到了转变。曾经混乱不堪的设计变成了一个用户友好、视觉吸引人且功能强大的应用程序。Sam 的朋友们现在发现整理家庭作业超级容易。他们喜欢直观的流程、平静的颜色和大而清晰的按钮。通过了解用户需求、创建线框图、深思熟虑地设计和测试应用程序，Sam 将他们的想法变成了真正有用的东西。这就是 UIUX 的力量。它有助于解决实际问题，并创造出人们喜爱的设计。>> 因此，让我们更好地理解 UIUX 是什么，以及两者之间的区别。UIUX 旨在改善产品的用户体验和可用性。UI 或用户界面是指应用程序或网站的图形布局。它包括按钮、菜单、图标和视觉设计方面等元素。UI 设计侧重于创建用户可以有效交互的直观、美观的界面。另一方面，UX 或用户体验涵盖了用户在应用程序或网站内的整个旅程。它涉及理解用户行为、进行可用性测试以及优化整体流程和功能以提高用户满意度。UX 设计旨在确保产品满足用户的需求，并提供无缝且愉快的体验。从技术上讲，UI 关注的是表示层，而 UX 则深入研究产品的交互设计、信息架构和可用性方面。UI 和 UX 协同工作，创造出连贯且以用户为中心的数字体验。现在您可能想知道进入这个领域需要具备哪些技能？需要学位吗？如果不需要，应该从哪里学习这些技能？有很多困惑。所以让我们先解决这个问题。首先，您需要软技能，如沟通技巧，以便在团队中传达您的想法。协作技能。学会与不同的人和团队合作。培养演示和讲故事的技能以及产品思维技能。了解什么能让您的产品取得成功。现在让我们转向必备的技术技能。您必须知道如何以及何时进行用户研究，知道要执行什么方法以及记录您的研究结果。您必须学会分析数据并知道如何提供解决方案。学习如何绘制用户流程图以解释产品的流程。学习设计工具，如 Figma。熟悉线框图和原型设计。现在，线框图是设计的简化大纲，侧重于结构和布局，不包含视觉设计元素。原型是模拟用户交互的交互式模型，在最终实现之前提供动手体验来测试可用性和功能。学习正确实现视觉设计，如颜色、排版、对比度等。好的，现在让我们转向 UIUX 设计的不同研究技术。用户研究基本上是从用户那里收集信息，了解他们的需求或期望。现在有两种研究类型：定量研究和定性研究。定量研究涉及收集和分析数值数据，以识别模式、预测结果并概括目标受众或主题的发现。定量可用性测试、网络分析、卡片分类和调查等方法有助于收集用户行为和态度的相关数据。另一方面，定性研究侧重于捕捉用户体验的主观见解，以理解他们潜在的原因、动机和行为。常见方法包括用户访谈、日记研究、焦点小组和可用性测试。因此，我希望您对初学者级别的 UIUX 设计应该涵盖的内容有所了解。现在让我们转向一旦您进入工作岗位，您将如何应用这些技能或期望您完成的任务。您的任务包括进行用户研究活动，如访谈、调查和可用性测试，以了解用户需求。我们将创建线框图和简单的原型，以清晰地展示设计理念。我们还将帮助选择界面的颜色、字体和图标，并设计交互式元素，如按钮和菜单，以使其易于使用。您将在测试环节中观察用户，收集反馈以改进设计。与其他团队合作，您将确保设计目标与业务需求和技术要求相匹配。现在是最令人担忧的部分。人工智能会抢走您的工作吗？虽然人工智能可以帮助完成 UIUX 设计的某些部分，例如使重复性任务更容易或建议设计理念，但它不会取代整个工作。设计是关于理解人们的感受和情感，而人工智能在这方面并不擅长。此外，人类带来了人工智能无法比拟的创造力和解决问题的能力。因此，虽然人工智能可能是设计师的有用工具，但它不会取代他们，因为人类拥有机器无法复制的特殊触感。现在，作为初学者，我们确信您总是对应该学习和开始使用的工具感到困惑。有许多工具可用，但对于 UIUX 设计的初学者来说，通常推荐使用用户友好且功能多样的工具，如 Figma。Figma 是一款基于网络的設計工具，提供协作环境，让初学者轻松学习并与他人合作。它具有低入门门槛，直观的界面和全面的功能，用于设计界面、创建原型和与团队成员协作。此外，Figma 的云端性质允许无缝共享和实时协作，这对于寻求反馈和向他人学习的初学者非常有益。总而言之，Figma 是初学者深入 UIUX 设计的绝佳选择。您可以在 Simply Learn 的 YouTube 频道上找到有关 Figma 的详细教程。所以，现在您对初学者来说，应该了解哪些是必备知识，以及在 UIUX 中需要学习什么。但是，在学习了所有这些之后，它将如何帮助您，或者事实上，您将如何找到工作？您可以通过申请为公司工作，也可以做自由职业者。无论哪种方式，您都需要一个作品集来展示您的技能和项目。一些初学者项目，您可以做的是重新设计现有的网站或应用程序，设计产品的登陆页面，设计分析仪表板，以及设计旅行预订平台。现在，要建立一个初学者 UIUX 设计作品集，请遵循以下步骤。选择三到五个您最强的设计项目在您的作品集中展示。专注于展示一系列技能并突出您的创造力和解决问题能力的项目。对于每个项目，创建一个案例研究，概述问题、您的设计过程以及您实施的解决方案。包括线框图、模型、原型以及进行的任何用户研究或测试。构建一个作品集网站来展示您的项目和技能。使用干净专业的設計，反映您的个人风格和品牌。包括“关于我”部分、您的简历和联系信息。撰写引人入胜的项目描述，解释每个项目的背景、挑战和成果。使用清晰简洁的语言，并突出您的贡献和成就。包含项目的屏幕截图、视频或交互式原型，以视觉方式展示您的作品。使用高质量的图像和视频，使您的作品集在视觉上具有吸引力和吸引力。向同行、导师或行业专业人士寻求反馈，以改进您的作品集。纳入这些建议并根据需要进行修订，以确保您的作品集有效地传达您的技能和经验。现在，一旦您的作品集准备就绪，请与潜在雇主、招聘人员和您的专业网络分享。积极主动地推广您的作品集，并寻找与您的职业目标相符的工作机会。好了，您已经了解了。我们已经涵盖了您在 UIUX 世界中开始您的旅程所需了解的一切。希望您对 UIUX 的确切含义以及您必须努力掌握的技能和要求有所了解。>> 因此，让我们首先尝试理解为什么 UIUX 在 2026 年仍然很重要。即使在 2026 年，UIUX 也不是可选项。每个应用程序、网站、软件或 AI 工具都需要良好的设计。如果用户不了解如何使用产品，他们就会离开。当用户离开时，企业就会亏损。这就是为什么 UIUX 设计师仍然需求量很大的原因。但是像 Apple、Google、Airbnb 和 Netflix 这样的公司之所以获胜，不仅仅是因为功能。他们因为出色的用户体验而获胜。今天的公司说，如果设计不好，产品就不好。所以设计不再是装饰，设计是一种策略。现在我们将讨论 AI 对 UX 角色影响。AI 改变了我们的设计方式，但它并没有取代设计师。AI 可以加速设计、建议布局、创建线框图，但 AI 无法理解人类的情感、行为和道德。因此，与 AI 合作的设计师将更快地成长，而不是消失。现在，在继续之前，让我们理解 UIUX 和产品设计之间的明确区别。所以基本上，如果我谈论 UI，UI 代表用户界面，UI 设计师专注于颜色、字体、按钮、排版、布局等。所以 UI 设计意味着事物的外观，而另一方面，UX 代表体验。这就是用户的感觉，意味着事物是如何工作的。UX 设计师专注于用户研究、用户问题、用户旅程、线框图和可用性测试。所以简而言之，UI 是脸，UX 是大脑。现在让我们理解 UI 设计师和 UX 设计师之间的简单区别。假设您在一家餐厅工作。您看到的 UI 是所有东西。菜单设计、颜色、字体、布局以及这个地方看起来有多吸引人。那就是 UI。如果菜单看起来干净，文字易于阅读。如果设计感觉很高端，那么 UI 设计师就做到了这一点。另一方面，UX 是您的体验感受，找到桌子有多容易，您对菜单的理解有多快，您下订单有多顺畅，以及食物是否在没有混淆的情况下送达，那就是 UX。如果一切感觉简单、顺畅且无压力，那么 UX 设计师就做得很好。这就是 UI 和 UX 的含义。所以现在您一定在想，什么是产品设计？产品设计师同时做 UIUX 和商业思维。他们考虑用户需求、业务目标、产品增长和长期战略。这就是 UI 设计师和 UX 设计师以及产品设计师之间的区别。现在您一定在想，应该选择哪个角色。所以让我为您轻松决定。如果您喜欢视觉效果，那么 UI 设计适合您。如果您喜欢解决问题，那么 UX 设计适合您。如果您想要对产品拥有完全的所有权，那么产品设计适合您。它谈论的是您对每个角色所需的思维方式。UI 设计师需要创造力和高度的细节关注，使界面看起来干净且视觉吸引人。而 UX 设计师需要好奇心和同理心来理解用户问题并创造易于使用的体验。产品设计师需要大局观和清晰的沟通能力来平衡用户需求与业务目标。现在，让我们继续讨论 2026 年的 UIUX 设计师路线图。这是从基础到高级的 UIUX 路线图，实际上分为六个阶段，跨度为六个月。每个月都建立在前一个月所学的基础上。因此，如果您一步一步地遵循它，您将从初学者成长为一名自信的设计师。现在，让我们讨论第一阶段，即设计基础。在第一个月，您不使用任何花哨的工具，没有 Figma，没有高级软件。您专注于设计基础，因为这是优秀设计师真正诞生的地方。首先，您学习对比度、对齐、间距和层次结构等基本设计原则。这些有助于用户快速了解他们应该看什么、点击什么以及可以忽略什么。接下来，我想说学习色彩理论。所以，如果我谈论色彩理论，那么您需要了解颜色如何影响情绪、信任、注意力以及决策，而不仅仅是看起来好。然后您学习排版基础知识。这意味着选择正确的字体并使文本易于阅读，这样您的设计看起来干净且专业。最重要的是，您将学习设计中的人类心理学。您将了解人们如何阅读屏幕、做出选择，有时甚至在没有意识到的情况下感到困惑。现在，让我们讨论第一个月的项目创意。选择任何现有的应用程序或屏幕，如食品配送或购物应用程序。使用基本的设计规则重新设计屏幕。没有动画，没有花哨的效果，只有一个干净的布局、良好的间距和清晰的设计。现在，让我们讨论第二阶段。在第二阶段，您将进行 UX 研究和线框图绘制。在第二个月，您将从视觉转向 UX 思维。您停止询问屏幕看起来如何，而是开始询问用户如何思考和感受。首先，您学习识别真实的用户问题。不仅仅是用户说出来的，而是他们实际遇到的困难。然后您创建用户画像，这是真实用户的简单档案，他们的目标和痛点。接下来，您绘制用户旅程和流程图，规划用户在应用程序内应遵循的逐步路径。最后，您创建线框图，简单的黑白屏幕，只关注结构，不关注设计。对于您第二个月的项目，请重新设计任何现有应用程序的用户流程，并为其创建低保真线框图。现在，让我们讨论第三阶段，即 UI 设计工具。在第三个月，您终于开始使用 UI 设计工具。您的主要重点应该是 Figma，因为它是行业中最广泛使用的设计工具。除了 Figma，您还可以探索 Adobe XD 和 Framer，并可以使用 Fig Jam 进行头脑风暴和规划想法。所以，您可以看到这些是相应的工具。但请记住，不要试图一次掌握所有内容。深入专注于一个工具，尤其是 Figma。在 Figma 中，您将学习自动布局，这样您的设计就可以适应不同的屏幕尺寸。到本月结束时，您不仅会了解工具，还会自信地设计完整的应用程序屏幕。对于您本月的项目，您可以做的是使用组件、自动布局和简单的设计系统在 Figma 中设计一个完整的移动应用程序 UI。现在，让我们来谈谈第四阶段，即原型设计和可用性测试。所以，在这个阶段，您将了解到设计在真实用户测试之前是不完整的。您创建可点击的原型并添加小的交互，使应用程序感觉真实且流畅。然后您通过观察真实用户使用您的设计并注意到他们遇到的困难来进行可用性测试。您收集反馈并一次又一次地改进设计，而不是仅仅猜测。所以，对于项目，您可以构建一个可点击的原型，与用户一起测试，并对其进行迭代，直到体验感觉轻松自然。现在，在第五阶段，我们将讨论高级 UX 和可访问性协作。在第五个月，您开始像专业设计师一样思考，而不是像学生一样思考。您学习可访问性基础知识，这样您的设计就可以被所有人使用，包括残疾人。您为多种设备设计，并学习如何清晰地将设计移交给开发人员。您还将了解如何在真实的团队环境中与产品经理和工程师合作。对于项目，您可以做的是改进任何现有应用程序或网站的可用性和可访问性，以展示真实世界的设计技能。现在，让我们进入第六阶段，即作品集和求职准备。第六个月是您的职业生涯真正开始的地方。您专注于为就业做好准备，而不仅仅是学习设计。您创建强大的案例研究，解释问题、您的解决方案和影响，而不仅仅是最终屏幕。您还将展示您的完整设计过程，并练习自信地解释您的工作以应对面试。所以，您展示您的完整设计过程，并练习自信地解释您的工作以应对面试。现在，您的真实生活项目是实施所学知识。这是一个完整的端到端产品，从用户研究和线框图到测试和最终 UI，以及创建一个强大的作品集，证明您已准备好担任 UIUX 职位。所以，在最后一步，您可以做的是构建一个完整的端到端产品，从用户研究到最终 UI。然后您可以做的是创建您的作品集，将其上传到任何网站，如 GitHub 或 Behance，并编写一份完整的文档，证明您已准备好担任 UIUX 职位。所以，这是您的基础到高级的分步六个月 UIUX 设计路线图。保持一致性、定期练习和真实项目，您将构建真正重要的技能。现在，让我们学习 2026 年要掌握的顶级 UIUX 工具。在 2026 年，设计师应该关注 Penpot、Logofy、UISD 和 Framer AI 等工具。这些工具利用 AI 和自动化来减少重复的设计工作。它们甚至有助于将想法和设计更快地转换为可用的布局和代码，并允许设计师更多地专注于 UX 思维和创造力，而不是手动任务。继续讨论 Figma 与 AI 工具。所以，如果我谈论 Figma 提供了控制和协作，而 AI 工具提供了速度和自动化。最优秀的设计师不是选择一个，而是两者结合。通过无代码和自动化，设计师现在可以更智能地设计并更快地切换，从而在工作中获得强大的优势。现在，让我们讨论需要掌握的技能。首先，学习 HTML CSS 基础知识。您不需要成为一名开发人员，但了解基础知识有助于您更现实地设计并与开发人员清晰地沟通。接下来是设计系统。您将学习组件、令牌和一致性规则。这允许您重用元素而不是重新设计所有内容，并有助于产品随着时间的推移平稳扩展。最后，我想说提示工程。所以，设计师现在通过编写清晰的提示、设计说明和 UX 逻辑来与 AI 合作。这是一项新的但强大的技能，有助于您在 2026 年更快、更智能地工作。现在，让我们谈谈个人品牌。首先，您的作品集平台。您可以使用 Dribble、Behance 和 LinkedIn 等平台来展示您的作品。但不要只上传漂亮的屏幕。始终解释您的想法，您为什么这样设计，您解决了什么问题，以及您是如何做出决定的。接下来是您的案例研究作品集，这是最重要的部分。一个好的案例研究清楚地解释了四件事。问题、您的过程、您做出的决定以及最终结果。请记住，公司不聘请屏幕，他们聘请解决问题的人。之后，专注于建立在线权威。在 X 上分享简单的设计技巧，并在 Medium 上撰写 UX 文章，并在 LinkedIn 上定期发布。您不必成为病毒式传播者。您只需要被看见。当人们持续看到您的想法时，机会就会开始出现。在 UIUX 中，可见性创造信任，信任创造工作。现在，让我们谈谈 2026 年的 UIUX 职业道路，因为学习设计是一回事。选择正确的职业道路是另一回事。作为一名 UIUX 设计师，您有三种主要的职业选择。您可以作为自由职业者工作，在那里您可以选择客户并独立工作。或者您可以作为内部设计师工作，在那里您为一家公司设计并与他们的产品一起成长。或者您可以与产品团队合作，在那里您与设计师、开发人员以及产品经理密切合作。这里没有最佳选择。您根据您的生活方式、稳定性和工作偏好来选择，而不是仅仅追随潮流。现在，让我们谈谈远程和全球工作。UX 是当今最适合远程工作的职业之一。公司和客户不在乎您住在哪里。他们关心您的技能和作品集。这意味着您可以与全球团队和国际客户在任何地方工作。最后，让我们看看设计领域出现的新角色。在 2026 年，我们将看到 AI UX 设计师、对话式 UX 设计师和设计策略师等角色。这些角色侧重于设计 AI、语音界面和产品策略的体验。所以请记住，设计角色并没有缩小，而是正在演变和扩展。现在，让我们稍微讨论一下 UIUX 设计的未来。首先我想谈的是 AI 驱动的设计协作。未来，设计师将与 AI 工具紧密合作，而不是取代创造力，而是加速工作。AI 将有助于布局、想法、测试和改进，而设计师则专注于思考和决策。接下来是个性化和道德 UX。产品将根据用户的需求和行为为每个用户进行更个性化的定制。同时，设计师必须合乎道德地设计。没有令人困惑的模式，没有诡计。未来的良好 UX 意味着诚实、包容和以用户为先。最后，混合现实和增强现实界面。设计师正在超越移动和网页屏幕，转向增强现实和沉浸式体验。设计师将开始创造将数字世界和现实世界融合的体验。因此，UIUX 的未来将更加智能、更负责任，也更具沉浸感，而适应的设计师将保持领先地位。现在，让我们稍微谈谈薪资预期。在印度，作为一名初学者，您可以轻松赚取约 4 到 8 LPA。有了一些经验，您可以轻松赚取约 10 到 18 LPA。作为一名高级设计师，您可以轻松赚取高达 20 LPA 或更多，尤其是在产品型公司。在美国，薪资甚至更高。初学者平均每年收入约 70,000 美元。如果我谈论中级设计师，他们可以轻松赚取约 100,000 美元或更多。而高级设计师甚至可以赚取超过 150,000 美元或更多。>> 你好，欢迎回到 SimplyLearn 的 YouTube 频道。今天我将讨论 UIUX 设计法则。伟大的用户体验背后的秘诀。这些不仅仅是随意的规则。它们是实用且经过验证的原则，可以让您的设计直观且用户友好。因此，在本视频中，我将解释 12 条最重要的 UIUX 设计法则。我们还将看到每个法则的一些例子，以便更好地理解。所以，让我们开始吧。但在那之前，这里有一个快速信息给您。您可以通过 Simply Learn 的 UIUX 设计高级认证来释放您的潜力，并深入用户中心设计世界。这个综合课程涵盖了线框图、原型设计、可用性测试以及掌握 Sketch、Figma 和 Adobe XD 等行业领先工具等基本技能。一个专注于实践学习的 AI 驱动的 UIUX 设计课程。无论您是志向远大的设计师、希望扩展技能集的开发人员，还是正在向 UIUX 领域转型的人，本课程都提供实践经验、真实项目以及行业专业人士的专家指导。立即注册，通过 Simply Learn 全球公认的认证，开始您在 UIUX 设计领域成功职业生涯的旅程。您可以在描述框和置顶评论中找到课程链接。所以，让我们开始吧。所以，让我们从美学可用性效应开始。它指出，人们认为漂亮的设计效果更好，即使它们实际上不是。所以想想您看到一个设计精美的应用程序或网站时的感受。您自然会认为它质量很高且易于使用，对吧？这就是这个法则在起作用。一个好看的设计会创造信任和积极的感觉，即使存在一些小缺陷。这就像遇到一个穿着得体的人。他们似乎更可靠。一些例子是 Apple 产品。它们时尚的设计让人们感觉自己在使用最好的技术，即使有时存在 bug 或故障。还有 Airbnb 的网站。干净的设计和高质量的图片让您在未使用该平台之前就对预订住宿充满信心。现在，第二，我们有 Docker 阈值。所以，当系统响应速度快于用户思考速度时，用户就会保持参与。没有人喜欢等待。无论是页面加载还是按钮响应，延迟都会让用户感到沮丧。因此，如果您的应用程序或网站跟上用户的步伐，他们就会保持专注并享受体验。例子是 Instagram。所以，当您滚动时，新帖子会立即加载，所以您永远不会感到被打断。还有 Google 搜索。您点击搜索的那一刻，结果就快速无缝地出现了，让您保持参与。接下来是第五法则。它定义了更大、更近的按钮更容易点击或触摸。所以，想象一下试图点击屏幕角落里一个小小的按钮。这很烦人，对吧？想想点击一个大而位置合适的按钮有多容易。这就是 Fitz 法则。当交互元素又大又近时，它们更容易、更快使用。一些例子是 Amazon 的“立即购买”按钮。它很大、很醒目，就在您能看到的地方，所以您可以毫不费力地进行购买。还有 MapDog。当您将鼠标悬停在一个图标上时，它会放大，使您更容易点击想要的图标。现在，第四，我们有 Hick 法则，这意味着更多的选择等于更长的决策时间。所以，您是否曾经看过一份很长的餐厅菜单并感到不知所措？这就是 Hick 法则在起作用。当用户被过多的选项轰炸时，他们需要更长的时间来决定，或者更糟的是，他们会放弃。因此，保持简单有助于用户快速专注和行动。一些例子是 Netflix 的类别。Netflix 不会向您展示所有内容，而是将内容组织成易于浏览的部分，如主题和热门内容。然后您有 Spotify 的播放列表。它们建议少量精选播放列表，而不是展示每一首歌曲，让您的选择更容易。现在，第五条是 Jacob 法则，它指出用户期望设计与其他熟悉的设计以相同的方式工作。所以，人们喜欢熟悉的事物。如果您的设计与他们习惯的不符，他们会感到迷失和困惑。所以，把它想象成开车。如果有人移开了刹车踏板，那将是一场混乱，对吧？所以，一些例子是电子商务网站。所以，购物车总是在右上角。所以，把它移到别处会使购物者感到困惑。然后您有社交媒体平台。点赞和评论等功能在 Instagram、Facebook 和 Twitter 上都一样。所以，用户会立即知道该怎么做。接下来是共同区域法则。它指出，将相关项目分组在一起以显示它们是连接的。所以，想象一下杂货店，所有水果都在一个区域，所有零食都在另一个区域。这就是这个法则的工作原理。通过在视觉上对相似的项目进行分组，您可以让用户更容易理解它们之间的关系。一些例子是 Google 搜索结果。它们使用卡片来对广告、特色摘要和自然结果进行分组。所以，很清楚哪些属于一起。然后您有表单。所以，将姓名、电子邮件和电话字段分组有助于用户知道它们属于同一部分。接下来是 Miller 法则。人们一次只能记住大约七项信息。所以，我们的大脑一次只能处理这么多信息。如果您让用户超载太多东西，他们就会忘记或感到困惑。诀窍是，将事物分解成更小的块，使其更容易处理。一些例子是 Spotify 的导航。Spotify 的导航栏不显示所有功能，而是专注于少数几个关键选项，如主页和搜索。然后您有多步表单。LinkedIn 等网站将工作申请分解成更小的步骤，使过程不那么令人生畏。接下来是 Occam's Razor。它指出最简单的解决方案通常是最好的解决方案。所以，多不一定更好。干净简单的设计通常比带有过多附加功能的更有效。因此，如果一个元素没有服务于目的，最好将其删除。例如，Google 主页，它只有一个标志、一个搜索栏和两个按钮。简单而有效。现在，第九项是 P2 原则，也称为 80/20 法则。它指出 80% 的结果来自 20% 的努力。所以，专注于最重要的功能。因此，与其试图完善一切，不如确定对影响最大的少数几个元素并优先处理它们。例如，Instagram。所以，发布照片和故事驱动了大部分参与度。因此，这些功能是应用程序的主要焦点。然后您有 Amazon。立即购买按钮和搜索栏位于最前面，因为它们是最常用的功能。接下来是序列位置效应。它指出人们比中间的项目更容易记住第一个和最后一个项目。所以，如果您希望用户记住某件事，请将其放在开头或结尾。中间的东西更有可能被忽略。例如，Amazon 的交易。它们在主页的顶部和底部突出显示最佳交易，以吸引您的注意力。还有演示文稿。您是否注意到任何演示文稿中最令人难忘的部分通常是开头和结尾？现在，第 11 项是 Tesla 法则或复杂性守恒法则。它指出一些复杂性是不可避免的。所以，明智地管理它。所以，您不能简化一切。有些过程本身就很复杂，但您作为设计师的工作是让它们对用户尽可能容易。例如，Photoshop 工具栏。它很复杂，因为它必须如此，但 Adobe 将工具组织成类别，使其易于管理。还有报税应用程序。报税本身就很复杂，但 TurboTax 等应用程序通过分步指导简化了这一过程。还有一些应用程序提供自动填充选项。最后是醒目效应。它指出脱颖而出的事物更容易被记住。所以，如果某样东西看起来不同，它就会吸引注意力并留在您的脑海中。因此，请使用此功能来突出重要元素，如号召性用语按钮或特别优惠。例如，Spotify 的注册按钮。明亮的绿色按钮在深色界面中脱颖而出，使其不可忽视。还有促销标签。商店使用红色标签进行折扣，因为它们立即吸引您的眼球。所以，这就是了，伙计们。视频到此结束。这些 UIUX 设计法则就是您创建不仅美观而且直观有效的设计的工具包。那么，哪个最让您印象深刻？请在评论区告诉我。想象一下您正在设计一个数字产品，如网站或应用程序。您的最终目标是什么？不仅仅是功能，对吧？它是关于创造一种无缝、直观且令人愉快的用户体验。所以，让我给您看点东西。这里有一个遵循关键 UI 原则的优秀设计示例。它干净、有条理且易于导航。现在，与这个糟糕的设计进行比较。混乱、压倒性且使用起来令人沮丧。区别非常清楚，对吧？这就是 UI 设计原则发挥作用的地方。它们只是一个路线图，可以帮助像您这样的设计师设计出既用户友好又令人愉快的界面。因此，欢迎来到 Simply Learn 的另一个信息丰富的视频，今天我们将讨论这些 UI 设计原则。遵循这些原则的重要性。需要关注的七个关键原则以及一些将帮助您创建更好的 UI 设计的技巧。因此，出色的 UI 设计不仅仅是漂亮的视觉效果。它是关于让您的产品功能齐全、令人愉快且易于每个人使用。以下是遵循这些原则的重要性。第一，增强可用性。将 UI 设计想象成给某人指路。所以，您不是递给他们一张地图让他们自己弄清楚，而是指向清晰的标志，他们可以一步一步地遵循。这就是好的 UI 所做的。它提供了清晰性和简洁性，轻松地引导用户实现他们的目标。第二，改善决策。因此，当您的设计清晰且一致时，用户可以更自信地导航。对于设计师来说，拥有一个结构化的框架可以更容易地预测用户需求并做出明智的选择。接下来是提高效率。因此，Figma 的研究表明，使用设计系统的团队完成任务的速度比不使用的团队快 34%。因此，从清晰的 UI 原则开始，有助于设计师和开发人员简化工作流程，然后减少认知负荷。因此，良好的设计可以最大限度地减少用户完成任务所需的精神努力。这意味着减少挫败感和更愉快的体验。因此，在我们继续讨论七个原则之前，这里有一个快速信息给您。您可以通过 Simply Learn 的 UIUX 设计高级认证来释放您的潜力，并深入用户中心设计世界。这个综合课程涵盖了线框图、原型设计、可用性测试以及掌握 Sketch、Figma、Adobe XD 等行业领先工具等基本技能。一个专注于实践学习的 AI 驱动的 UIUX 设计课程。因此，无论您是志向远大的设计师、希望扩展技能集的开发人员，还是正在向 UIUX 领域转型的人，本课程都提供实践经验、真实项目以及行业专业人士的专家指导。因此，立即注册，开始您在 UIUX 设计领域成功职业生涯的旅程。您可以在描述框和置顶评论中找到课程链接。因此，第一个是层次结构，它指导用户的注意力。因此，层次结构就是将用户的注意力首先引向最重要的元素。因此，您可以将其想象成报纸上的标题。在深入细节之前，它会吸引注意力。因此，在 UI 设计中，您可以使用大小、对比度和间距来创建清晰的结构。因此，让我们从字体大小和粗细开始。因此，正如您所见，大而粗的字体会立即吸引眼球，指向标题或关键操作。因此，例如，在电子商务应用程序中，产品名称是粗体的，价格略小。然后是对比度。因此，请确保您使用颜色来突出关键元素。例如，一个明亮的“立即购买”按钮与中性背景形成对比，自然会吸引注意力。然后是间距，这意味着将相关内容分组在一起，并在不相关项目之间留出足够的空间以创造清晰度。因此，正如您在此示例中所见，公司名称或徽标是粗体且突出的，因为这是他们希望用户首先看到的内容，然后是副标题或部分。因此，视觉线索的使用确保用户可以快速浏览并轻松找到他们需要的东西。因此，问问自己，我希望我的用户首先注意到什么，然后围绕它进行设计。第二个是渐进式披露，即简化复杂流程。因此，渐进式披露就像剥洋葱。您一次揭示一层，以避免让用户不知所措。因此，不要一次显示所有内容，而只显示当前步骤所必需的内容。因此，例如，在引导用户使用生产力应用程序时，您可能会先要求输入姓名和电子邮件。在下一步，您会收集其他详细信息，如偏好和设置。因此，这使得过程不那么令人生畏。因此，为了使渐进式披露有效，第一是提供进度指示器。因此，它可以是您在此示例中看到的进度条，或者您也可以给出步骤，如步骤一、步骤二或步骤三，这样用户就知道他们身在何处。您还可以避免不必要的步骤。因此，尽量缩短流程，并测试您的多步流程，以确保用户不会在中间放弃。现在第三个是一致性，即通过可预测性建立信任。因此，一致性创造了熟悉感和信任感。因此，当用户知道按钮、菜单或导航栏将如何工作时，他们就可以专注于他们的任务，而不是弄清楚界面。因此，例如，在电子商务平台中，“添加到购物车”按钮在所有产品页面上都一致地放置在产品描述附近。因此，这种统一的放置确保用户可以快速将商品添加到购物车，而无需搜索按钮，从而简化了他们的购物体验。因此，现在一致性适用于颜色。对类似的操作使用相同的颜色，例如绿色表示提交，红色表示取消。然后是排版。保持标题、正文和标签的字体样式统一，以及交互模式。因此，确保您使用的下拉菜单、滑块和按钮在整个设计中表现相同。因此，创建样式指南或设计系统以在您的项目之间强制执行一致性。现在第四个是对比度，即突出重要内容。因此，对比度有助于用户区分主要操作和次要操作。它不仅仅是关于颜色。它是关于确保最关键的元素脱颖而出。因此，例如，一个红色的删除按钮放在纯色背景上会立即吸引注意力，表明该操作的严重性。另一方面，取消等次要选项可能会显示为灰色，以表明它们不太关键。因此，使用对比度来提高文本可读性，例如白底黑字或高对比度的颜色组合用于按钮。还请使用对比度检查器测试您的设计，以确保它们符合可访问性标准。因此，要有意地使用对比度。过度使用它也会造成视觉混乱。现在，接下来是可访问性，即为所有人设计。因此，可访问性确保您的界面适用于所有人，包括残疾人。因此，这不仅是道德责任，也使您的产品更加用户友好。因此，一些关键的可访问性实践是第一，高对比度颜色。因此，请确保文本和背景具有足够的对比度以提高可读性。接下来是为图像添加替代文本，这意味着描述图像以供屏幕阅读器使用，因此即使是视障用户也能理解它们。接下来是辅助技术兼容性。因此，请使用屏幕阅读器进行测试以确认功能。因此，例如，Netflix 的字幕和音频描述允许有听力或视力障碍的观众无缝地享受内容。现在，第六项是邻近性，即对相关项目进行分组。因此，邻近性是将相关元素放在一起，以便用户将它们视为已连接。因此，这会创建一个逻辑且直观的布局。因此，例如，在音频播放器中，播放、暂停和音量等按钮被分组在一起，因为它们都与播放控件相关。但是，退出或关闭按钮被单独放置，以防止意外点击。因此，这就是您如何有效地使用邻近性。第一，将标签放在它们描述的表单字段旁边。第二，通过适当的间距对相关项目进行分组以显示连接，然后将不相关的元素分开以减少视觉混乱。因此，白色空间，正如您所见，不是浪费的空间。它有助于用户专注于并轻松导航。最后，第七项是对齐，它创造了秩序和平衡。因此，对齐确保您的设计感觉干净且专业。这就像整齐地将书放在书架上。它创造了秩序和可预测性，使用户更容易导航。例如，电子商务产品页面以一致的网格布局对齐图像、产品标题和价格。这种结构有助于用户快速比较产品。因此，一些最佳实践是

对齐是第一位的，使用网格系统来构建您的布局。第二，对齐文本、图像和按钮。沿着一致的边距，并避免随意放置。它会破坏视觉流程。因此，即使是微小的错位也会使设计看起来不完善。所以请仔细检查您的间距和放置。这些是设计时要牢记的七个 UI 设计原则。现在，让我们来看一些有效的 UIUX 设计技巧。第一条是应用透视。如前所述，通过一系列逻辑操作来引导用户。例如，引导他们从浏览产品到将其添加到购物车并完成结账。第二，保持轻松。通过清晰的导航和最小的认知负荷，使界面直观。然后使用快捷方式。通过快速访问按钮或键盘快捷方式来加速常用任务。最后，进行测试。观察真实用户如何与您的设计互动，以便及早发现和修复问题。这就是 UI 设计原则的总结。请记住，出色的设计不是为了炫耀。它是关于功能性、可访问性和直观性。因此，应用这些原则，测试您的想法，并不断完善您的技能。如果这个视频对您有帮助，请不要忘记点赞、订阅并与您的设计师同行分享。>> 什么是 UX 研究？UX 研究是一条技术路径或一种方法，用于在用户使用任何系统、产品或服务时深入了解用户的需求。UX 研究是研究用户对任何产品或服务的依恋模式，并不断升级以获得更好的使用。UX 研究包括了解用户。核心目标是了解用户是谁，他们想实现什么，以及他们在与产品或服务互动时遇到的问题，从而为设计提供信息。从研究中收集到的见解用于指导设计决策，帮助创建功能性、易用且令人满意的以用户为中心的产品。UX 研究促进在产品生命周期中持续了解用户的过程，以构建真正满足他们需求和期望的产品。UX 研究方法和途径。由于 UX 研究依赖于理解用户对产品或服务的看法，因此采用了多种方法和途径来获得最佳的研究成果。在这里，让我们深入研究各种研究方法，以进行逻辑上成功的分析。定量研究方法。顾名思义，定量研究方法取决于使用的数据量。定量研究涉及收集和分析通过用户测试获得的批量数据数字和统计值。定量方法在大多数情况下用于解释产品或服务的可用性范围。此方法还有助于确定产品与竞争产品相比的保留率。定量方法本身进一步分为以下几种策略。首先，分析。分析是一种定量方法，涉及数据收集，例如用户访问网站的数量、在网站上的停留时间、向下滚动单词等。最著名的分析平台是 Google Analytics。从这些信息中，UX 研究人员可以得出网站流量、任何产品的趋势等结论。现在，让我们讨论第二种方法，鼠标映射。鼠标映射技术是一种方法，可以映射用户在特定网站上的操作，以识别网站的有价值和无效的产品。用户的移动将解释被忽略的部分和出色的活动，这将有助于 UX 研究人员确定特定网站的可用性。第三种是漏斗分析。漏斗分析将帮助 UX 研究人员确定用户可以访问网站的范围。它显示了用户在网站上通过多少步骤来完成某项操作。分析从表单到最终成型图的数据，从第一个仪表板开始，逐渐缩小到最终点。现在第四种用户测试。用户测试是一种更直接的方法，用户直接参与提供有关产品或服务的反馈。收集大量用户反馈并处理数据以识别任何缺陷部分。它将帮助 UX 研究人员将其产品发展到更好的结局。现在让我们讨论第二种研究方法。它是定性研究方法。定性研究方法在技术上与定量研究方法相反。在定性研究中，收集的信息是非数字的，例如评论、意见、行为模式等。这种研究方法更侧重于理解每个用户，而不是关注用户群体。同样有多种定性方法，这里有几种。所以第一种扎根理论方法。扎根理论是一种在检查从用户那里获得的非数字数据（如意见、评论或任何内容）后假设观点的研究方法。扎根理论方法通过用户反馈来绘制用户的思维图。第二种是卡片分类。卡片分类是另一种相对简单的技术。用户会收到一套包含特定主题、概念或类别的卡片，并被要求根据他们的意见对它们进行排序。排序的顺序将揭示用户对特定产品期望的体验顺序。因此，它将帮助 UX 研究人员开发一个满足用户期望的模块。第三种是调查。调查是一种广泛的定性方法，调查将帮助用户用他们自己的话或评论精确地理解用户的想法。调查以数据形式收集用户期望，UX 研究人员可以处理这些数据以设计更好的用户友好型产品。现在第四种是访谈。访谈是更好的定性方法，因为用户是单独评估的。通过访谈获得的数据非常可靠，因为它们没有错误意见。那么 UX 研究人员做什么？UX 研究人员担任许多角色和职责，并且期望 UX 研究人员拥有特定的技能和知识。以下是 UX 研究人员的任务。UX 研究人员的任务和职责如下。收集研究数据。设计收集数据的方法。联系用户收集数据。分析招募的数据。从数据中提炼见解。根据研究成果制定产品开发计划。UX 研究人员负责使用各种研究方法来理解用户的行为、需求和动机。此职位包括进行访谈、调查、可用性测试以及分析用户数据，以帮助指导设计决策。现在让我们讨论必不可少的 UX 设计技能。第一种，分析技能。成为一名 UX 研究人员的首要也是最重要的部分是分析提供的数据。因此，分析技能对 UX 研究人员至关重要，他们必须能够彻底解释数据。第二种，共情技能。UX 研究人员必须能够共情，以理解用户的情感和行为，并能够设身处地为用户着想，以清晰地了解从用户那里收集到的数据。第三种，热情。热情对这份工作非常重要，因为只有充满热情，研究人员才能深入了解用户的观点。对这份工作的热情将帮助研究人员开发独特的技巧来理解用户的心理。现在第四种，构思技能。UX 研究人员必须在创造新想法和技巧方面表现出色。这在这项工作中非常重要，因为它将有助于清晰地描绘用户数据。第五种是团队合作技能。UX 研究人员需要成为一名团队合作者，因为这将使他们能够接受其他研究人员的意见并实施它们以获得准确的结果。如何成为一名 UX 研究人员？获得人类或行为科学学位，因为 UX 研究人员与理解用户的行为、情感、期望等密切相关。最好获得与人类或行为科学相关的学位。例如心理学、生物学、生理学、人工智能，培养用户研究员技能。如前所述，用户研究员需要许多技能。这里列出的一些技能将帮助您成为一名 UX 研究人员。通过进行调查来学习。对 Google Analytics 进行实践培训。参与 UX 研究项目。练习使用 MATLAB、Simulink 等数据分析工具。在此之后，下一个要点是获得 UX 或用户研究经验。获得 UX 研究经验非常重要，这可以通过参与其他 UX 平台进行的调查来完成。加入任何非营利组织的团队并进行研究是您的关键点。参加任何在线可用的 UX 研究竞赛。开发您的作品集。完成以上三个步骤后，创建令人印象深刻的创新作品集以给招聘人员留下深刻印象至关重要。列出您作为 UX 研究人员拥有的技能。包括与 UX 研究相关的项目。在 Upwork、Fiverr、LinkedIn 等各种网站上注册您的作品集。拓展人脉，最后，扩大您的圈子至关重要。尝试与 UX 研究领域的专业人士建立联系。这可以通过 LinkedIn 和许多其他平台来完成。人脉将帮助您改进并获得良好的职位。除了这些步骤之外，参加全面的 UIUX 设计课程可以显著提高您在 UI 和 UX 设计方面的理解和技能，为 UX 研究职业提供全面的基础。>> 那么，我们先来看一个案例研究。设计不仅仅是它的外观和感觉。设计是它的工作方式。史蒂夫·乔布斯的话完美地捕捉了 UX 研究的精髓。了解设计如何影响用户体验。苹果公司是优先考虑 UX 研究如何带来成功的典范。自 2007 年推出 iPhone 以来，苹果公司从根本上改变了人们与手机互动的方式。在 iPhone 推出之前，大多数手机都配备了物理键盘和导航按钮。但苹果公司通过引入触摸屏界面，让用户可以通过手势和触摸来与手机互动，从而彻底改变了这一模式。多点触控技术的引入使用户能够轻松地捏合、滑动和缩放，使导航更加直观和流畅。这就是苹果公司如何巧妙地研究用户需求和要求并在市场上取得成功。这证明了 UX 或用户体验研究的重大影响。了解了 UX 研究的重要性后，现在让我们看看研究员的就业市场是什么样的。根据最新数据，有抱负的 UX 研究员的未来前景一片光明。预计从 2024 年到 2031 年，就业机会将增长 19%。这种需求的激增不仅提供了有前途的职业前景，而且还凸显了 UX 研究人员在塑造未来数字格局中的重要作用。那么，一旦您成为 UX 研究员，您可以期待什么样的收入？UX 研究员的薪资取决于许多因素，例如经验、地点、技能组合等等。但根据 UMass Amherst 的数据，平均而言，入门级员工的薪资可能在 66,000 美元到 100 万美元之间。毫无疑问，随着您在职业阶梯上不断攀升，您的薪资也会增加，高级或首席 UX 研究员的平均薪资可能在 114,000 美元到 124,000 美元之间，具体取决于他们的经验。那么，UX 研究员到底做什么，要成为一名成功的 UX 研究员需要具备什么？UX 研究员就像侦探，通过访谈、调查和可用性测试来揭示用户行为的见解。然后，这些见解被用来设计满足用户需求的产品和界面。因此，一旦您成为 UX 研究员，您将需要计划和设计策略来理解用户需求和行为。您必须通过访谈、调查等方式收集数据，并通过识别模式或趋势、见解和改进用户体验的机会来分析数据。您将被期望向公司利益相关者展示研究结果，并与设计师、产品经理和开发人员密切合作，以实施您的研究成果。在产品开发中，您需要定期进行研究，以确保在用户旅程中提供高质量的用户体验，并使产品能够跟上不断变化的趋势。您需要培养哪些技能才能成为一名 UX 研究员？首先，您需要对人类行为和心理学有深刻的理解。您必须擅长分析和解释数据。拥有统计方法和了解设计基础将帮助您得出实际解决方案。您还需要软技能，例如良好有效的沟通能力、跳出框框思考的好奇心、解决问题和批判性思维能力。现在，UX 研究人员今天使用的一些工具和程序包括 User Zoom、Hotjar、Optimal Workshop、Qualtrics、Typeform、UserTesting 等。因此，熟练掌握这些工具可以提高您获得工作的机会。现在，说了这么多，您如何寻找工作机会？无论您是应届毕业生还是转行者，UX 研究员的充裕需求确保了从初创公司到成熟企业的各个行业都有充足的工作机会。然而，问题仍然是，一个人究竟如何才能找到 UX 研究员的职位？建立一个引人注目的作品集，其中包括突出您的研究策略、发现以及您的分析对产品开发的影响的案例研究。人脉是发现工作机会和与您所在领域的专业人士建立联系的关键。与同行 UX 研究人员互动，并在 LinkedIn、X 等社交媒体平台上参与讨论。您可以使用在线招聘平台和职位门户网站，在那里您可以找到专门为 UX 研究员职位量身定制的招聘信息。但在申请之前，请确保您的简历脱颖而出，选择正确的关键词，并确保它已针对兼容性进行了优化。在今天的就业市场中，对于 UX 研究人员来说，掌握一些额外的技术技能可以真正让您脱颖而出。熟练掌握 Google Analytics 等数据分析工具和 Figma 或 Adobe XD 等原型设计工具，这样您就可以让您的设计栩栩如生并更好地进行沟通。此外，探索并更好地理解 VR、AR、软件开发、移动应用程序等。您的技能范围越广，您对任何 UX 团队的价值就越大。>> 那么，我们先从基础开始。UIUX 设计到底是什么？现在您可能经常听到这些术语，但我将为您分解一下。UI 代表用户界面。现在这是用户直接与之互动的产品的一部分，例如按钮、菜单、滑块、图标等。您可以简单地将 UI 设计理解为让事物看起来不错，并确保一切都具有视觉吸引力、有条理且直观。接下来，我们有 UX，代表用户体验。这是让用户喜欢或讨厌您产品的秘密武器。现在，UX 致力于确保体验无缝。用户能否轻松找到他们需要的东西？导航是否直观？它是否让他们的生活更轻松？UX 设计的目标是创造一种用户在与您的产品互动时感到自信、舒适和快乐的体验。因此，当我们谈论 UIUX 设计时，我们正在融合产品的外观（UI）和感觉（UX），以创造出不仅具有视觉吸引力，而且功能齐全且用户友好的产品。既然本视频是关于 Figma 的，我们现在应该了解为什么您应该使用 Figma。基本上，使用 Figma 有三个主要原因。Figma 是设计界每个人都在谈论的工具。第一个原因是实时协作。在当今的远程工作世界中，协作非常重要。Figma 允许多个设计师、开发人员和利益相关者实时处理同一个设计文件。您可以想象与您的团队同时处理同一个项目，即时看到彼此的更新，并实时评论事物。这彻底改变了游戏规则。下一个原因是基于云的便利性。现在，Figma 完全基于云，这意味着不再需要担心软件更新、文件保存或丢失工作。您的设计会自动保存，您可以从任何地方访问它们。现在，无论您使用的是 Mac、Windows 还是 Linux 设备，无需下载，无需安装。只需登录即可。下一个是在一个工具中从设计到原型制作。现在，与其他设计工具不同，您需要在设计和原型制作之间切换应用程序，Figma 让您可以在一个地方完成这两项工作。您可以设计精美的用户界面，然后立即将这些设计转化为交互式原型进行测试和共享。不再需要在工具之间切换。Figma 可以处理所有这些。好了。现在，您可能想知道，Figma 与其他设计工具相比如何？好吧，让我们将 Figma 与您可能听说过的一些流行工具进行比较。第一个是 Adobe XD 与 Figma。现在，两者都是出色的设计工具，但 Figma 的实时协作是 Adobe 无法比拟的。使用 Figma，您和您的团队可以在一个共享空间中进行实时更改、评论，并轻松地审查和编辑设计。现在，Adobe XD 也有协作功能，但它们不如 Figma 流畅或集成。下一个是 Sketch 与 Figma。现在，Sketch 一直是许多设计师的最爱，但它仅在 Mac 上可用。而 Figma 是跨平台的，这意味着它可以在 Mac、Windows 甚至 Linux 上无缝运行。因此，如果您的团队分布在不同的操作系统上，Figma 是您的最佳选择。下一个是 Invision 与 Figma。现在，Invision 是一个出色的原型制作工具，但 Figma 可以完成 Invision 所做的一切，甚至更多。您可以在一个平台内进行设计和原型制作，并轻松共享交互式原型以获取反馈，而无需离开该工具。Figma 减轻了设计过程的繁重工作。现在让我们谈谈 Figma 的一些实际用例以及实际公司如何使用 Figma 来改进他们的产品。第一个是初创公司和小型团队。现在 Figma 是预算紧张的小型团队的绝佳工具。其基于云的性质意味着小型设计团队可以无缝协作，而无需担心昂贵的软件或丢失文件。初创公司使用它来快速有效地创建从登陆页面到应用程序界面的所有内容。下一个是大型团队的设计系统。Figma 帮助大型公司的设计团队创建设计系统，这是一系列可重用组件，如按钮、图标、排版。现在这确保了项目之间的一致性，使协作更加顺畅，随着团队的壮大。下一个是原型制作和测试。现在公司使用 Figma 的原型制作功能将静态设计转化为可点击原型。他们可以测试用户流程，从利益相关者那里获得反馈，并即时进行更改。现在这是开发开始之前的重要步骤。接下来是远程协作。现在，分布在世界各地的团队依赖 Figma 进行实时协作。设计师可以轻松地与远程开发人员、利益相关者或客户共享他们的工作，使设计过程感觉就像他们都在同一个房间里一样。那么，让我们开始我们的演示部分。第一件事是前往 Figma。您可以在 Google 中搜索它，也可以将其安装在您的桌面上。所以，只需从这里点击第一个链接，然后您可以删除这个。点击开始。您可以从这里点击使用 Google 继续。然后选择您的帐户。现在我已经从我的帐户登录了，您也可以在桌面上下载它。所以，当您从这里点击个人资料图标时，您可以点击获取桌面应用程序，也可以在浏览器中使用它。所以，现在我正在浏览器中使用它，但如果您愿意，也可以在桌面应用程序上获取它。接下来，您还可以更改您的界面设置的主题，无论您想要浅色、深色还是系统主题。所以我更喜欢深色版本。我将从这里点击深色主题。是的，这是社区。所以，您可以从这里搜索任何您想要的模板。假设您正在创建一个食品配送应用程序。所以，您可以从这里点击食品配送应用程序。您会看到所有这些的 UIUX 版本，所以这里有食品配送应用程序 UI 套件、食品应用程序设计、食品移动配送 UI。所以，您可以从这里在 Figma 中打开它，如果您想使用这个特定的模板，它有 75 个屏幕，还有预览版本。所以，您可以从这里点击页面封面，看看所有 UI UIX 的设计，如果您想使用这个特定的东西。您还有这个插件加小部件，我们将在本视频稍后探讨。我将告诉您如何使用它。所以，现在当我们点击最近时，您会看到这里说描述您的想法并使其成真。这是 AI 版本，您可以点击 Figma 制作设计。您可以输入您想要的提示，它将为您创建此类设计。我们稍后会探讨它。但首先，让我们看看如何手动使用和创建 Figma 中的设计。所以，现在我们有了这个设计按钮。从这里您可以点击加号图标，然后从这里您可以开始设计您的应用程序，无论您想要什么。然后您还有这个 fig jam。我们这里添加了一个新功能，那就是站点。现在 Figma 站点，您可以使用预构建的块、响应式布局、AI 图表等来设计网站。然后您还有这个 buzz。然后是幻灯片，您可以在其中为您的公司或您的初创公司融资想法创建演示文稿文本。所以，我们将逐一查看每个功能。所以，假设我点击站点。我将向您展示如何使用这个东西。所以，从这里它说您可以在 Figma 中设计和发布您的网站。所以，只需从这里点击开始，然后您可以使用空白站点，也可以使用任何特定的模板。它还有各种类别，如您所见，按用例、按活动、登陆页面、个人、作品集、业务。所以，假设我想要我的作品集。所以，当您点击这个特定的图标时，您会得到这里的作品集模板。如果您想要您的业务的东西，只需点击业务，您就会得到这里的许多可用模板。极简主义、艺术、画廊、现代、品牌、设计工作室。所以，您可以从这里选择任何您想要的模板，然后开始创建您的网站。您还有这个连接到 CMS 的功能。所以，您实际上可以创建此类模板，使用 CMS 构建，这对于内容繁重的网站非常理想。创意旅行博客、现代简洁的 SAS 公司、充满活力的设计师作品集。这看起来不错。所以，您可以使用他们有多个模板。所以，您可以从这里使用任何您想要的东西。现在，当您在这里设计时，您有这个响应式设计，您可以使用断点来创建多个设备的网页，这些断点会保持同步。这是其中一项功能。接下来，您有 CMS 选项，您可以在其中快速插入现成的嵌入式内容、英雄部分、完整页面等等。通过这个构建内容与 CMS，您可以管理博客内容，如内容繁重的网站、研究、产品类别等等。所以，您可以从这里开始设计。所以，您可以点击插入。然后您会得到这个选项页面、导航、英雄。所以，您会得到选择的选项。所以，您可以选择任何模板，登陆页面，无论您想要什么。然后从这里您可以开始创建您的网站。然后您还有这个幻灯片选项。所以，让我们来看看。好的，只需从这里点击开始。现在它说您也可以从头开始，或者您有从大纲开始，您可以总结一个 fig jam 板。然后您有这里的基本模板。浅色幻灯片和深色幻灯片。如何使用 Figma 幻灯片。所以，您可以看到它有很多选择。如果您为您的品牌或营销目的创建融资甲板，它会非常好。现在您可以看到这里的初创公司融资想法、数字内容主题。它有很多选择。所以，假设我点击给定的模板之一。所以我有了这个数字对比。所以我将点击查看模板。所以，这是这里的模板。您可以看到它。所以，如果您想添加所有幻灯片，您可以点击添加所有幻灯片，如果您想开始创建演示文稿。好的。所以，它说您可以找到任何情况下的幻灯片。这是第一张幻灯片，第二张，第三张。所以我真的很喜欢它给我们的质量和设计，如果您为您的公司创建了一个好的演示文稿，它真的很好。所以，您可以点击这个并从这里开始编辑。对。所以，这是这里的模板。您可以看到标题。如果您想进行任何更改，您也可以放入您的应用程序、网站、徽标的屏幕截图，您想向其他受众展示的任何内容。好的，现在这真的很酷。所以，我们已经看到了如何使用这些幻灯片。让我们来看看 buzz 选项。好的，它说认识 Figma Buzz，这是资产制作，变得容易，获取精美的模板或创建您自己的模板以保持品牌工作，或者您可以使用高级工具、强大的插件等等。所以，只需点击开始。好的。现在，这个是专门为您的 Instagram帖子、Facebook帖子、Twitter帖子或 Google 大型矩形广告目的而设计的。所以，您会得到这里的许多选择。所以，假设您正在创建像您使用 Canva 设计帖子一样，您可以类似地使用 Figma 的 buzz 选项，您可以在其中为您的社交媒体目的设计您的故事、您的帖子。所以，从这里点击社交，在这里您会看到许多可用选项，Instagram 广告，曝光。现在，如果您用于营销目的，用于您的品牌，这真的很酷。然后您还有这个广告选项。所以，您可以从这里选择任何模板。这些是产品，正如您所见，有许多可用模板。然后您还有这个印刷品、企业、销售和促销、活动。所以，假设您想设计一封信、一张肖像卡、一张 Pinterest 广告。所以，您可以获得所有这些可用模板。您有这个 Instagram 故事，肖像卡。它还有庆祝活动的选项。正如您所见，肖像卡、风景卡。所以，无论您想要什么，您都可以将其用于您的生日快乐、您的婚礼等等。所以，现在我们已经探索了 buzz，让我们回去。好的，现在我们几乎看到了所有东西。只需点击 Fig Jam。现在，在打开主设计工具之前，理解 Fig Jam 非常重要，因为它通常是设计过程的第一步。那么，Fig Jam 到底是什么？Fig Jam 是一个在线协作白板。您可以将其视为一个巨大的数字墙，您和您的团队可以在上面贴便签、绘制草图、绘制想法，而无需担心完美的像素或设计细节。它用于什么？它专门用于头脑风暴想法、用户流程、绘制用户在应用程序中移动的逻辑。例如，登录屏幕，点击提交，主屏幕，团队会议。如果您正在进行回顾或计划会议，它非常有用。所以，让我向您展示如何实际使用它。所以，这是我们的白板。所以，假设我必须对一个工作流程进行评分。所以，您可以选择这里可用的任何形状。然后您可以添加文本。假设它是敏捷计划。然后将此框移到此处，然后您可以看到箭头，对吗？所以，当您点击此箭头时，它将自动创建您当前正在使用的相同形状的下一个工作流程。所以，假设您不想要这个，您需要从这里更改形状。然后您可以点击形状，我想添加这个正方形形状。所以我将点击正方形。我将从这里添加它。然后从这里您可以添加此箭头来连接它。然后您可以提及，假设它是团队规划。所以，如果您像为团队规划或创建任何工作流程一样，它非常有用。从这里您还可以添加颜色。您会得到这个选项。所以，从这里您会得到这个选项，对吗？只需点击它，然后您可以填充任何特定的颜色。假设我选择浅粉色，因为我真的很喜欢这个。然后您还可以更改轮廓。您还可以从这里更改文本的字体。您可以将其设置为小、大，无论您想要什么字体。然后您可以选择您的字体。如果您想要书本式、技术式或潦草式，您可以这样选择。现在，我想要向您展示的另一件非常酷的事情是便签功能。好的。所以，从这里，您可以点击任何便签。假设我想添加这个笔记功能。我想保留这种颜色。假设为黄色。所以，您可以输入任何特定的标题。假设我将其命名为笔记。所以我只是展示一个随机模板，说明您如何为您的目的使用此 fig jam。所以，您可以选择，您可以输入任何重要的笔记。如果您想将其与此连接，您也可以这样做。所以，让我们点击这里。是的，这就是您可以创建它的方式。还有它的使用灵活性。所以，您可以随意移动画布中的形状。现在您可以看到它有多容易使用，以及它感觉有多棒。现在，如果您按此顺序规划任何工作流程。所以，您可以这样做。现在，如果您想从这里添加任何工作流程，您可以点击它，然后再次从这里添加。假设您想在这里底部添加，您也可以这样做。所以，这真的很棒，因为这里的界面使得任何人都很容易使用。这就是您可以从这里使用 fig jam 的方式。它不是最重要的过程，但如果您正在创建线框图，即您正在创建步骤等，它真的很有用。您可以通过此自动化过程来展示它。好的。您还可以使用鼠标光标进行捏合缩放。现在，让我们回到主仪表板。现在，从这里我们将点击设计，然后点击下一步。它说使用 UI 套件更快地设计或从框架开始。我稍后会向您解释这个框架到底是什么。好的。现在，您还可以添加图层文本。这些是 UI 套件，它们一直在这里为您服务。它说，如果您想节省时间或感到卡住，可以随时添加预制 UI。所以，如果您想添加这个，您可以。但我将向您展示如何从头开始。好的。所以，只需从这里点击文件选项。现在您会得到页面，对吗？只需点击此按钮。现在，如果您点击加号，您可以添加更多页面。所以，这是画布。从这里您可以添加框架，对吗？您还可以添加页面。这是图层。现在，如果您习惯使用 Adobe 等工具，那么您一定知道图层到底是什么。我将在稍后的视频中向您展示这些实际上是如何工作的。所以，原型功能我将在稍后的视频中向您展示。所以，首先我们将设计一个简单的应用程序。所以，我这里有一个参考模板，用于创建一个食品配送应用程序，我将使用这个特定的参考模板向您展示如何为您的应用程序创建如此吸引人的 UIUX 设计。现在，在我们继续之前，让我们先了解一些复杂的术语，以便理解本教程，您需要了解这些特定的 Figma 定义。第一种是框架。所以，当您从这里点击这个框架图标时。所以，这就是您可以实际创建框架的方式。现在，当您点击它时，这就是框架。现在，在其他工具中，这可能被称为画板。现在框架是您设计的容器，就像 iPhone 16 的屏幕一样。与简单的矩形不同，框架可以包含其他元素并具有特殊的布局属性。所以，我将向您展示如何从这里使用此框架选项。所以，我们可以从这里在框架中的任何位置选择。所以，这是我的框架，从这里当您点击它时，您会得到手机之类的选项，您想要您的框架尺寸如何调整，在哪个手机上，假设我选择 iPhone 16，这就是它的纵横比。所以我想要我的 iPhone 16，这就是它给我的框架。是的，您也可以通过移动扩展这个特定的滑块来调整它。好的。所以，让我们回到原始框架。是的。所以，这是我们选择的框架。下一个是这里的样式选项。所以，当您点击加号样式时，您会得到文本颜色效果和布局指南。所以，本地样式是一种保存特定颜色或字体设置的方法，这样您就可以在任何地方使用它。现在，如果您更改本地样式，那么使用它的每个元素都会自动更新。我将在稍后的视频中向您展示它实际上是如何工作的。下一个选项是这里的组件选项。所以，当您右键单击时，您会得到这个称为创建组件的选项。所以，组件实际上是一个可重用的主元素，您可以将一个按钮变成一个组件。您也可以制作它的 50 个副本。现在，如果您更改主组件的颜色，那么所有 50 个副本都会立即更改。现在，当您从这里创建组件时，它将具有这里的特定图标，这很明显，是的，您实际上已经创建了一个组件。现在，当您创建组件时，您还会得到实例的选项。现在，实例基本上是组件的副本。您可以更改实例的文本，但其结构链接到主组件。您还有这个添加自动布局的选项，您可以在其中自动调整容器属性。它会自动计算项目之间的距离。所以，假设我正在创建一个，假设我在这里添加一个文本，它说你好。我只是在展示一个演示，对吗？所以，我想在这里添加一个布局选项，添加自动布局。所以，当我点击添加自动布局时，它会做什么？它会在这里自动调整这个特定的字体。所以，假设我正在调整大小，它会在这里自动调整这个特定的字体。我不需要手动操作，但它会根据尺寸和框架的纵横比进行拟合。接下来，您有这个原型，它就像您设计的可玩版本。它允许您点击按钮并在屏幕之间进行转换，以模拟真实应用程序。所以，我将在稍后展示所有这些。所以，现在您已经知道了所有复杂的术语及其含义，让我们继续创建我们的简单应用程序设计，这是一个食品配送应用程序。所以，我已经向您展示了参考文件。所以，我将使用它来创建我的设计。所以，我们这里有一个选定的框架。您可以做的就是更改并重命名它，并将其命名为启动屏幕。所以，这是我们将向您展示的第一个屏幕。现在，如果您想更改颜色，我们也可以这样做。假设我想在这里添加颜色。所以，您可以从这里点击填充并添加颜色。假设我想让它变成红色，更像 Zomato 那样的东西。但不是完全复制 Zomato 的 UI UIUX 设计。第一步是从这里添加一个徽标。所以，我们将从这里转到图像选项并添加此图像。您也可以从这里拖放。现在，取消此操作，我们需要调整图像的半径和大小。现在，这是大小，假设您想要这个特定的尺寸，您可以选择它并相应地调整它。所以，这里有这个网格线。您可以看到从这里，您可以根据此网格线调整您的徽标。所以，假设我想进一步扩展它，您也可以这样做。我们将把它放在这里。所以，现在我们的徽标已准备就绪，下一步是添加一些标题标签或字体设计。您还可以通过点击这里来调整设置。如果您想为图像添加填充，您也可以这样做。您还可以从这里增加和减少图像的透明度。然后还有角落半径。您还可以添加一些效果，如果您想将其添加到您的徽标中。所以，您有这个下拉阴影图标。所以，假设您想使其成为图层模糊、背景模糊、噪点。您也可以这样做。所以，假设我想添加内部阴影，或者我想让背景模糊。我将这样做。好的，这看起来不错。下一个是从这里添加文本图标。所以，我们将从这里点击文本。在任何地方选择。现在，我已经向您展示了如何添加本地样式，对吗？所以，当您从这里点击样式选项时，您会看到排版。所以，您可以选择任何文本。所以，假设我添加这个特定的字体。然后您可以增加大小。我想要大约 24，因为这将是我的标语。所以我将复制粘贴我已创建的标语。现在，我将调整它。所以我将把这段文本放在这里。所以，用这个光标，您可以实际移动它。好的。这太大了。如果您觉得它太大了，您可以相应地调整它。好的，现在我们将把它往下放一点。假设这对我来说看起来更好。汉堡巴士。用风味保存。分享巴士。所以我选择的是白色，因为它在这张背景上看起来更好。我把它放在这里。所以，现在看，这是我的品牌的标语，我的品牌是汉堡巴士，它看起来会是这样。现在，关于样式部分，当您点击样式时。假设我想从这里添加一个本地样式。现在，您只需要本地样式。假设它是内容，我将其命名，因为我将在我的内容中使用它。然后您可以描述此样式将用于什么。所以我将使用此样式来描述我的整个应用程序，用于我的主页等。所以，我将在这里点击创建主页描述。然后您可以添加更多属性，即字体。假设我想要另一种字体。所以我将从这里选择它。所以我真的很喜欢这个字体。我将选择它，并将其保留为常规、中等或粗体。您也可以将其设置为中等。然后我将增加字体大小。所以，让我们从这里设置为 20。然后您可以创建样式。所以，这样我们的样式就创建好了。您也可以为您的颜色创建它，即添加颜色效果，然后我们还有布局指南。您可以添加您自己的个性化布局指南来创建您的设计。所以，现在我们已经从这里创建了我们的样式，让我们从这里添加一个按钮。所以，我们再次转到形状选项。点击矩形。点击这里的加号图标。您可以调整角落半径。假设我想将角落半径设置为 30。所以，它看起来会是这样。您还可以调整不透明度。我将更改颜色。我将将其设置为黄色。所以，黄色在我的这种颜色上看起来有点互动。所以，让我从这里选择黄色。现在，我们的按钮已准备就绪。您猜怎么着，我们将在按钮中使用什么？当然是注册。所以，我们再次从这里点击文本。加号，它说注册。好的，现在这是新添加的东西。我看到的新字体大小。所以，让我就这样保留它，它是 32 号。我将再次减小大小到 24。我将再次调整这个图标。您可以移动它。所以我将把它放在中间。您可以看到指南。所以，它是居中的。所以我将把它放在这里。注册。现在，这就是第一个启动屏幕的样子。现在，如果您想添加，如果您想添加更多角落半径，假设我想将其设置为 100，您也可以这样做。所以，它看起来会是这样，然后，您有这里的布局选项，您可以调整流程。假设我想将其设置为向下，或者如果您想将其向右，它看起来会是这样。它甚至不可见。这是布局。它将为您提供调整的指南。对。所以我将使用我们之前使用的普通版本。然后您可以从这里添加尺寸。拥抱内容，添加最小宽度，最大宽度，您想要的宽度。您还可以从这里应用变量。想要更多内容之间的间隙吗？您可以相应地调整它。这里是不透明度。不透明度实际上意味着淡化您的颜色和设计，位置是将其保留在左侧。您还可以从这里填充您的内容，例如调整间距等。您可以添加描边。您可以将其设置为绿色、橙色、黄色，无论您想要什么。然后您有布局指南。所以，让我向您展示这个布局指南实际上是如何工作的。所以，假设我想将其设置为 50。您可以看到网格线，对吗？所以，网格线将是黄色的，因为它可见。这是您可以选择的选项。它适用于此页面。所以，您可以相应地调整它。这些网格线将帮助您调整图标等。当您创建图标并根据间距等进行调整时，它真的很有用。然后您有列。您可以使用列以这种方式进行调整。您还有行，它们将是逐行排列的。所以，您可以看到间距，对吗？如果您觉得这需要向上移动一点，您可以进行调整。所以，假设我想向上移动一点，对吗？它看起来有点向下，并且没有根据指南进行调整。所以我将把它放在这里，汉堡巴士稍微往上一点。所以，现在我们的布局已完成，我们可以删除这个布局，因为它现在让我感到恼火。所以我将删除它。您有这里的 I 按钮。所以，当您关闭它时，您会看到布局不会显示，对吗？现在，我将向您展示如何实际在屏幕上查看它。所以，您有这里的播放按钮，您可以实际在系统上预览它。所以，只需点击预览。所以，当您点击预览时，它说原型至少需要有一个更多框架。所以，我将从这里添加一个更多框架。所以，那时我们正在使用这个图标，对吗？所以，我们将删除它，我们将使用这个框架。假设我想将其设置为 100。您可以相应地调整它。所以我正在删除它。我将再次更改此框架的颜色。所以，从这里再次点击填充。然后选择黄色，并将其向上移动，也许是这样。是的。所以，这完成了。现在，我将再次预览它。所以，我们将从这里预览我们的文件。所以，它在我的 iPhone 16 上看起来会是这样。好的。所以，这是我的 iPhone 16 上界面的预览，启动屏幕。它看起来会是这样。现在，它看起来很酷。现在，这是这里的特征。您实际上可以点击注册。我们不能这样做。但如果您想调整它，您可以相应地进行。现在，如果您愿意，您也可以在其他模式下查看它。如果您有其他手机，

可以从那里直接查看。现在这是实际的预览版本。所以我们将为我们的应用程序设计创建更多呃框架和更多屏幕页面。所以让我们回去。好的。现在我们的启动屏幕已经准备好了。所以我们将从这里复制这个特定的呃框架。这是框架一，对吧？所以，我不知道为什么是框架一。我将再次将其命名为启动屏幕。好的。然后我只需单击此框架。然后您实际上可以单击复制。然后您可以从这里按 Ctrl+V。所以，我们还有一个框架准备好了。现在，让我们也开始设计这个框架。所以我要从这里删除这个汉堡包和所有东西。在删除这个之前，我想向大家展示另一件重要的事情，那就是自动布局。所以当我点击这个并从这里点击添加自动布局时，它是 Shift+A。自动布局已添加。现在我将相应地调整它。您可以看到它是如何工作的。所以，假设我想让它变成这样。这是框架速率。所以，假设我想让它变成这样。现在这会自动调整，对吧？注册尚未在框架中。所以，我将再次将注册放入框架中。现在您看到当我移动它时，它实际上又从这里移动了。注册仍然在那里。所以，假设我想将其保留在这种格式，而这个我将保留在这里。所以我现在实际上无法选择它，因为它现在在我自动布局的东西里。所以从这里您可以实际更改位置和布局功能。如果您希望您的流程按此顺序进行，只需从此处选择框架，然后相应地进行调整。所以它现在实际上是冻结的。我们无法移动对齐方式，因为显然它是自动布局的东西。但您可以看到区别，对吧？当我们使用这个框架并进行调整时。现在您看到当我们在调整这个特定框架时，我想稍微缩小它。所以它不会被调整。它会有点像这样。但是，如果我想调整这个特定的自动布局框架，并想将其保留在这里，它会自动调整。对吧？即使我增加和减小尺寸，它也会自动调整，这真的很酷。这就是响应式设计和自动布局真正发挥作用的地方。所以，这就是如果您想以这种方式使用自动布局功能，您可以如何开始创建。所以，我将从这里删除这个东西。这个也是。所以它已经调整了间距。所以当我点击它时，您会从这里获得选择图层，以及您可以实际选择此处创建的所有框架的组选择。插件，我稍后会向您展示如何使用插件。然后它说转到主组件。所以，现在我告诉您如何为您的东西创建组件。现在这不是主要的，但当您单击主组件时，这是我们之前创建的主框架，并且我们用它创建了第二个，对吧？所以这是来自这里的主组件。所以当您在此处进行任何更改时，实例，我们创建的第二个也将有更改，因为如果您在主框架中进行任何编辑，第二个实例也将具有相同的影响。现在接下来我们将从这里继续进行我们的注册功能。所以，我们将删除自动布局。所以我们只是从这里分离实例，然后单击删除布局，我们将删除这个东西。现在我为我的注册功能创建这个。所以，我想将其保留为白色，因为白色看起来更好。这是我的框架。然后，假设我想从这里添加效果。所以，我想将其保留为白色，因为我认为白色看起来更好。好的。所以，现在我们有了创建的这个框架的第二个版本。所以，我们将从这里转到文本选项。只需单击加号。好的。它说无法添加新图层，因为模板创建者设置了编辑限制。我们将再次删除它。然后我们将从这里添加另一个新框架。单击加号。这是我们创建的新框架。好的。然后再次从文本中，我们将添加新文本，上面写着注册。然后我们将这个文本向上移动。好的。所以，我们将把它移到这里。而且我认为这个是用大写字母写的。所以，我将将其保留为小写。好的。现在我将从这里添加另一个文本，上面写着通过您的电子邮件登录。通过您的电子邮件登录。您也可以更改字体，但如果您在创建应用程序内容时在所有应用程序中使用相同的字体，那会更好。特别是应用程序设计。所以您可以使用相同的字体。它将更具可读性。现在我将从这里将其作为辅助文本。所以，我将转到，我将单击不透明度。我将使其假设为 60%。现在这看起来更好。然后我将在这里调整它。通过您的电子邮件登录。现在我们将添加一些电子邮件，按钮等等，特别是当您注册您的帐户时。所以，我们将再次从这里选择一个框架。单击加号框架。像这样。然后在这里再次单击文本。所以，我们可以把它放在这里。所以，我们不能具体放在这里。现在，假设我想再次在这里添加文本。我们将添加一个文本。上面写着输入您的电子邮件。好的。由于文本有点长，所以我将从这里减小字体大小。使其假设为 20。然后我将再次将其作为辅助文本。所以，不透明度我将使其为 60%。输入您的电子邮件。好的。我将再次添加它。它刚才消失了。所以，只需相应地调整它。放在这里。您可以直接在这里添加颜色。所以，在填充部分，我们将转到这里，然后从这里添加一种更灰的颜色。好的。所以，这可以做到，也可以通过这个来做到，也可以通过减少不透明度来做到。所以，现在已经添加了这个说输入您的电子邮件的东西，然后我将调整边距。所以，我将单击圆角半径，然后我将使其可能是 40。所以，它从这里添加了一些半径。现在，如果您想添加图标，我们将使用插件。现在，在 Figma 中，插件实际上是一个第三方扩展或小程序，您可以安装它来添加核心软件中不存在的功能。您可以将它们想象成智能手机上的应用程序或网络浏览器的扩展，它们将帮助您更快地执行重复性任务或将 Figma 连接到其他工具。所以，插件基本上是为了自动化您的工作流程而设计的。所以，我们将在这里使用一些常见的插件。我将向您展示。所以，我们将从这里转到此操作按钮。只需转到插件和小部件。现在，要添加图标，我们只需使用 remixer。所以，只需从这里搜索 remixer。只需单击此 remix 图标，然后单击运行。所以，从这里您可以选择邮件选项，然后您将获得这个特定的图标。将其添加到此处。您可以相应地调整它。再次，我将降低此的不透明度。所以，我将使其为 60%。然后也许把它放在这里。您也可以放大以检查如何相应地调整它。所以，假设我将把它放在这里。这看起来更好。您也可以手动完成，使用此文本从这里。但那需要很长时间。您可以从这里添加形状。比如，假设您添加了这个矩形选项。然后您得到了三角形。所以，您可以将其反转。像这样。好的。然后您可以调整它的外观，也许使其更白或更黑，这样您就可以创建这个，但那需要很长时间，所以最好使用这里的插件选项。所以，我将从这里删除这个东西。然后也许这不是一条线。所以，您可以将其放在中间。然后您可以将这个移到这里。是的，完成了。现在您可以再次创建它的副本。所以，您只需从这里拖放即可。所以，当您拖放时，您可以创建您之前创建的框架的多个重复版本。然后在这里，我将添加登录，您的电子邮件，这是输入您的电子邮件，下一个当然是您的密码。所以，我将将其稍微向前移动，因为这里有很多空间。是的，我将把它放在这里，然后这个放在这里。这看起来更好。现在，我将再次在这里添加文本。现在，这个上面写着输入您的密码。我们将转到不透明度。将其设置为 60。从这里选择此文本。将其放在中间。然后您也可以从这里添加一个徽标。转到操作。现在我们已经有了最近使用的插件。单击 remix 图标并搜索锁。然后您可以使用这个东西。再次，这是辅助文本。所以，我们将降低此的不透明度。我们将使其为 60。放在这里。好的。是的。现在，完成了。上面写着注册。通过电子邮件登录。输入您的电子邮件。输入您的密码。接下来，我们将从这里添加更多按钮。好的。所以，我将添加另一个选项，复选框，上面写着记住我，还有忘记密码。所以，让我添加那个。所以，我将再次转到插件，单击 remix 图标。搜索复选框并将其放在这里。不透明度再次为 60。不，假设我想将其保留为主要的一个。所以，我将将其放在这里并添加文本。记住我。放在这里。下一个当然是忘记密码。忘记密码。所以，现在我将在这里添加另一个按钮。上面写着注册，或者我可以直接从这里拖放。复制这个，然后我将将其粘贴在这里。文本不在那里，因为它没有分组在一起。所以，我将再次复制此文本。现在，这个看起来不错。上面写着注册，通过电子邮件登录，输入您的电子邮件，密码，记住我，忘记密码，以及注册选项。现在，用户也可以通过他们的 Google 登录，对吧？所以，让我们在这里添加另一个选项，即通过您的 Google 帐户登录，或者也可以是 Facebook。但让我在这里添加 Google 的东西，对吧？所以，我将再次在这里添加文本，上面写着通过您的 Google 登录。然后我可以再次从这里添加另一个图标。所以，在这个 remix 图标中，我可能不会在这里获得 Google 图标。所以，我们将在这里使用另一个插件。所以，我们还有一个名为 better logos 的插件。只需单击插件和小部件。好的。所以，您可以在这里使用徽标。单击运行，然后搜索 Google。所以，我们将使用这个徽标。拖放它。它将在此处自动完成。调整它。使其稍微小一点。我认为更小，对吧？所以，这个看起来更好。所以，上面写着通过您的 Google 登录，这是您的 Google 图标。您的第二个框架看起来就像这样。让我重命名并将其添加为注册选项。所以，我刚刚将所有元素组合在一起。所以，让我再次播放它。现在，我的注册选项看起来就像这样。通过电子邮件登录。上面写着输入您的电子邮件。这是我的密码。上面写着通过 Google 登录。我不知道 Google 图标为什么消失了，但我之前添加了它。所以，预览看起来就像这样。我可能在显示勾选图标以及锁图标方面存在一些故障，或者它可能没有分组。让我检查一下。现在，这是预览的样子，这是第一个启动屏幕。让我回到我的 Figma 页面。所以，我将所有内容组合在一起。接下来，我将向您展示另一件重要的事情。现在，当您单击输入您的 ID 和密码时，它会悬停，对吧？您一定见过那些动画。那么，您究竟是如何做到的呢？现在，假设我们正在创建这个按钮。所以，让我拖放它。对。单击复制，然后我将将其粘贴在这里。现在，这是这个的实际按钮。所以，我们之前谈论过组件。所以，让我再次展示它是如何工作的。现在，当我单击从这里创建组件时，这在之前的框架中也已经完成。让我向您展示如何做到这一点。假设我创建了这个组件。好的。然后我将其设置为自动布局。所以，我将单击从这里添加自动布局。是的。所以，当我单击它时，它已经处于自动布局中。是的。好的。现在我们可以回到主组件。所以，让我再创建一个这个主组件的实例。现在，当我单击这个呃好的，当我单击它时，它说您可以直接回到主组件。现在，这是主组件。现在我们可以为此功能添加变体。我之前说过什么是变体。所以，让我为同一个按钮创建更多变体。只需单击从这里添加变体。现在，我们将调整这个的不透明度。使其为 50。然后我将更改颜色。现在，我为什么要更改此颜色？因为当该人单击注册时，它会悬停，并且此颜色将自动出现。所以，您可以通过在同一个组件中为同一个按钮创建更多变体来做到这一点。然后我将再次从这里复制粘贴注册。然后粘贴在这里。所以，当您单击注册时，它看起来就像这样。好的。所以，当您单击注册时，它看起来就像这样。以及如何为同一个功能创建更多变体和组件。您也可以将其添加到同一个组中。您可以看到这里添加了一些图层，以框状格式。这就是如何创建更多变体。现在，当您创建变体时，它将显示在此矩形格式中。然后您可以单击它并相应地进行调整。所以，现在我已经向您展示了变体和组件是如何工作的，让我们继续进行设计。所以，让我们继续设计。现在，我将再次从这里添加我的徽标。所以，我将转到形状选项。单击图像视频。我将在这里添加我的徽标。再次，我们需要再次调整这个徽标。所以，缩短它，稍微减小尺寸，我将使其更圆一些。所以，我们可以这样做到。它有点倾斜。所以，我们将把它放在这里。现在，这是一个搜索栏，用户可以在这里搜索食物。所以，我将把它放在这里，徽标。然后我可以添加一个文本说订购您最喜欢的食物。所以，我将从这里添加一个文本。单击框架中的任何区域。然后说，“订购您最喜欢的汉堡包。”好的，因为这个应用程序是关于汉堡包的，所以我将添加汉堡包，而不是食物。然后也许放在这里。或者您也可以放在这里。但我认为这个看起来更好。而且我想在这里放置用户配置文件。所以，一旦您通过 Google 凭据注册，您的配置文件就会显示在这里。现在，我将从这里插入我的图像。所以，现在这将是显示在这里的用户配置文件。现在，我们将从这里添加另一个形状。上面写着搜索，用户可以在这里搜索他们的食物。所以，只需从这里转到形状工具。选择矩形，然后，假设我想添加更多圆角。将其设置为 30，然后在此处添加文本。搜索搜索您的食物。然后我可以将其调整到下方。所以，我将把这个文本放在这里。说搜索您的食物。现在，我也可以添加一个徽标。再次，我们将使用相同的插件 remixer。所以，我们有这个 remix 图标。我们可以搜索搜索。所以，我们将使用这个。所以，我们可以将其放在这里。是的。搜索您的食物。是的。所以，现在这个选项可以搜索您的食物。现在，您可以添加您的食物图像。所以，现在我已经添加了不同的汉堡包图像，并且我提到了芝士汉堡包、汉堡包，我还提到了星级评分。您可以使用插件从这里插入此类图标。而对于这个阴影效果，我们再次有了插件来放置这个效果选项。只需创建形状工具，添加形状或创建新框架。在此处添加相同的图像，写下此文本，使用那里的插件添加此图标，然后您就可以开始了。所以，让我现在调整这个图像。它看起来就像这样。然后我们可以添加。所以，底部看起来相当空。所以，我们将在这里添加一些文本框，或者也许是一些形状，使其看起来更好。所以，我将添加一个矩形，然后您可以更改它的颜色。也许单击这里的填充选项，然后从这里选择这种红色。好的。现在可以了。所以，它看起来就像这样。现在，这里空着的是添加徽标。现在，因为这是主页按钮，对吧？这是我的帐户的主页。所以，我将在这里添加主页按钮，主页徽标。所以，我将再次使用插件。只需单击 remix 图标。再次搜索此主页，我将使用这个。将其添加到此处。好的。它已经在那里了，对吧？所以，我将将其添加到这里。现在，这是主页选项。这样，您可以添加更多页面的图标。所以，它看起来就像这样。所以，我希望大家现在对 Figma 的工作原理，如何使用插件等等有了清晰的了解。现在，让我们继续，我想向您展示如何使用 Figma 中的原型功能。所以，只需单击此处原型，然后您可以单击尝试 Figma 制作。所以，基本上原型是为了您的自动化目的而使用的，您可以在其中连接并创建您创建的屏幕、框架和页面的线框图。好的。所以，这里说您想做什么。现在，您可以描述您的想法并从中选择。好的。所以，您有多个示例，例如极简侧边栏组件，按品牌过滤产品。所以，让我搜索送餐应用程序，特别是汉堡包，然后单击它。所以，现在人工智能正在思考并为我创建送餐应用程序。它正在构建这个想法。现在您可以看到它说我将创建一个现代汉堡包送餐应用程序，具有菜单卡功能和诱人的设计。让我为您构建它。所以，让我们等待几分钟。您也可以从这里查看代码。这是代码选项，这是我们刚刚点击的预览。另外，如果您想添加任何更改，您可以单击从这里添加更改。您可以通过提供提示来输入您想要进行的任何更改，然后您的更改就会完成。它可以说指向并编辑。好的，我们将从这里关闭它。现在您可以看到它为我创建了一个应用程序。上面写着送货上门 25 35 分钟。它还添加了多个汉堡包选项。我真的很喜欢它添加的图像质量和设计功能。好的，上面写着这个看起来怎么样？我实际上可以从这里提供反馈，您也可以预览它。我们可以复制这个设计，然后让我打开全屏。所以，这是我们创建的应用程序的预览选项，这是最终输出。对我来说看起来不错，但它可以添加更多功能和动画。现在，让我们回去。您也可以从这里与您的朋友分享。只需单击此共享选项，您就可以邀请人们编辑此草稿，您还可以向更多人授予访问权限。您也可以将其发布到社区，或者最简单的方法就是复制链接并与您的受众或您想与之分享的人分享。所以，让我们回去。好的。所以，现在我们已经看到了 Figma 中的设计制作是如何工作的，您可以在其中实际创建您的设计。您可以创建一个应用程序。让我们来看看这个原型设置。所以，您有这个 iPhone 16，颜色是白色的。这是预览，您实际上可以创建一个选择框架或框架中的对象，然后您可以使用一个圆形节点拖动连接到另一个框架。您也可以从这里添加交互。例如，如果您将此应用程序连接到第二个页面，您可以添加更多交互。只需单击此加号。然后它说触发，在点击时，在拖动时，然后您可以从这里添加一个操作。导航到，假设我想添加这个目的地。所以，假设我想从这个框架添加到这个框架。所以，我将选择 iPhone 16。这样，您就可以单击这些选项，它还显示了曲线动画。您也可以对其进行动画处理。现在，这对于其他团队成员来说会非常容易，您将解释自动化连接到这些线条，您将展示功能。假设这是第一个屏幕，第二个屏幕。您还可以从这里添加更多触发器和选项。所以，您可以像这样拖放它。这可能是第二个，它显示了。所以，您可以像这样放置它。现在它说点击时的交互，操作导航到状态。您还可以从这里添加一些状态选项。所以，现在让我们关闭它。所以，当您从这里选择这个框架时。所以，您可以单击此加号。然后，您可以再次将其连接到，也许是这个。这就是如何创建流程图，用于显示和导航到您的屏幕的流程自动化。基本上，这就是 Figma 中原型功能的工作方式。现在，最后一件事是将其分享给其他人。您也可以从这里查看此原型视图。最后，您可以将其分享给其他人。您可以保存和导出您创建的屏幕和设计。您可以复制开发者模式链接。您也可以复制原型链接。将其发布到社区。我已经向您展示了社区是如何运作的，人们发布他们的设计，您也可以查看它并将其用作模板，您可以将访问权限授予其他人。您也可以移动文件，在此处添加逗号分隔的电子邮件进行邀请。您还可以获取嵌入代码。所以，这就是 Figma 的全部工作原理。我已经向您展示了所有内容。所以，现在让我向您展示另一件事，那就是插件。所以，您可能每天都在使用成百上千的插件。但是，呃，一些插件确实是我的最爱，因为它使我的工作任务更加轻松。所以，让我按类别向您展示一些改变游戏规则的插件。所以，无论您是想加快设计过程，添加杀手级视觉效果，还是将您的设计变成真正的网站，我都为您准备好了。所以，您一定知道如何从这里添加插件，对吧？所以，只需单击此操作按钮，然后您可以搜索插件。第一个是 HTML 到设计。所以，只需搜索 HTML 到设计。好的，只需单击此插件，第一个，对吧？只需单击它。所以，基本上这个插件可以抓取互联网上的任何网站，并将其变成一个完全可编辑的 Figma 文件，只需几秒钟。您不需要截图或费力的手动重建。这个插件对于竞争性分析或将灵感直接导入您的工作空间来说是一个巨大的时间节省器。所以，您可以使用这个插件。我想要展示的第二个插件是，只需返回。好的。所以，第二个插件称为 Bolt。好的。这是第一个，多功能工具。单击它。您只需在您的 Figma URL 中添加 .new，您的响应式生活网站将基于您的设计准备就绪。现在，说真的，如果您想让您的客户惊叹，您可以查看这个插件。接下来是插件，名为 icons aid background remover。现在，你们大多数人一定都知道这个插件。所以，它基本上用于在 Figma 中快速干净地删除您的背景或图像。这个，第一个。现在，这个插件可以为您提供平滑、逼真的阴影，这些阴影可以立即增加抛光度，而无需数小时的调整。之后，下一个插件称为 pixels。所以，让我搜索一下。是的，第二个。单击它。现在，这个，如果您需要高质量的免费图像，那么 pixel 会从世界各地的摄影师那里提取数百万张照片，所有这些照片都可以免费用于个人和商业用途。您找到完美的图像从未如此简单。下一个类别是颜色和渐变，对于这个，我强烈建议您查看 mesh gradient 插件。所以，只需检查这个 mesh gradient。好的，第一个。单击它。所以，基本上这个插件可以将渐变提升到简单的渐变之外。您可以创建复杂的二维网格渐变，为您的背景甚至 UI 元素增加精致感和深度。下一个插件是 Tailwind CSS 颜色生成器。所以，只需搜索 Tailwind CSS 颜色。好的，第一个。单击它。现在，如果您在调色板方面遇到困难，那么这个工具可以从一个十六进制代码生成整个颜色比例，并且还可以自动创建颜色样式和变量。如果您使用 statement CSS，它非常完美。现在，下一个类别是工作流程和 UX 工具。现在，下一个插件称为 autoflow 映射用户流程。所以，只需搜索 autoflow。好的，第一个。所以，它的作用是 autoflow 可以自动连接屏幕和框架，将复杂的 Figma 设计变成非常正常的表单。然后下一个 Figma 插件是 vectorized bit map。现在，使用这个插件，您可以将任何栅格图像转换为清晰的可缩放矢量，并保留透明度和多种颜色。它非常适合徽标和图标。不再需要像素化。最后但同样重要的是，最后一个是 Stark。所以，只需从这里搜索 Stark。所以，基本上 Stark 是您检查颜色对比度的工具包。它可以模拟视力障碍，并确保您的设计具有包容性。另外，我将为您提供一个奖励插件，称为 mockup studio。所以，如果您想直接在 Figma 中用令人惊叹的样机给客户留下深刻印象，那么 mockup Studios 拥有大量的模板和自定义选项。所以，这些是我最喜欢的十大插件，我建议大家一定要试试。所以，现在我正在谈论这里的奖励工具，我们有 Stitch.ai，它对 UIUX 设计师来说真的很棒。让我向您展示它是如何工作的。所以，在这里 stitchy 中，您可以实际创建任何应用程序的 Web 设计，您可以提供一个提示，或者您可以附加一些上传的图像或您的网站 URL。所以，这个 stitchi 使用 Google 3 flash，这是使用 Gemini 3.0 flash 的高质量 HTML 设计，它真的很棒。让我向您展示它是如何工作的。它非常简单。现在，如果您将其用于应用程序，您也可以设计 Web。假设我将其用于应用程序目的，对吧？只需在此处描述您的设计。另外，在左侧，您可以看到示例，室内植物护理仪表板。所以，所以在这里 stitch 我正在给出这个提示，而这里的提示是为电子商务网站创建一个充满活力、现代、交互式的 UX 设计，该网站专注于 Z 世代时尚系列。设计应包括时尚的极简导航、大胆的排版和流行的颜色方案，如霓虹灯强调色和柔和色。您还可以融入交互式功能，如动态产品网格、流畅的过渡和引人入胜的悬停效果。所以，就是这样。主页应突出最新系列和引人注目的内容。所以，让我将其发送给 Stitch AI，看看它的魔力。现在，正如您在这里看到的，Stitch AI 正在处理该项目。上面写着抛光像素。所以，我们只需要等待几分钟。好的。现在您可以看到框架，它实际上已经创建了框架。它正在添加一些色彩。所以，各位，正如您现在所看到的，Stitch AI 已经为我们的应用程序、电子商务应用程序创建了框架和设计，并且上面写着您的 Z 世代设计已经生成，并且它还处理了我给这个 AI 的所有提示，我给的所有功能，并且上面写着您想让我探索更多屏幕，也许是带有合身检查的购物袋或用户配置文件页面？现在，您也可以根据需要进行任何调整。所以，首先，让我先看一遍，然后检查一下。它实际上看起来怎么样？所以，只需单击预览，我想在我的手机上看到它。所以，我将单击手机。好的。所以，这里是我们第一个页面的预览，看看这个设计。好的。这真的很酷。我的意思是，它有点压缩了字体和颜色。您可以让 AI 来纠正它。上面写着立即购买。所有款式，赛博朋克 Y2K，潮流现在。我真的很喜欢它放出的图像。这真的很酷。以及它添加的粉色鲜艳的颜色，风格模式等等。这对我来说看起来真的很不错。第二个是这个。所以，您可以从这里查看。街头服饰，超大号印花 T 恤。第三页是这个。好的。这对我来说看起来真的很酷。我的意思是，谁会说 AI 可以创建如此惊人的设计，而且是在几秒钟内完成的？所以，现在如果您需要，您也可以进行更多调整，例如进行此特定更改或在此处添加此文本。所以，假设我说让 AI 添加黑色夏季系列文本，不完全是添加，而是将黑色夏季系列文本的颜色更改为，比如，我想将其更改为粉色，这样它就不会与我那里的图像混淆。好的。我还告诉 AI 添加图像，也许是一个购物袋和一个带有合身检查的用户配置文件页面，让我们看看它是如何进行更改的。好的。所以，这里说我已经更新了主页文本，并添加了您要求的新屏幕。让我看一眼。但我通常看不到任何变化。对。上面写着，“我已经更新了主页文本，并添加了您要求的新屏幕。更新的充满活力的。夏季系列文本热粉色。我不知道它实际上在哪里使用了这种颜色文本。不确定。所以，我将再次描述它。这个框架文本，变化在哪里？”所以，我只是和它说话，就像我和一个人说话一样。所以，我将说它在这里有什么变化？所以，您实际上可以单击任何框架。然后您可以让 AI 对该特定屏幕进行更改。我认为它现在正在处理第二个框架。我通常给了它第一个框架。好的。所以，我认为它在这里给了我变化，当我选择框架时，您可以看到区别，对吧？所以，好的，所以这里也有用户配置文件。所以，正如您所看到的，它从这里添加了文本字体，并且还更改了文本的颜色。现在，您也可以从这里查看不同的购物袋选项，配置文件选项。现在，这对我来说看起来真的很不错。您知道，如果您想进行更多更改，您也可以这样做，但我真的很喜欢它为我创建的设计的质量。我的意思是，要为我的应用程序创建如此引人入胜的设计，可能需要很多天，但是 AI 在几秒钟内就完成了，而且看起来真的很不错。如果您需要，您也可以让 AI 添加更多动画，但是强烈推荐这个 stitch AI 给你们。如果您正在设计或刚开始设计，请务必查看这个 AI 工具。现在，最后，我想说您可以与您的朋友分享。您可以启用共享和混音。然后您可以复制链接，并通过将您的项目设为公开，允许任何拥有链接的人查看和混音其生成的代码和设计。您可以随时撤销公共访问权限，但这不会删除已混音的设计。所以，这就是 Stitch AI 的工作方式，请告诉我您的想法，您对这个 AI 工具的看法。好的，让我们快速回顾一下。今天我们探索了 Figma，以及它如何改变 UIUX 设计的游戏。我们已经涵盖了基础知识，什么是 UIUX 设计，为什么 Figma 在当今的设计世界中至关重要，以及它与其他工具相比如何。我还向您展示了如何使用 Figma 界面，创建项目以及理解设计文件和 Fig Jam 文件之间的区别。我们还讨论了框架、形状、图层等工具，以及处理颜色样式和排版的技巧。您还学会了如何通过创建组件和变体来提高设计效率，以及如何使用自动布局进行响应式设计。然后我们从头开始构建了一个送餐应用程序 UI，添加了原型和过渡，并涵盖了如何协作以及如何将您的设计交给开发人员。现在，在我们完成之前，这里有一些关键的专业技巧和快捷方式，可以帮助您在 Figma 中更快、更高效地工作。第一个快捷方式是缩放，您可以按 Command Control + 或 Command Control - 来放大和缩小您的设计。要适应屏幕，您可以按 Command Control + O 将您的设计适应屏幕。要分组图层，您可以按 Command Control + G 将元素组合在一起。复制图层，您可以按 Command Control + D 来快速复制图层或元素。对于自动布局，您可以按 Shift + A 来激活框架的自动布局。现在，如果您是 Mac 用户，您将获得 Command。如果您使用的是 Windows，您必须按 Control。我希望您在使用 Figma 和它提供的所有酷功能来像专业人士一样设计时感到更加自信。>> 欢迎来到 Simply Learn 的 YouTube 频道。在本课程中，我们将学习用户界面和用户体验设计。现在，在我们开始之前，我想告诉大家，我们每天都有关于多种技术的更新。所以，如果您是技术爱好者，并且一直在寻找最新的技术趋势，那么请考虑订阅我们的 YouTube 频道，并且不要忘记点击那个铃铛图标，这样您就不会错过 Simply Learn 的任何更新。所以，事不宜迟，让我们开始今天的用户界面和用户体验课程。所以，用户界面或用户体验设计，也称为 UIUX，是以用户为中心的方法创建数字产品的过程。UI UX 设计的目标是提供一个既美观又极其愉悦使用的产品。UI 和 UX 本质上是同一件事，属于同一学科，这是一个普遍的想法，但事实并非完全准确。它们是独立的领域，专注于用户与数字产品的交互的不同方面。然而，它们密切相关，并且在许多方面重叠，以至于它们在很大程度上被合并为一个职业。所以，首先，让我们快速看一下本次课程的议程。我们将从理解什么是 UI UX 开始。然后我们将了解 UIUX 设计师需要哪些技能以及他们的任务。接下来，我们将看到 UI 和 UX 之间的区别。然后，UI UX 中的研究技术是什么，它们如何协同工作，以及将它们结合起来的缺点是什么。所以，我希望我已经清楚地说明了议程。现在，什么是用户体验和用户界面是我们的第一个主题。让我们开始吧。所以，一个人将如何与产品互动？理解您的用户的完整旅程并将其转化为产品。人机用户与日常产品和服务的交互是 UX 设计的主题。它包括用户参与。如果您要总结用户体验工作的目标，用户参与就会出现。他们通过参与与用户的兴趣、动机和抱负保持联系。接下来，目标。目标，即行业 UX 设计旨在通过产品的可用性、易用性和愉悦性来提高消费者的满意度和忠诚度。UX 指的是客户与产品获得的完整用户体验。通过评估产品的可用性，我们可以判断消费者是否能够成功且快速地完成任务。良好的可用性是成功用户体验的基础，并且经常被用户体验和易用性所混淆。可用性是用户体验的一部分。可用性是用户体验的第二个层次。因此，一旦您确定产品可以解决用户的问题，就必须解决产品的可用性。设计师的功能适合用户需求和情况的程度决定了设计的可用性。可用性涉及导航。创建、分析和实施用户在网站或应用程序熟悉度中导航的方法的学科。接下来是一致性。可用且用户友好的设计始终提供一致的体验。在此之后，我们有错误预防。在用户犯错时提醒用户，目的是让他们轻松地完成他们正在做的任何事情而不会出错。接下来我们有反馈。反馈用于参与和解释，并可以提高用户满意度。在此之后，我们有视觉清晰度。视觉清晰度衡量视觉设计在多大程度上有效地优先考虑和传达信息。最后是灵活性。这是关于了解您的客户并为不同的客户意图提供灵活性。现在我们对 UX 有了简要的了解，让我们来了解一下 UI。UI 或用户界面。人机接触和交互的点称为用户界面。这可以包括桌面显示器、键盘、鼠标和其他指向设备。它还指用户与网站或应用程序交互的方式。换句话说，他们设计网站或应用程序的用户界面。在了解了用户界面之后，我们将看到不同类型的用户界面。首先，我们有命令行界面或 CLI。CLI 允许用户在终端或仪表板窗口中输入命令，以与软件进行通信。它是一个平台或通道，用户通过键入命令来响应可见的提示并接收系统的响应。接下来，我们有 GUI 或图形用户界面。图形用户界面允许人们仅使用图形与操作系统进行交互。在图形用户界面中，有菜单，如窗口、滚动条、按钮、向导、绘画图片、替代图标等等。它易于理解且自然。信息以任何格式呈现给用户，包括纯文本、视频、照片等。在此之后，我们有触摸图形用户界面。触摸图形用户界面可以使用用户的指纹或手写笔来控制图形。这可以在台式计算机、笔记本电脑或手机等便携式设备上完成。触摸屏图形用户界面越来越多地用于医院环境，并为患者和医疗保健工作者提供了许多优势。UI 和 UX 都需要很多技能。让我们来看看这些技能。由于工作的性质，UX 设计师需要技术技能，如设计或开发，使用 Sketch、defect 和 Adobe XD 等程序。成功的 UX 设计师拥有以下软技能或能力。让我们讨论 UX 设计师的不同技能。除了硬技能，还有研究、解决问题和沟通。研究。研究是一项基本技能。设计师必须从他们收集的数据中获得有用的见解，这些数据既在早期阶段，也在实际测试期间。接下来，我们有解决问题。在一个称为动态的过程中，UX 设计师会考虑多种方法来解决单个用户问题。他们不仅在原型设计过程中修复困难，而且还不断开发和改进产品或服务，使其更用户友好。最后，我们有沟通。由于 UX 设计确实是一个高度协作的过程，因此沟通至关重要。这包括能够有效地在团队内部以及与客户沟通用户在使用产品时的需求和要求。现在，让我们讨论 UI 设计师需要具备的技能才能成为一名 UI 设计师。他们需要一些硬技能。UI 设计师必须跟上当前的趋势、方法和技术才能成长。他们必须熟悉设计美学、用户界面、品牌设计、布局和其他图形设计方面。他们还必须知道如何使用图形设计和线框图软件。要成为一名 UI 设计师，需要具备以下一些技能。创造力。UI 设计师能够有效解决问题的唯一方法是提出新颖的想法。由于想象力是创造力的一部分，因此企业会寻找有创造力的人。团队合作和沟通。用户界面设计师必须与他人良好合作。他们与产品架构师和 Web 开发人员密切合作。因此，清晰的沟通对于成功的产品至关重要。适应性。技术发展迅速，以不断开发其产品和服务。良好的 UI 设计拥抱变化，并紧跟行业趋势。在了解了 UX 和 UI 设计师所需的技能后，我们将研究他们不同的任务。UX 设计师 UX 设计师从研究开始。面对面访谈通常是用户研究的第一步。这些对话使他们能够更好地理解用户的动机和问题。设计师还进行用户测试以观察用户活动。他们通过检测口头和非口头的障碍，如 UX 设计师所做的，来改进并提供最佳的用户体验，包括用户理解、分析交互和线框图/原型设计。所以，第一个是用户理解。深度研究通常是 UX 设计的第一步，目的是理解受众、他们的需求和愿望。同理心是 UX 设计师的一项关键能力。它有助于 UX 设计师理解和揭示目标受众隐藏的需求和反应。接下来，他们分析交互。用户体验设计师检查用户如何与事物交互，包括他们的习惯、偏好和快捷方式。在所有可用的见解中，提出了更好的设计解决方案。最后一个是原型设计。原型是 UX 团队在发布前用于测试的模型或试用版本。它旨在在与利益相关者分享概念并最终将最终版本移交给设计工程师进行开发过程之前，测试和验证想法。UX 设计师始终积极参与产品的组装过程，以确保设计朝着正确的方向发展。他们与每个团队成员沟通。现在，在了解了 UX 设计师完成的任务后，我们将研究 UI 设计师的任务。UI 设计师。一旦 UX 团队完成了他们的流程并将线框图移交，Web 设计师就负责创建产品在图形上的布局。他们当然必须从用户的角度进行设计。这包括理解界面设计和应用基本设计原则。它还包括仔细选择字体、菜单设计、按钮、图标和其他元素，以表达

品牌并满足用户。UI 设计师执行几项任务，第一项是测试。通常，UI 测试，有时也称为测试，是一个旨在测试用户将与之交互的任何产品的功能的流程。通常，这涉及对视觉组件进行测试，以确保它们的功能和性能符合规格。沟通。通常，技术团队、UX 设计师和 UI 设计师密切合作。需要沟通能力来掌握技术可行性。线框图。UIUX 设计中最重要的流程之一是线框图。这涉及对数字应用程序的框架进行建模。线框图是产品大纲，显示重要页面中将存在哪些软件组件。它是设计交互过程中的关键步骤。现在我们将看到 UI 和 UX 之间的区别。在 Web 和应用程序设计中，最容易混淆和混淆的两个术语是 UX 设计和 UI 设计。这很有道理。表面上看，它们似乎描述的是同一件事，因为它们经常在 UIUX 设计阶段结合在一起。但别担心，我们将尝试理解 UI 和 UX 之间的基本区别。用户体验与用户对产品或服务的体验有关。而 UI 指的是人类通过其与产品连接的视觉组件。因此，UX 侧重于字体、颜色、菜单栏等视觉界面元素，以及更多。而 UI 侧重于用户以及他们与产品的体验。了解 UX 和 UI 的区别后，我们将看到 UI 和 UX 中的研究技术。从实际用户那里收集信息以了解他们的需求和旅行区域的做法称为用户研究。以下是 UX 研究技术。用户画像。用户画像是平均用户的虚构形象。其目标是帮助 UX 设计师在考虑特定目标用户而非一般用户的情况下开发解决方案。用户访谈。用户访谈是获取用户数据的绝佳方法。了解用户为什么会遇到特定问题，并确定您的设计是否满足他们的需求。接下来是调查。作为 UX 研究调查的一部分，设计师会向特定用户群体发送一系列问题，以更多地了解他们的态度和偏好。现在我们将看到 UI 设计师的研究技术。研究确保在设计用户界面时考虑用户的需求和期望，这通常是过程中的第一阶段。在用户体验建立后，UI 设计过程开始。UI 设计师必须确定最佳的配色方案、图案和其他视觉组件。这使得 UI 设计师能够获得想法，并确保他们选择的设计组件符合用户的选择和需求。现在，我们将看到它们如何协同工作。虽然 UI 和 UX 设计涉及相当不同的技术技能，但它们都是提供最佳用户体验必须协同工作的主要元素。没有适当的 UX 设计，漂亮的 UI 设计可能会变得笨拙且难以导航。理解用户需求应该是任何前端设计和开发过程的第一步。现在，在此之后，我们将看到将两者结合起来的缺点。当您拥有结合的 UIUX 功能时，这几乎就像同时戴上两顶帽子。UI 和 UX 设计师拥有不同的技能组合。尽管大多数公司将 UX UI 功能宣传为单一统一的角色，但其主要焦点、看待事物的方式以及产品原型方法却大相径庭。在混合 UIUX 角色中，不断地在想法和表示之间切换可能会很困难，并减少每种学科所需的关注量。所以，伙计们，让我们先试着理解为什么 UIUX 在 2026 年仍然很重要。所以即使在 2026 年，UIUX 也不是可选项。每个应用程序、网站、软件或 AI 工具都需要良好的设计，如果用户不了解如何使用产品，他们就会离开。当用户离开时，企业就会亏损。这就是为什么 UIUX 设计师仍然非常抢手。但像苹果、谷歌、爱彼迎和网飞这样的公司之所以赢，不仅仅是因为功能。他们因出色的用户体验而获胜。今天的公司说，如果设计不好，产品就不好。所以设计不再是装饰。设计是一种策略。现在我们将讨论 AI 对 UX 角色的影响。AI 改变了我们的设计方式，但它并没有取代设计师。AI 可以加速布局、创建线框图等设计，但 AI 无法理解人类的情感、行为和道德。因此，与 AI 合作的设计师将成长得更快，而不是消失。现在，在继续之前，让我们了解 UIUX 和产品设计之间的明确区别。所以，基本上，如果我谈论 UI，UI 代表用户界面，UI 设计师专注于颜色、字体、按钮、排版、布局。所以 UI 设计意味着事物看起来如何，而另一方面，UX 代表体验。用户感觉如何，意味着事物如何运作。UX 设计师专注于用户研究、用户问题、用户旅程、线框图和可用性测试。所以，简而言之，UI 是面孔，UX 是大脑。现在让我们了解 UI 设计师和 UX 设计师之间的简单区别。假设您在一家餐厅工作。您看到的 UI 是所有东西。菜单设计、颜色、字体、布局以及这个地方看起来有多吸引人。那就是 UI。如果菜单看起来干净，文字易于阅读。如果设计感觉很高端，那么 UI 设计师就做到了这一点。另一方面，UX 是您的体验感觉如何，找到桌子有多容易，您对菜单的理解有多快，您下单有多顺畅，以及食物是否在没有混乱的情况下送达。那就是 UX。如果一切感觉简单、顺畅且无压力，那么 UX 设计师就做得很好。这就是 UI 和 UX 的含义。所以现在您可能在想什么是产品设计？产品设计师既做 UIUX 又做商业思维。他们考虑用户需求、业务目标、产品增长和长期战略。所以这就是 UI 设计师和 UX 设计师以及产品设计师之间的区别。现在您可能在想应该选择哪个角色。所以让我为您轻松决定。如果您喜欢视觉效果，那么 UI 设计适合您。如果您喜欢解决问题，那么 UX 设计适合您。如果您想要产品的完全所有权，那么产品设计适合您。它谈论您为每个角色所需的思维方式。UI 设计师需要创造力和对细节的强烈关注，使界面看起来干净且视觉吸引力。而 UX 设计师需要好奇心和同理心来理解用户问题并创造易于使用的体验。产品设计师需要大局观和清晰的沟通能力来平衡用户需求与业务目标。现在，伙计们，让我们继续讨论 2026 年的 UIUX 设计师路线图。这是基础到高级的 UIUX 路线图，实际上分为六个阶段，跨越六个月。每个月都建立在前一个月所学的基础上。所以，如果您一步一步地遵循它，您将从初学者成长为一名自信的设计师。现在，伙计们，让我们讨论第一阶段，即设计基础。第一个月，您不使用任何花哨的工具，没有 Figma，没有高级软件。您专注于设计基础，因为这是优秀设计师真正诞生的地方。首先，您学习基本的设计原则，如对比度、对齐、间距和层次结构。这些有助于用户快速了解他们应该看什么，点击什么，以及忽略什么。接下来，我想说学习色彩理论。所以，如果我谈论色彩理论，那么您需要了解颜色如何影响情感、信任、注意力以及决策，而不仅仅是看起来好不好。然后您学习字体排印学基础。这意味着选择正确的字体并使文本易于阅读，这样您的设计看起来干净而专业。最重要的是，您将学习设计中的人类心理学。您将了解人们如何阅读屏幕，做出选择，有时甚至在没有意识到的情况下感到困惑。现在，让我们讨论第一个月的项目创意。选择任何现有的应用程序或屏幕，如食品配送或购物应用程序。使用基本的设计规则重新设计屏幕。没有动画，没有花哨的效果，只有一个干净的布局，良好的间距和清晰的设计。现在让我们讨论第二阶段。在第二阶段，您将进行 UX 研究和线框图绘制。第二个月，您将从视觉转向 UX 思维。您停止问屏幕看起来如何，而是开始问用户如何思考和感受。首先，您学习识别真正的用户问题。不仅仅是用户说什么，而是他们实际遇到的困难。然后您创建用户画像，即真实用户的简单配置文件、他们的目标和痛点。接下来，您绘制用户旅程和流程，规划用户在应用程序内应遵循的步骤。最后，您创建线框图，即简单的黑白屏幕，只关注结构，不关注设计。对于您第二个月的项目，重新设计任何现有应用程序的用户流程，并为其创建低保真线框图。现在，让我们讨论第三阶段，即 UI 设计工具。第三个月，您终于开始使用 UI 设计工具。您的主要重点应该是 Figma，因为它是行业中最广泛使用的设计工具。除了 Figma，您还可以探索 Adobe XD 和 Framer，并使用 Fig Jam 进行头脑风暴和规划想法。所以，伙计们，您可以看到这些是相应的工具。但伙计们，也要记住，不要试图一次掌握所有东西。深入专注于一种工具，尤其是 Figma。在 Figma 中，您将学习自动布局，这样您的设计就可以适应不同的屏幕尺寸。到本月结束时，您不仅会了解工具，而且还将自信地设计完整的应用程序屏幕。对于您本月的项目，您可以做的是使用组件、自动布局和简单的设计系统在 Figma 中设计一个完整的移动应用程序 UI。现在，让我们谈谈第四阶段，即原型制作和可用性测试。所以，伙计们，在这个阶段，您将了解到设计在实际用户测试之前是不完整的。您创建可点击的原型并添加小的交互，使应用程序感觉真实而流畅。然后您通过观察真实用户使用您的设计并注意到他们遇到的困难来进行可用性测试。您收集反馈并一次又一次地改进设计，而不是仅仅猜测。所以，伙计们，对于项目，您可以构建一个可点击的原型，与用户进行测试，并对其进行优化，直到体验感觉轻松自然。现在，伙计们，在第五阶段，我们将讨论高级 UX 和可访问性协作。在第五个月，您开始像专业设计师一样思考，而不是像学生一样。您学习可访问性基础知识，以便您的设计对所有人（包括残疾人）都可用。您为多种设备设计，并学习如何清晰地将设计移交给开发人员。您还将了解如何在真实团队环境中与产品经理、工程师合作。对于项目，伙计们，您可以做的是改进任何现有应用程序或网站的可用性和可访问性，以展示真实世界的设计技能。现在让我们进入第六阶段，即作品集和工作准备。第六个月是您的职业生涯真正开始的时候。您专注于为工作做好准备，而不仅仅是学习设计。您创建强大的案例研究，解释问题、您的解决方案和影响，而不仅仅是最终屏幕。您还将展示您的完整设计过程，并练习自信地解释您的工作以进行面试。所以，伙计们，您展示您的完整设计过程，并练习自信地解释您的工作以进行面试。现在，您的真实生活项目是实施所学知识。这是一个完整的端到端产品，从用户研究和线框图绘制到测试和最终 UI，以及创建一个强大的作品集，证明您已准备好担任 UIUX 角色。所以，伙计们，在最后一步，您可以做的是构建一个从用户研究到最终 UI 的完整端到端产品。然后，您可以创建您的作品集，将其上传到任何网站或 GitHub，或者您可以在 Behance 上说，并撰写一份适当的文档，证明您已准备好担任 UIUX 角色。所以，伙计们，这是您从基础到高级的循序渐进的 6 个月 UIUIUX 设计路线图。保持一致性、定期练习和真实项目，您将建立真正重要的技能。现在，让我们学习 2026 年需要掌握的顶级 UIUX 工具。在 2026 年，设计师应该关注 PenPort、Logoy、UISD 和 Framework AI 等工具。这些工具利用 AI 和自动化来减少重复的设计工作。它们甚至有助于更快地将想法和设计转化为可用的布局和代码，并允许设计师更多地专注于 UX 思维和创造力，而不是手动任务。继续谈论 Figma 与 AI 工具。所以，伙计们，如果我谈论 Figma 提供了控制和协作，而 AI 工具提供了速度和自动化。最优秀的设计师不是选择一个，而是两者结合。借助无代码和自动化，设计师现在可以更智能地设计并更快地切换，从而在工作中获得强大的优势。现在，伙计们，让我们讨论您需要掌握的技能。首先，了解 HTML CSS 基础知识。您不需要成为一名开发人员，但了解基础知识有助于您更现实地设计并与开发人员清晰沟通。接下来是设计系统。您将了解组件、令牌和一致性规则。这使您可以重用元素，而不是重新设计所有内容，并有助于产品随着时间的推移平稳扩展。最后，我想说提示工程。所以，伙计们，设计师现在通过编写清晰的提示、设计说明和 UX 逻辑来与 AI 合作。这是一项新的但强大的技能，可以帮助您在 2026 年更快、更智能地工作。现在，伙计们，让我们谈谈个人品牌。首先是您的作品集平台。您可以使用 Dribble、Behance 和 LinkedIn 等平台来展示您的作品。但不要只上传漂亮的屏幕。始终解释您的想法，您为什么这样设计，您解决了什么问题，以及您是如何做出决定的。接下来是您的案例研究作品集，这是最重要的部分。一个好的案例研究清楚地解释了四件事。问题、您的过程以及您做出的决定，以及最终结果。请记住，公司不招聘屏幕。他们招聘解决问题的人，然后专注于建立在线权威。在 X 上分享简单的设计技巧，并在 Medium 上撰写 UX 文章，并定期在 LinkedIn 上发布。您不需要病毒式传播。您只需要可见。当人们持续看到您的想法时，机会就会开始到来。在 UIUX 中，可见性创造信任，信任创造工作。现在，伙计们，让我们谈谈 2026 年的 UIUX 职业道路，因为学习设计是一回事。选择正确的职业道路是另一回事。作为一名 UIUX 设计师，您有三种主要的职业选择。您可以作为自由职业者工作，在那里您可以选择您的客户并独立工作。或者您可以作为一名内部设计师工作，在那里您为一家公司设计并与他们的产品一起成长。或者您可以与产品团队合作，在那里您与设计师、开发人员以及产品经理密切合作。这里没有最佳选择。您根据您的生活方式、稳定性和工作偏好来选择，而不仅仅是趋势。现在，伙计们，让我们谈谈远程和全球工作。UIUX 是当今最适合远程工作的职业之一。公司和客户不在乎您住在哪里。他们关心您的技能和作品集。这意味着您可以与全球团队和国际客户一起工作。最后，让我们看看设计中出现的新角色。在 2026 年，我们将看到 AI UX 设计师、对话式 UX 设计师和设计策略师等角色。这些角色专注于设计与 AI、语音界面和产品策略相关的体验。所以请记住，当设计角色没有缩小，它们正在演变和扩展。现在，伙计们，让我们稍微讨论一下 UIUX 设计的未来。首先我想谈的是 AI 驱动的设计协作。未来，设计师将与 AI 工具密切合作，而不是取代创造力，而是为了加快工作速度。AI 将有助于布局、想法、测试和改进，而设计师则专注于思考和决策。接下来是个性化和道德 UX。产品将根据用户的需求和行为为每个用户进行个性化。同时，设计师必须合乎道德地进行设计。没有令人困惑的模式，没有诡计。未来的良好 UX 意味着诚实、包容和以用户为先。最后是混合现实和增强现实界面。设计师正在超越移动和网页屏幕，进入增强现实和沉浸式体验。设计师将开始创造融合数字世界和现实世界的体验。所以 UIUX 的未来将更智能、更负责任，也更具沉浸感，而适应的设计师将保持领先地位。现在，伙计们，让我们稍微谈谈薪资预期。在印度，作为一名新人，您可以轻松赚取约 4 到 8 LPA。有了一些经验，您可以轻松赚取约 10 到 18 LPA。作为一名高级设计师，您可以轻松赚取高达 20 LPA 或更多，尤其是在产品型公司。在美国，薪资甚至更高。新人平均每年可赚取约 70,000 美元。如果我谈论中级设计师，他们可以轻松赚取约 100,000 美元或更多。而高级设计师甚至可以赚取超过 150,000 美元或更多。>> 那么，在 UIUX 设计的背景下，作品集到底是什么？作品集本质上是您的展示。这是您向潜在客户或雇主展示您的技能和创造力的广度和深度的机会。与许多简历起主要作用的职业不同，在 UI UX 设计中，您的作品集是决定您能否获得工作或项目的关键。它是一个视觉简历，但带有故事性。通过您的作品集，您展示了您解决问题的能力、设计过程以及您如何应对现实世界的挑战。把它想象成一个叙事。您不仅仅是在展示漂亮的屏幕。您展示了您是如何得出解决方案的，问题是什么，以及您的设计如何影响用户体验。所以，简而言之，一个出色的 UIUX 作品集不仅突出了您的技能，还传达了您的思维过程以及您带来的价值。现在我们知道了作品集是什么，让我们谈谈它应该包含什么。所以，作品集的内容应该精心制作，以突出您最好的作品并展示多功能性。所以，这里有一个关键元素的清单。第一，案例研究。现在，这些是您作品集的核心。您至少需要三到五个扎实的案例研究。每个案例研究都应讲述从问题到解决方案的完整故事，从研究阶段、线框图绘制、原型制作和最终视觉设计开始。接下来是过程文档。所以，不要只展示最终产品。人们想知道您是如何做到的。所以，包括草图、线框图、迭代和反馈循环。所以，解释您的思维过程和在此过程中的设计决策。接下来是用户研究。展示您了解您正在为之设计的用户。包括用户画像、用户流程、旅程地图以及您在研究阶段收集到的见解。接下来是视觉设计。您工作的审美部分应该反映您的 UI 技能。突出您在排版、配色方案和按钮、图标等 UI 元素方面的使用。然后是原型制作和测试。包括您进行的任何用户测试以及结果以及您如何根据反馈进行更改。然后是关于部分。所以，别忘了介绍自己。本节应解释您的背景、您是如何进入设计的、您对 UIUX 的方法以及您喜欢什么样的项目。最终，您希望展示您通过设计解决现实世界问题的能力，同时也要展示您的创造力。现在，我经常听到这个问题，比如如果我没有经验，我该如何制作作品集？所以，这里有一个好消息。即使您从零开始，完全有可能建立一个令人印象深刻的作品集。所以，接下来是一些帮助他们的策略。第一是个人项目。所以，您可以创建自己的假设项目。它可以是重新设计现有的应用程序或网站。解决您在日常生活中注意到的问题，甚至根据一个概念从头开始创建一个产品。所以，这些项目仍然可以展示您的能力。接下来是志愿工作或自由职业。所以，您可以向可能没有大量设计预算的非营利组织、小型企业或初创公司提供您的技能。所以，这是一种双赢的局面，您获得经验，他们获得急需的帮助。接下来是设计挑战。所以，您可以参加 Behance 或 Dribble 等平台上的 UIUX 设计挑战。您还可以找到每日或每周的挑战，迫使您在不同的限制下进行设计。所以，这些可以直接放入您的作品集。接下来是模拟项目的案例研究。所以，即使项目不是真实的，您仍然可以像对待真实世界的案例研究一样对待它。所以，概述问题、研究并展示您的设计过程和最终解决方案。所以，请记住，关键是展示您的思维过程和解决问题的能力，而不一定是您为谁工作过。好了。所以，一旦您收集了您的项目，下一个问题是如何组织它们？所以，这里有一些格式化的黄金法则。好了。所以，一旦您收集了您的项目，下一个问题是如何组织它们？所以，这里有一些格式化的黄金法则。第一，保持简单干净。不要用太多的视觉效果或文字让访客不知所措。重点应该是您的作品。使用极简设计，让您的项目脱颖而出。接下来是讲故事。将每个案例研究构建成一个故事。介绍项目、问题、您的角色、您的过程，最后是解决方案。所以，提供足够的背景信息，以便没有设计背景的人都能理解您的想法。第三是响应式设计。确保您的作品集在桌面和移动设备上看起来都不错。您是一名 UIUX 设计师。所以，这是必须的。它表明您了解良好的用户体验的重要性。第四是交互式原型。所以，如果可能，请包含交互式原型。所以，像 Figma 或 Invision 这样的工具允许您嵌入可点击的实时原型，为观看者提供更具沉浸感的体验。然后是导航的便捷性。所以，组织您的内容，使其易于查找。如果您有多种技能，可以使用 UI 设计、UX 案例研究或移动项目等类别。所以，现在让我们快速谈谈一些要避免的常见错误。第一，过于关注视觉效果。所以，请记住，UX 和 UI 一样重要。所以，不要让您的作品集全是花哨的界面。展示您也了解用户体验方面。接下来是未能解释您的过程。现在，员工不仅仅想看到最终结果。他们想知道您是如何做到的。所以，没有背景的美丽设计可能不够。第三是项目过多。所以，质量重于数量。拥有三个具有深刻见解的强大项目比十个表面项目要好。接下来是忽略反馈和迭代。所以，设计是一个协作过程。展示您能够接受反馈并改进您的工作。不要跳过这一部分。然后是未打磨的视觉设计。所以，如果您正在申请 UIUX 职位，您的作品集本身就需要有出色的视觉设计。所以，请确保它打磨得很好，易于导航，并且使用起来很愉快。所以，最后，在了解了所有这些之后，让我们谈谈在哪里构建和托管您的作品集。幸运的是，有一些很棒的平台可以使这个过程变得超级简单。所以，第一是 Behance。非常适合 UIUX 设计师。所以，Behance 是一个流行的平台，它允许您创建精美的项目演示，与设计社区互动，并向潜在雇主展示您的作品。接下来是 Dribble。以其创意社区而闻名，如果您想展示您的作品的快照，特别是 UI 设计，Dribble 是理想的选择。它更具视觉性，但仍然是一个不错的起点。接下来是 WordPress 或 Web Flow。所以，如果您想要一个自定义网站，带有设计主题的 WordPress 或 Web Flow 可以为您提供完全的控制权。特别是 Web Flow 是设计师的最爱，因为它结合了网页设计和开发工具，使构建响应式精美作品集变得更容易。接下来是 Adobe Portfolio。如果您已经是 Adobe Creative Cloud 的订阅者，您可以使用 Adobe Portfolio 轻松构建网站。它很简单，但与其他工具集成得很好。最后，我们有 Carbon Made。它是一个专为作品集设计的用户友好平台。它拥有精美的模板，如果您正在寻找一个几乎不需要编码的简单设置，它是一个不错的选择。所以，您可以选择最适合您需求的平台，并确保它易于随着时间的推移进行更新。所以，现在您对如何创建作品集有了清晰的了解，让我们来看看 Behance 的一个作品集。所以，这是一个制作精良的作品集。所以，正如您所见，首先他们提到了目标、范围和设计方法，然后是详细的客户资料。之后，他们给出了一个详细的时间表，解释了他们所经历的过程，包括规划、研究、线框图和视觉设计，以及他们为此使用的工具。之后，他们展示了调色板和使用的文本样式。然后他们给出了仪表板线框图，然后是登录页面、UI 设计和网站的不同页面，从而使其成为一个完整且制作精良的作品集。所以，在您开始制作作品集之前，请确保您参考许多其他作品集以获得更多想法。这就是全部。这些是关于如何创建令人惊叹的 UIUX 设计作品集的技巧。即使您没有太多经验。所以，请记住，您的作品集是一个活的文件。保持更新，改进它，并让它随着您作为设计师的成长而成长。现在，由于这个视频是关于 Figma 的，我们现在应该了解为什么您应该使用 Figma。所以，基本上，使用 Figma 有三个主要原因。Figma 是设计界都在热议的工具。第一个原因是实时协作。在当今的远程世界中，协作非常重要。Figma 允许多个设计师、开发人员和利益相关者在同一设计文件上实时工作。您可以想象与您的团队同时处理同一个项目，即时看到彼此的更新，并在事情发生时进行评论。这是一个彻底的改变者。下一个原因是基于云的便利性。现在 Figma 完全基于云，这意味着不再需要担心软件更新、文件保存或丢失您的工作。您的设计会自动保存，您可以从任何地方访问它们。现在，无论您使用的是 Mac、Windows 还是 Linux 设备，无需下载，无需安装。只需登录即可。下一个是设计到原型制作，都在一个工具中。现在，与其他设计工具不同，您需要在设计和原型制作之间切换，Figma 让您可以在一个地方完成所有事情。您可以设计精美的用户界面，然后立即将这些设计转化为交互式原型进行测试和共享。不再需要在工具之间切换。Figma 可以处理所有这些。好了。现在，您可能想知道，Figma 与其他设计工具相比如何？好了，让我们将 Figma 与您可能听说过的一些流行工具进行比较。第一个是 Adobe XD 与 Figma。现在，两者都是很棒的设计工具，但 Figma 的实时协作是 Adobe 无法比拟的。使用 Figma，您和您的团队可以在一个共享空间中进行实时更改、评论，并轻松地审查和编辑设计。现在，Adobe XD 也有协作功能，但它们不如 Figma 流畅或集成。下一个是 Sketch 与 Figma。现在，Sketch 一直是许多设计师的最爱，但它仅在 Mac 上可用。而 Figma 是跨平台的，这意味着它可以在 Mac、Windows 甚至 Linux 上无缝运行。所以，如果您的团队分布在不同的操作系统上，Figma 是您的最佳选择。下一个是 Invision 与 Figma。现在，Invision 是一个很棒的原型工具，但 Figma 可以做到 Invision 所做的一切，甚至更多。您可以在一个平台内进行设计和原型制作，并轻松共享交互式原型以获取反馈，而无需离开该工具。Figma 减轻了设计过程的负担。现在让我们谈谈 Figma 的一些实际用例以及实际公司如何使用 Figma 来改进他们的产品。第一个是初创公司和小型团队。现在 Figma 是预算紧张的小型团队的绝佳工具。其基于云的性质意味着小型设计团队可以无缝协作，而无需担心昂贵的软件或丢失文件。初创公司使用它来快速高效地创建从登陆页面到应用程序界面的所有内容。下一个是大型团队的设计系统。Figma 帮助大型公司中的设计团队创建设计系统，即一组可重用组件，如按钮、图标、排版。现在这确保了项目之间的一致性，使协作随着团队的增长而更加顺畅。下一个是原型制作和测试。现在公司使用 Figma 的原型制作功能将静态设计转化为可点击的原型。他们可以测试用户流程，从利益相关者那里获得反馈，并即时进行更改。现在这是在开发开始之前的一个重要步骤。接下来是远程协作。现在，分布在全球的团队依赖 Figma 进行实时协作。设计师可以轻松地与远程开发人员、利益相关者或客户共享他们的工作，使设计过程感觉就像他们都在同一个房间里一样。所以，让我们开始我们的演示部分。第一件事是前往 Figma。您可以在 Google 中搜索它，也可以将其安装在您的桌面上。所以，只需从这里点击第一个链接，然后您可以将其删除。点击开始。您可以从这里点击使用 Google 继续。然后只需选择您的帐户。所以，现在我已经从我的帐户登录了，您也可以将其下载到您的桌面上。所以，当您从这里点击个人资料图标时，您可以点击获取桌面应用程序，或者您也可以在浏览器中使用它。所以，我现在在浏览器中使用它，但如果您愿意，也可以在桌面应用程序上获取它。接下来，您还可以根据需要更改您的界面设置的主题，无论是浅色、深色还是系统主题。所以我更喜欢深色版本。我将从这里点击深色主题。是的，这是社区。所以，从这里您可以搜索任何您想要的模板。假设您正在创建一个食品配送应用程序。所以，您可以从这里点击食品配送应用程序。看，您将获得所有这些的 UIUX 版本，所以这里有食品配送应用程序 UI 套件、食品应用程序设计、食品移动配送 UI。所以，从这里，如果您喜欢使用这个特定的模板，它有 75 个屏幕，并且还有预览版本，您可以将其打开。所以，从这里您可以点击页面封面，看看所有 UI UIX 的设计，如果您喜欢使用这个特定的东西。您还可以使用插件和窗口小部件，我们将在本视频稍后探讨。我将告诉您如何使用它。所以，现在当我们点击最近时，您会看到它说描述您的想法并使其成真。现在这是 AI 版本，您可以点击 Figma 制作设计。您可以根据您想要的设计类型输入提示，它将为您创建这类设计。我们稍后会探索它。但首先，让我们看看如何手动使用和创建 Figma 中的设计。所以，现在我们有了这个设计按钮。从这里您可以点击加号图标，然后从这里您可以开始设计您想要的应用程序。然后您还有这个 Fig Jam。而且我们这里添加了一个新功能，那就是站点。现在 Figma 站点是您可以使用预构建块、响应式布局、AI 图表等来设计网站的地方。然后您还有这个 Buzz。然后是幻灯片，您可以在其中为您的公司或您的创业想法创建演示文稿文本，无论您想要什么。所以，我们将逐一查看每个功能。所以，假设我点击站点。我将向您展示如何使用这个东西。所以，从这里它说您可以在 Figma 中设计和发布您的网站。所以，只需从这里点击开始，然后您可以使用空白站点，或者您也可以使用任何特定的模板。它还有各种类别，如您所见，按用例、活动、登陆页面、个人、作品集、业务。所以，假设我想要我的作品集。所以，当您点击这个特定的图标时，您会得到这些作品集模板。如果您想要用于您的业务，只需点击业务，您就会得到这么多可用的模板，简约、艺术、画廊、现代、品牌、设计工作室。所以，从这里您可以选择任何您想要的模板，然后开始创建您的网站。您还可以使用连接到 CMS 的功能。所以，在那里您实际上可以创建这样的模板，使用 CMS 构建，这对于内容丰富的网站非常理想。创意旅行博客、现代简约的 SaaS 公司、充满活力的设计师作品集。这看起来不错。所以，您可以使用他们有多个模板。所以，从这里您可以使用任何您想要的东西。现在，当您在这里设计时，您有响应式设计，您可以为多个设备创建网页，并使用保持同步的断点。所以，这是其中一个功能。接下来，您可以使用 CMS 选项，在那里您可以快速插入现成的嵌入式内容、英雄部分、完整页面等等。并且从这个使用 CMS 构建内容中，您可以管理博客内容，如内容丰富的网站、研究、产品类别等等。所以，从这里您可以开始设计。所以，您可以点击插入。然后您会得到这个选项，页面、导航、英雄。所以，您会得到选择的选项。所以，您可以选择任何模板，登陆页面，无论您想要什么。然后从这里您可以开始创建您的网站。然后您还有这个幻灯片选项。所以，让我们来看看。好的，只需从这里点击开始。现在它说您也可以从头开始，或者您可以从大纲开始，您可以总结一个 f jam 板。然后您有这里的基本模板。浅色幻灯片和深色幻灯片。如何使用 Figma 幻灯片，氛围。所以，您可以看到它有多种选择。如果您正在为您的品牌或营销目的创建演示文稿，那么它非常好。现在您可以看到这里的创业公司推销想法、数字内容主题。它有多种选择。所以，假设我点击这里给出的任何模板。所以，我有一个数字对比。所以我将点击查看模板。所以，这是一个模板。您可以看到它。所以，如果您想添加所有幻灯片，您可以点击这里，如果您想添加所有幻灯片，开始创建演示文稿。好的。所以，它说您可以找到任何情况下的幻灯片。这是第一张幻灯片，第二张，第三张。所以我真的很喜欢他们给我们的质量和设计，如果您正在为您的公司创建一份好的演示文稿，它真的很好。所以，您可以点击这里并从这里开始编辑。对？所以，这些是这里的模板。您可以看到标题。如果您想进行任何更改，您还可以放置您的应用程序、网站、徽标的截图，无论您想向其他受众展示什么。好的，现在这真的很酷。所以，我们已经看到了如何使用这些幻灯片。让我们来看看这里的 Buzz 选项。好的，它说认识 Figma Buzz，它使资产制作变得容易，获取精美的模板或创建您自己的模板以保持品牌工作，或者您可以使用高级工具、强大的插件等等。所以，只需点击开始。好的。现在这个是专门为您的 Instagram 帖子、Facebook 帖子、Twitter 帖子或 Google 大型矩形广告目的设计的。所以，您会得到很多选择。所以，假设如果您正在创建，就像您使用 Canva 为您的帖子设计一样，您可以类似地使用 Figma 的 Buzz 选项，在那里您可以为您的社交媒体目的设计您的故事、您的帖子。所以，只需从这里点击社交，在这里您会看到很多可用的选项，Instagram 广告、曝光。现在这真的很酷，如果您用于您的营销目的，用于您的品牌。然后您还有这个广告选项。所以，从这里您可以选择任何模板。这些是产品，正如您所看到的，有很多模板可用。然后您还有这个印刷品、企业、销售和促销、活动。所以，假设如果您想设计一封信、一张肖像卡、一张 Pinterest 广告。所以，您可以获得所有这些模板。您有这个 Instagram 故事、肖像卡。它还有庆祝活动的选项。正如您所看到的，肖像卡、风景卡。所以，无论您想要什么，您都可以将其用于您的生日快乐、您的婚姻事务，无论您想要什么。所以，现在我们已经探索了 Buzz，让我们回到。好的，现在我们已经看完了几乎所有东西。只需从这里点击 Fig Jam。现在，在打开主设计工具之前，了解 Fig Jam 非常重要，因为它通常是设计过程的第一步。所以，Fig Jam 到底是什么？Fig Jam 是一个在线协作白板。您可以将其想象成一个巨大的数字墙，您和您的团队可以在上面粘贴便利贴、绘制粗略草图，并勾勒出想法，而无需担心完美的像素或设计细节。它用于什么？它专门用于头脑风暴想法、用户流程、勾勒出用户在应用程序中移动的逻辑。例如，登录屏幕，点击提交，主屏幕，团队会议。如果您正在进行回顾或计划会议，它非常有用。所以，让我向您展示如何实际使用它。所以，这是我们的白板。所以，假设我必须创建一个工作流程。所以，您可以从这里选择任何可用的形状。然后您可以在此处添加文本。假设它是 Scrum 计划，然后将此框移到此处，然后您可以看到箭头，对吗？所以，当您点击此箭头时，它将自动创建您当前正在使用的相同形状的下一个工作流程。所以，假设如果您不想要这个，您需要从这里更改形状。然后您可以点击形状，我想在这里添加这个方形形状。所以我将点击方形。我将在这里添加它。然后从这里您可以添加此箭头以连接它。然后您可以提及，假设它是团队规划。所以，如果您正在为您的团队规划或创建任何工作流程，它非常有用。从这里您还可以添加颜色。您会得到这个选项，好的。所以，从这里您会得到这个选项，只需点击它，然后您可以填充任何特定的颜色。假设我选择浅粉色，因为我真的很喜欢它。然后您还可以更改轮廓。您还可以更改文本的字体。您可以点击小、大，无论您想要什么字体。然后您可以从这里选择您的字体。如果您想要书本式、技术式或涂鸦式，您可以这样选择。现在，我想要向您展示的另一件非常酷的事情是便利贴功能。好的。所以，从这里，您可以点击任何便利贴。假设我想在这里添加这个笔记功能。我想保留这个颜色。假设为黄色。所以，您可以输入任何重要的标题，如果您有，您可以保留它。假设我称之为笔记。所以我只是展示一个随机模板，说明您如何使用这个 fake jam 来达到您的目的。所以，您可以选择，您可以输入任何重要的笔记。如果您想将其与此连接，您也可以这样做。所以，让我们点击这里的东西。是的，这就是如何创建它。还有它的灵活性。所以，您可以随意移动画布中的形状。现在您可以看到它有多容易使用，以及它感觉有多棒。现在，如果您按此顺序规划任何工作流程。所以，您可以这样做。现在，如果您想从这里添加任何工作流程，您可以点击它，然后再次从这里添加。假设如果您想在这里底部添加，您也可以这样做。所以，这真的很棒，因为这里的界面让任何人都可以轻松使用它。这就是您如何使用这里的 fig jam。它不是最重要的过程，正如我所说的，但如果您正在创建您的线框图，即您正在创建步骤等，它非常有用。您可以通过这个自动化过程来展示它。好的。您还可以使用光标在这里进行捏合缩放。现在让我们回到我们的主仪表板。现在从这里我们将点击设计，然后点击下一步。它说使用 UI 套件更快地设计或从框架开始。我稍后会解释这个框架到底是什么。好的。现在您还可以添加图层文本。这些是 UI 套件，它们一直在这里为您服务。它说，如果您想节省时间或感到卡住，可以随时添加预制的 UI。如果您想添加这个，您可以。但让我向您展示如何从头开始。好的。所以，只需从这里点击文件选项。现在您会得到这些页面，对吗？只需点击此按钮。现在，如果您点击加号，您可以根据需要添加更多页面。所以，这实际上是画布。从这里您可以添加框架，对吗？您还可以添加页面，这是图层。现在，如果您习惯使用 Adobe 等工具，那么您一定知道图层到底是什么意思。我将在稍后的视频中向您展示这些实际上是如何工作的。所以，原型功能我将在稍后的视频中向您展示。所以，首先我们将设计一个简单的应用程序。所以，让我们开始吧。所以，这里我有一个参考模板，用于创建一个食品配送应用程序，我将使用这个特定的参考模板，并向您展示如何为您的应用程序创建这样引人入胜的 UIUX 设计。现在，在我们继续之前，让我们先了解一些复杂的术语，以便理解本教程，您需要知道这些特定的 Figma 定义。第一个是框架。所以，当您从这里点击这个框架图标时。所以，这就是您可以实际创建框架的方式。现在，当您点击它时，这就是框架。现在，在其他工具中，这可能被称为画板。现在框架是您设计的容器，比如 iPhone 16 的屏幕。与简单的矩形不同，框架可以包含其他元素并具有特殊的布局属性。所以，我将向您展示如何使用这里的框架选项。所以，我们可以从这里的框架中的任何地方选择。所以，这是我的框架，从这里当您点击它时，您会得到手机选项，比如您希望您的框架尺寸如何调整到哪个手机。假设我选择 iPhone 16，这是它的宽高比。所以我想要我的 iPhone 16，这就是它给我的框架。是的，您也可以通过移动扩展这个特定的滑块来调整它。好的。所以，假设，让我们回到原来的框架。是的。所以，这是我们选择的框架。下一件事是这里的样式选项。所以，当您点击加号样式时，您会得到文本颜色效果和布局指南。所以，局部样式是一种保存特定颜色或字体设置的方法，这样您就可以在任何地方使用它。现在，如果您更改局部样式，那么使用它的每个元素都会自动更新。我将在稍后的视频中向您展示它是如何工作的。下一个选项是这里的组件选项。所以，当您右键单击时，您会得到这个选项，称为创建组件。所以，组件实际上是一个可重用的主元素，您可以将一个按钮变成一个组件。您还可以制作它的 50 个副本。现在，如果您更改主组件的颜色，那么所有 50 个副本都会立即更改。现在，当您从这里创建组件时，它将具有这里的这个特定图标，这非常明显，是的，您实际上已经创建了一个组件。现在，当您创建组件时，您还会得到实例选项。现在，实例基本上是组件的副本。您可以更改实例的文本，但其结构与主组件链接。您还可以使用添加自动布局的选项，在那里您可以实际自动调整容器属性。它会自动计算项目之间的距离。所以，假设如果我正在创建一个，假设我在这里添加一个文本，它说你好。我只是在做一个演示，对吗？所以，我想从这里添加一个布局选项。添加自动布局。所以

当我点击“添加自动布局”时，它会做什么？它会从这里自动调整这个特定的字体。所以，假设我正在调整它的大小，它会从这里自动调整这个特定的字体。我无需手动操作，它会根据尺寸和框架的纵横比进行调整。

接下来，您有这个原型，它就像您设计的可玩版本。它允许您点击按钮并在屏幕之间进行过渡，以模拟真实的应用。所以，我稍后会展示所有这些。所以，既然您已经了解了所有复杂的术语及其含义，让我们继续创建我们简单的应用程序设计，这是一个食品配送应用程序。所以，我已经向您展示了参考文件。所以，我将使用它来创建我的设计。所以，我们这里有一个选定的框架。您可以做的就是更改其名称，并将其命名为启动屏幕。所以，这是我们将向大家展示的前屏。现在，如果您想更改颜色，我们也可以这样做。所以，假设我想在这里添加一种颜色。所以，您可以直接从这里点击填充并添加颜色。所以，假设我想把它做成红色，更像 Zomato 那种东西。但并非完全复制 Zomato 的 UI UIUX 设计。

第一步是从这里添加一个徽标。所以，我们将从这里转到图像选项，然后添加此图像。您也可以从这里拖放。现在，只需取消此操作，我们就需要调整我们图像的半径和大小。现在，这是尺寸，假设您想要这个特定的尺寸，您可以选择它并相应地进行调整。所以，这里有这个网格线。您可以看到，您可以根据此网格线调整您的徽标。所以，假设我想进一步扩展它，您也可以这样做。嗯，我们会把它放在这里。所以，现在我们的徽标已准备就绪，下一步将是在此处添加一些标题标签或字体设计。您也可以通过单击此处来调整设置。如果您想为您的图像添加任何填充，您也可以这样做。您也可以从这里增加和减少图像的不透明度。然后是圆角半径。如果您想为您的徽标添加一些效果，您也可以这样做。所以，您有这个阴影图标。所以，假设您想使其成为图层模糊、背景模糊、噪点。您也可以这样做。所以，假设我想添加内阴影，或者我想使背景模糊。我就会这样做。好的，这看起来不错。

接下来是从这里添加文本图标。所以，我们将从这里点击文本。在任何地方选择。现在，我已经向您展示了如何添加本地样式，对吧？所以，当您从这里点击样式选项时，您就有这个排版。所以，您可以选择任何文本。所以，假设我从这里添加这个特定的字体。然后您可以增加大小。我想要大约 24，因为这将是我的标语。所以，我将复制粘贴我已创建的标语。现在，我将调整它。所以，我将把这个特定的文本放在这里。所以，用这个光标，您可以实际移动它。好的。这个太大了。如果您觉得它太大了，您可以相应地进行调整。好的，现在我们将把它往下放一点。所以，假设这对我来说看起来更好。Burger bus。用风味保存。分享巴士。所以我选择的是白色，因为它在这种特定的背景下看起来更好。我把它放在这里。所以，现在看，这是我的品牌 Burger Buzz 的标语，它看起来会是这样。

现在，对于样式部分，当您点击样式时。所以，假设我想从这里添加一个本地样式。现在，您只需要本地样式。所以，假设它是内容，我给它命名，因为我将在我的内容中使用它。然后，您可以描述此样式可以用于什么。所以，我将使用此样式来创建我的所有描述，用于在我的主页等应用程序中创建。所以，我将在此处点击创建主页描述，然后您可以添加更多属性，即字体。所以，假设我想要一些其他的字体。所以我将从这里选择它。所以我真的很喜欢这个特定的字体。我将选择它，并将其保留为常规、中等或粗体。您也可以将其保留为中等。然后，我将增加字体大小。所以，让我们从这里将其设置为 20。然后，您可以创建样式。所以，这样我们的样式就创建好了。同样，您也可以为您的颜色创建它，即添加颜色效果，然后我们也有这个布局指南。您可以添加您自己的个性化布局指南来创建您的设计。

所以，现在我们已经从这里创建了我们的样式，让我们从这里添加一个按钮。所以，我们再次转到形状选项。点击矩形。点击此处加号图标。然后您可以调整圆角半径。所以，假设我想将圆角半径保留为 30。所以，它看起来会是这样。然后，您也可以调整不透明度。让我更改颜色。我将将其设置为黄色。所以，黄色在这种颜色上看起来有点互动性。所以，让我从这里选择黄色。现在，我们的按钮已准备就绪。您猜怎么着，我们将在按钮中使用什么？当然是注册。所以，我们再次从这里点击文本。加号，它说注册。好的，现在这是新添加的内容。我可以看到新的字体大小。所以，让我这样放，它是 32 号。我将把大小减小到，假设再次是 24。我将调整这个图标。我们可以移动它。所以我将把它放在中间。您可以看到指南。所以，它在中心线上。所以我将把它放在这里。注册。现在，它看起来会是这样，第一个启动屏幕。

现在，如果您想添加，如果您想添加更多圆角半径，假设我想将其保留为 100，您也可以这样做。所以，它看起来会是这样，然后，嗯，您有这个布局选项，您可以在这里调整流程。所以，假设我想将其保持在下方，或者如果您想将其保持在右侧，它看起来会是这样。它甚至不可见。这就是布局。它会为您提供如何调整的指南。对吧？所以我将使用我们之前使用的普通版本。然后，您可以从这里添加尺寸。内容填充，添加最小宽度，添加最大宽度，您想要的宽度。您也可以从这里应用变量。想要内容之间有更多间隙？您可以相应地进行调整。这里是不透明度。不透明度实际上意味着淡化您的颜色和设计以及位置，就像将其保持在右侧、左侧一样。您也可以从这里填充您的内容，例如调整间距等。您可以从这里添加描边。您可以将其添加为绿色、橙色、黄色，无论您想要什么。

然后您有这个布局指南。所以，让我向您展示这个布局指南实际上是如何工作的。所以，假设我想将其保留为 50。您可以看到网格线，对吧？所以，网格线将是黄色的，因为它是可见的。这就是您可以选择它的选项。它适用于此特定页面。所以，您可以相应地进行调整。这些网格线将帮助您实际调整您的图标等。当您创建图标并根据间距等进行调整时，它确实很有用。然后您有这些列。您可以使用列以这种方式进行调整。您也有这些行，它们将是按行排列的。所以，您可以看到间距，对吧？如果您觉得需要向上移动一点，您可以调整这个。所以，假设我想向上移动一点，对吧？它看起来有点向下，并且没有根据指南进行调整。所以，我将把它放在这里，汉堡包再往上一点。

所以，现在我们的布局已经完成，我们可以删除这个布局，因为它现在让我感到恼火。所以，让我删除它。您有这个眼睛图标。所以，当您将其关闭时，您会看到布局不会显示，对吧？现在，让我向您展示如何实际在屏幕上查看它。所以，您有这个播放按钮，您可以在您的系统中预览它。所以，只需点击预览。所以，当您点击预览时，它说原型至少需要有一个额外的框架。所以，让我们从这里添加一个额外的框架。所以，那时我们使用了这个图标，对吧？所以，我们将删除它，然后我们将使用这个特定的框架。假设我想将其保留为 100。然后您可以相应地调整它。所以我只是删除它。再次，我将更改此框架的颜色。所以，再次从这里点击填充。然后选择黄色，并将其放在上面，也许是这样。是的。这样就完成了。现在，让我再次预览它。所以，我们将从这里预览我们的文件。所以，它在我的 iPhone 16 上看起来会是这样。好的。所以，这是我的 iPhone 16 上界面、启动屏幕的预览。它看起来会是这样。现在，它看起来很酷。现在，这是这里的功能。您实际上可以点击注册。我们做不到。但如果您想调整它，您可以相应地进行调整。现在，如果您愿意，您也可以在其他模式下查看它。如果您有其他手机，您可以从那里查看。现在，这是实际的预览版本。所以，我们将为我们的应用程序设计创建更多框架和更多屏幕页面。所以，让我们回去。好的。所以，既然我们的启动屏幕已准备就绪。所以，我们将从这里复制这个特定的屏幕框架。这是框架一，对吧？所以，我不知道为什么是框架一。我将再次将其命名为启动屏幕。好的。然后我只是点击这个框架。然后您可以实际点击复制。然后您可以从这里按 Ctrl+V。所以，我们还有一个框架准备好了。现在，让我们也开始设计这个框架。所以我将删除这里的汉堡包和所有东西。在删除之前，我想向大家展示另一件重要的事情，那就是自动布局。所以，当我点击这个并从这里点击“添加自动布局”时，它是 Shift+A。所以，自动布局已添加。现在，我将相应地进行调整。您可以看到它是如何工作的。所以，假设我想让它，好的，这是帧率。所以，假设我想让它像这样。现在，它会自动调整，对吧？注册不在帧中。所以我将再次将注册放入帧中。现在，您可以看到当我移动它时，它实际上又从这里移动了。注册仍然在那里。所以，假设我想把它放在这个格式里，我将把它放在这里。我现在无法实际选择它，因为它在我的自动布局里。所以，从这里您可以更改这里的布局功能。如果您希望您的流程按此顺序进行，只需从此处选择框架，然后相应地进行调整。所以，它现在是冻结的，我们无法移动对齐方式，因为显然它是自动布局。但您可以看到区别，对吧？当我们使用这个框架并进行调整时。现在，您可以看到当我们在调整这个特定框架时，我想稍微缩小它。所以，它不会被调整。它会是这样的。但如果我想调整这个自动布局的特定框架，并想把它放在这里，它会自动调整。对吧？即使我增加和减小尺寸，它也会自动调整，这真的很酷。这就是响应式设计和自动布局的实际作用。所以，这就是您可以使用此自动布局功能开始创建的方式，如果您希望它以这种方式进行。所以，我们将从这里删除这个。这个也是。所以，它已经调整了间距。所以，当我点击它时，您会看到这里的“选择图层”和“组选择”，您可以在其中实际选择您在此处创建的所有框架。插件，我稍后会向您展示如何使用插件。然后它说转到主组件。所以，现在我告诉您如何为您的东西创建组件。现在，这不是主要的，但当您点击主组件时，这是我们之前创建的主框架，我们用它创建了第二个，对吧？所以，这是这里的主组件。所以，当您在此处进行任何更改时，实例，我们创建的第二个也将具有更改，因为如果您在主框架中进行任何编辑，第二个实例也将具有相同的效果。

现在，接下来我们将从这里继续进行登录功能。所以，我们将删除自动布局。所以，我们只是从这里分离实例，然后点击删除布局，我们将删除这个。现在，我正在为我的注册功能创建这个。所以，我将把它变成白色，因为白色看起来更好。这是我的框架。假设我想从这里添加效果。所以我将把它变成白色，因为我认为白色看起来更好。好的。所以，现在我们有了这个框架的第二个版本。所以，我们将再次从这里转到文本选项。只需点击加号。好的。它说无法添加新图层，因为模板创建者设置了编辑限制。我们将再次删除它，然后添加一个新框架。点击加号。这是我们创建的新框架。好的。现在，再次从文本，我们将添加新文本，上面写着注册。我们将把这个文本移上去。好的。所以，我们将把它放在这里。我认为这个是全大写的。所以，我将把它变成小写。好的。现在，我将从这里添加另一段文本，上面写着通过您的电子邮件登录。通过您的电子邮件登录。您也可以更改字体，但最好在创建应用程序内容时，在所有应用程序中都使用相同的字体，特别是应用程序设计。所以，您可以使用相同的字体，它会更易读。现在，我将把它作为次要文本。所以，我将转到，我将点击不透明度。我将把它设置为，假设 60%。现在这看起来更好。我将把它放在这里。通过您的电子邮件登录。现在，我们将添加一些电子邮件，按钮等，特别是当您注册帐户时。所以，我们将再次从这里选择一个框架。点击加号框架。把它做成这样。然后在这里再次点击文本。我们可以把它放在这里。所以，我们不能在这里具体添加。现在，假设我想再次添加文本。在这里，我们将添加文本。它说输入您的电子邮件。好的。由于文本有点长，所以我将从这里减小字体大小。将其设置为，假设 20。我将再次将其作为次要文本。所以，不透明度我将将其设置为 60%。输入您的电子邮件。好的。我将再次添加它。它刚刚消失了。所以，只需相应地进行调整。把它放在这里。您可以添加颜色。所以，在填充部分，我们将转到这里，并从这里添加一种更灰的颜色。好的。所以，这可能是通过降低不透明度完成的，或者您也可以通过这个来完成。所以，现在已经添加了这个说“输入您的电子邮件”的内容，我将调整边距。所以我将点击圆角半径，我将将其设置为 40。所以，它在这里添加了一些半径。现在，如果您想添加图标，我们将使用插件。现在，在 Figma 中，插件实际上是一个第三方扩展或小程序，您可以安装它来添加核心软件中不存在的功能。您可以将它们想象成智能手机上的应用程序或网页浏览器的扩展，它们将帮助您更快地执行重复性任务，或将 Figma 与其他工具连接起来。所以，插件基本上是为了自动化您的工作流程而设计的。所以，一些我们将在那里使用的常见插件是，我将向您展示。所以，我们将从这里转到操作按钮。只需转到插件和小部件。现在，要添加图标，我们只需使用 Remixicon。所以，只需在此处搜索 Remixicon。只需点击此 Remixicon 图标，然后点击运行。所以，从这里您可以选择邮件选项，然后您将获得这个图标。把它放在这里。您可以相应地进行调整。再次，我将降低它的不透明度。所以，我将把它设置为 60%。也许把它放在这里。您也可以放大以检查如何相应地进行调整。所以，假设我将把它放在这里。这看起来更好。您也可以手动完成，使用这里的文本。但这需要很长时间。您可以从这里添加形状。比如，假设您添加了这个矩形选项，然后您得到了三角形。所以，您可以将其反转。把它放在这里。好的。然后您可以调整它的外观。也许使其更白或更黑。这样，您就可以创建它，但这需要很长时间。所以，最好使用这里的插件选项。所以我只是从这里删除这个。然后也许这个没有对齐。所以，您可以把它放在中间。然后您可以把它移到这里。是的，完成了。现在，您可以再次创建它的副本。所以，您可能可以从这里拖放。所以，当您拖放时，您可以创建先前创建的框架的多个副本。然后在这里，我将添加登录，通过您的电子邮件，这是输入您的电子邮件，下一个将是您的密码。所以，我将把它放在前面一点，因为这里有很多空间。是的，我将把它放在这里，这个放在这里。这看起来更好。现在，我将在这里添加另一个文本。现在，这个说输入您的密码。我们将转到不透明度。将其设置为 60%。选择这里的文本。将其放在中间。然后您也可以从这里添加徽标。转到操作。现在，我们已经有了之前使用的最近插件。点击 Remixicon 并搜索，也许是锁，然后您可以使用这个。再次，这是次要文本，所以我们将降低它的不透明度。我们将将其设置为 60%。把它放在这里。好的。是的。现在，完成了。它说注册。通过电子邮件登录。输入您的电子邮件。输入您的密码。然后，接下来，我们将从这里添加更多按钮。好的。所以，我将添加另一个选项，复选框，上面写着记住我，以及忘记密码。所以，让我添加它。所以，我将再次转到插件，点击 Remixicon，搜索复选框，然后把它放在这里。不透明度再次设置为 60%。不，假设我想将其保留为主要选项。所以，我将把它放在这里并添加文本。记住我。把它放在这里。下一个当然是忘记密码。忘记密码。所以，现在我将在这里添加另一个按钮。它说注册，或者我可以直接从这里拖放。复制这个，然后我将把它粘贴在这里。文本不在那里，因为它没有分组在一起。所以，我将复制这个文本。现在，这个看起来不错。它说注册。通过电子邮件登录。输入您的电子邮件密码。记住我忘记密码，并且有注册选项。现在，用户也可以通过他们的 Google 登录，对吧？所以，让我们在这里添加另一个选项，即通过您的 Google 帐户登录，或者也许是 Facebook，但让我在这里添加 Google。对吧？所以，我将再次在这里添加文本，它说通过您的 Google 登录。然后我也可以从这里添加另一个图标。所以，嗯，在 Remixicon 中，我可能找不到 Google 图标。所以，我们将在这里使用另一个插件。所以，我们有一个名为 Better Logos 的插件。只需点击插件和小部件。好的。所以，您可以使用这里的徽标。点击运行。然后搜索 Google。所以，我们将使用这里的徽标。拖放它。它将自动完成。调整它。使其更小一点。我猜更小，对吧？所以，这个看起来更好。所以，它说通过您的 Google 登录。这是您的 Google 图标。这是您的第二个框架看起来的样子。让我重命名它并将其命名为注册选项。所以我只是将所有元素组合在一起。所以，让我再次播放它。现在，这是我的注册选项看起来的样子。通过电子邮件登录。它说输入您的电子邮件。这是我的密码。说通过 Google 登录。我不知道 Google 图标为什么消失了，但我之前添加了它。所以，预览看起来会是这样。我可能有一些小故障，没有显示这里的勾选图标以及锁图标，或者它可能没有分组。让我检查一下。现在，这是预览的样子，这是第一个启动屏幕。让我回到我的 Figma 页面。所以我已经将所有内容组合在一起了。接下来，我将向您展示另一件重要的事情。现在，当您点击输入您的 ID 和密码时，它会悬停，对吧？您一定见过那些动画。那么，这到底是怎么做到的呢？现在，假设我们正在创建这个按钮。所以，让我拖放它，对吧？点击复制，然后我将把它粘贴在这里。现在，这是这个的实际按钮。所以，我们之前谈论过组件。所以，让我再次向您展示它是如何工作的。现在，当我点击从这里创建组件时，这在之前的框架中也已经完成了。让我向您展示如何做到这一点。所以，假设我创建了一个组件。好的。我将其设置为自动布局。所以我将从这里点击添加自动布局。是的。所以，当我点击它时，它已经在自动布局中。是的。好的。现在，我们可以回到主组件。所以，让我再创建一个这个主组件的实例。现在，当我点击这个，好的，所以当我点击它时，它说您可以回到主组件。现在，这是主组件。现在，我们可以在此功能中添加变体。我之前告诉过您什么是变体。所以，让我为这个相同的按钮创建更多变体。只需点击此处添加变体。现在，我们将调整它的不透明度。将其设置为 50。我也会更改颜色。现在，我为什么要更改颜色？因为当用户点击注册时，它会悬停，并且这种颜色会自动出现。所以，您可以通过在同一个组件中创建同一个按钮的更多变体来做到这一点。再次，我将从这里复制粘贴这个注册，然后粘贴在这里。所以，当您点击注册时，它看起来会是这样。好的。所以，当您点击注册时，它看起来会是这样。这就是您可以为同一个功能创建更多变体和组件的方式。您也可以将其添加到同一个组中。您可以看到图层已在此处添加，呈框状。这就是您可以创建更多变体的方式。当您创建变体时，它将显示在此矩形格式中。然后您可以点击它并相应地进行调整。所以，既然我已经向您展示了变体和组件是如何工作的，让我们继续设计。所以，让我们继续设计。我将从这里再次添加我的徽标。所以我将转到形状选项。点击图像视频。我将在这里添加我的徽标。再次，我们需要再次调整这个徽标。所以，只需缩短它，稍微减小尺寸。我将使其更圆润。所以，我们可以这样做到。它有点倾斜。所以，我们将把它放在这里。现在，这是搜索栏，用户可以在其中搜索食物项目。所以，我将把它放在这里，徽标。然后我可以添加一个文本说“订购您最喜欢的食物”。所以我将从这里添加文本。在框架中的任何区域选择并说“订购您最喜欢的汉堡”。好的，因为这个应用程序是关于汉堡的，我将添加汉堡，而不是食物。然后也许把它放在这里，或者您也可以把它放在这里。但我认为这个看起来更好，我想在这里显示用户个人资料。所以，一旦您通过 Google 凭据注册，您的个人资料就会显示在这里。现在，我将从这里插入我的图像。所以，现在这将是显示在这里的用户个人资料。现在，我们将从这里添加另一个形状。它说搜索，用户可以在那里搜索他们的食物项目。所以，只需转到这里的形状工具。选择矩形，然后，假设我想添加更多圆角半径。将其设置为 30，然后在此处添加文本。搜索您的食物。然后我可以稍微向下调整它。所以我将把这个文本放在这里。说搜索食物。现在，我也可以添加徽标。再次，我们将使用相同的插件 Remixicon。所以，我们有这个 Remixicon。我们可以搜索搜索。所以，我们将使用这个。所以，我们可以把它放在这里。是的。搜索您的食物。是的。所以，现在也有这个搜索食物的选项。现在，您可以添加食物图像的图片。所以，现在我添加了我的汉堡的不同图像，并提到了芝士汉堡、汉堡包，我还提到了星级评分。您可以使用插件从这里插入此类图标。对于这些阴影效果，我们再次有了插件来放置这些效果选项。只需创建形状工具，添加形状或创建新框架。从这里添加相同的图像，写下文本，使用那里的插件添加图标，然后您就可以开始了。所以，让我现在调整这个图像。它看起来会是这样。我们可以添加，所以底部看起来很空。所以，我们将添加一个文本框，或者也许是一个形状，使其看起来更好。所以我将添加一个矩形。然后，您可以更改此颜色。也许点击这里的填充选项，然后选择这里的红色。现在，一切就绪。所以，它看起来会是这样。现在，这里空着的是添加徽标。所以，因为这是主页按钮，对吧？这是我的帐户的主页。所以我将在这里添加主页按钮，主页徽标。所以，我将再次使用插件。只需点击 Remixicon。再次搜索主页，我将使用这个。把它放在这里。好的。它已经在那里了，对吧？所以我将把它放在这里。现在，这是主页选项。这样，您可以添加更多页面图标。所以，它看起来会是这样。所以，我希望大家现在都清楚 Figma 是如何工作的，如何使用插件等等。现在，让我们继续，我想向您展示如何使用 Figma 中的原型功能。所以，只需点击原型。然后您可以点击“尝试 Figma 制作”。所以，基本上，原型用于自动化目的，您可以在其中连接并创建您创建的屏幕、框架和页面的线框图。好的。所以，这里说您想做什么。现在，您可以描述您的想法，然后从这里选择。好的。所以，您有多个示例，例如极简侧边栏组件，按品牌过滤产品。所以，让我搜索食品配送应用程序，特别是汉堡，然后点击它。所以，现在 AI 正在思考并为我创建食品配送应用程序设计。它正在构建这个想法。现在，您可以看到它说我将创建一个现代汉堡配送应用程序，具有菜单卡功能和广告设计。让我为您构建它。所以，让我们等待几分钟。您也可以从这里查看代码。这是代码选项，这是我们刚刚点击的预览。另外，如果您想添加任何更改，您可以从这里点击添加更改。您可以通过提供提示来输入您想进行的任何更改，您的更改就会完成。它可以说指向并编辑。好的，我们将从这里关闭它。现在，您可以看到它为我创建了一个应用程序。它说送到家 25-35 分钟。它还添加了多个汉堡选项。我真的很喜欢它添加的图像质量和设计功能。好的，它说这看起来怎么样？我实际上可以从这里提供反馈，然后您也可以预览它。我们可以复制这个设计，然后打开全屏。所以，这是我们应用程序的预览选项，它已经创建了，这是最终输出。对我来说看起来不错，但它可以添加更多功能和动画。现在，让我们回去。您也可以从这里与您的朋友分享。只需点击共享选项，然后您可以邀请人们编辑，移动此草稿，您也可以授予更多人访问权限。您也可以将其发布到社区，或者最简单的方法是复制链接并与您的受众或您想分享的人分享。所以，让我们回去。好的。所以，既然我们已经看到了 Figma 中的设计制作是如何工作的，您可以在其中创建您的设计。您可以创建一个应用程序。让我们来看看这里的原型设置。所以，您有这个 iPhone 16，颜色是白色的。这是预览，您可以在其中创建，选择一个框架或框架中的一个对象，然后您可以使用一个圆形节点拖动连接到另一个框架。您也可以在这里添加交互。也就是说，如果您将此应用程序连接到第二个页面，您可以添加更多交互。只需点击这里的加号。它说触发器，点击拖动，然后您可以添加一个操作。导航到，假设我想添加这个目的地。所以，假设我想从这个框架添加到这个框架。所以我选择 iPhone 16。这样，您就可以点击这些选项，它也显示了曲线动画。您也可以对其进行动画处理。所以，这对其他人来说会非常容易，对于团队来说，您将解释自动化，连接到这些线条，然后展示功能。假设这是第一个屏幕，第二个屏幕。您也可以从这里添加更多触发器和选项。所以，您可以像这样拖放它。这可能是第二个，它显示了。所以，您可以像这样放置它。现在它说交互，点击操作，导航到状态。您也可以在这里添加一些状态选项。所以，让我们暂时关闭它。所以，当您从这里选择这个框架时。所以，您可以点击这里的加号。然后，您可以再次将其连接到，也许是这个。这样，您就可以创建流程图，流程自动化，用于显示和导航到您的屏幕。基本上，这就是 Figma 中原型功能的工作方式。所以，最后一件事情就是与其他人分享。您也可以从这里查看此原型视图。最后，您可以与其他人分享。您可以保存和导出您创建的屏幕和设计。您可以复制开发人员模式链接。您可以复制原型链接。将其发布到社区。我已经向您展示了社区是如何运作的，人们发布他们的设计，您也可以查看并将其用作模板，您可以授予其他人访问权限。您也可以移动文件，添加逗号分隔的电子邮件以从这里邀请。您也可以获取嵌入代码。所以，这就是 Figma 的全部工作方式。我已经向您展示了所有内容。所以，现在让我向您展示另一件事，那就是插件。所以，您可能每天都使用成千上万的插件。但是，一些插件确实是我的最爱，因为它使我的工作任务更加轻松。所以，让我按类别向您展示一些改变游戏规则的插件。所以，无论您是想加快设计过程，添加杀手级视觉效果，还是将您的设计变成真实的网站，我都为您准备好了。所以，您一定知道如何从这里添加插件，对吧？所以，只需点击操作按钮，然后您可以搜索插件。第一个是 HTML 到设计。所以，只需搜索 HTML 到设计。好的，只需点击这里的插件，第一个，对吧？只需点击它。所以，基本上，这个插件可以抓取互联网上的任何网站，并将其变成一个完全可编辑的 Figma 文件，只需几秒钟。您不需要截图或费力的手动重建。这个插件对于竞争分析或将灵感直接导入您的工作空间来说是一个巨大的时间节省。所以，您可以使用这个插件。第二个插件我想展示的是，只需返回。好的。所以，第二个插件叫做 Bolt。好的。这是第一个，多功能工具。点击它。您只需在您的 Figma URL 中添加 .new，您的响应式生活网站将基于您的设计准备就绪。所以，说真的，如果您想让您的客户惊叹，您可以查看这个插件。

接下来是图标辅助背景去除器。现在，你们中的大多数人一定都知道这个插件。所以，它基本上用于在 Figma 中快速干净地删除您的背景或图像。这个，第一个。这个插件为您提供平滑、逼真的阴影，可立即增加光泽，而无需数小时的调整。之后，下一个插件叫做 Pixels。所以，让我搜索一下。是的，第二个。点击它。现在，如果您需要高质量的免费图片，那么 Pixel 从世界各地的摄影师那里提取了数百万张照片，所有照片都可以免费用于个人和商业用途。您可以找到完美的图像。这从未如此容易。

下一类是颜色和渐变。对于这个，我强烈建议您查看网格渐变插件。所以，只需检查这个网格渐变。好的，第一个。点击它。所以，基本上，这个插件可以将渐变带入简单的渐变之外。您可以创建复杂的二维网格渐变，为您的背景甚至 UI 元素增添精致感和深度。下一个插件是 Tailwind CSS 颜色生成器。所以，只需搜索 Tailwind CSS 颜色。好的，第一个。点击它。现在，如果您在调色板方面遇到困难，那么这个工具可以从一个十六进制代码生成整个颜色比例，并且会自动创建颜色样式和变量。如果您使用声明性 CSS，它非常适合。

现在，下一类是工作流程和 UX 工具。现在，下一个插件叫做 Autoflow 映射用户流程。所以，只需搜索 Autoflow。好的，第一个。所以，它的作用是 Autoflow 可以自动连接屏幕和框架，将复杂的 Figma 设计变成非常普通的表单。然后下一个 Figma 插件是矢量化位图。现在，使用这个插件，您可以将任何栅格图像变成清晰、可缩放的矢量，同时保留透明度和多种颜色。它非常适合徽标和图标。不再需要像素化。

最后但同样重要的是，最后一个是 Stark。所以，只需在这里搜索 Stark。所以，基本上 Stark 是您检查颜色对比度的工具包。它可以模拟视力障碍，并确保您的设计具有包容性。另外，我在这里给您一个奖励插件，叫做 Mockup Studio。所以，如果您想用 Figma 中的精美模型给客户留下深刻印象，那么 Mockup Studios 拥有大量模板和自定义选项。所以，这些是我最喜欢的十大插件，我建议您一定要试试。

所以，现在我谈到了这里的奖励工具，我们有了 Stitch.ai，它对 UIUX 设计师来说非常棒。让我向您展示它是如何工作的。所以，在这里 Stitchy 中，您可以从这里创建任何应用程序的 Web 设计，您可以给一个提示，或者您可以附加一些上传的图像或您的网站 URL。所以，这个 Stitchi 使用 Google 3 Flash，这是高质量的 HTML 设计，带有 Gemini 3.0 Flash，它真的很棒。让我向您展示它是如何工作的。它非常简单。现在，如果您将其用于应用程序，您也可以为 Web 设计。所以，假设我将其用于应用程序目的，对吧？从这里描述您的设计。另外，在左侧，您可以看到示例，室内植物护理仪表板。所以，所以，在这里 Stitchy 中，我给出了这个提示，提示是为电子商务网站创建一个充满活力、现代、交互式的 UX 设计，该网站专注于 Gen Z 时尚系列。设计应包括时尚简约的导航、大胆的排版和时尚的配色方案，如霓虹灯强调色和柔和色调。您还可以融入交互式功能，如动态产品网格、平滑过渡和引人入胜的悬停效果。所以，就是这样。主页应突出最新系列和引人注目的内容。所以，让我将其发送给 Stitch AI，让我们看看魔法。

现在，正如您所见，Stitch AI 正在处理项目。它说在这里打磨像素。所以，我们只需要等待几分钟。好的。现在您可以看到这里的框架。它实际上创建了框架。它正在添加一些颜色。所以，各位，正如您所见，Stitch AI 已经为我们的应用程序，电子商务应用程序创建了框架和设计，它说为您的 Gen Z 生成了设计，并且它还处理了我给 AI 的所有提示，所有功能，并且它说您想让我探索更多屏幕，也许是带有合身检查的购物袋或用户个人资料页面。现在，您也可以根据需要进行任何调整。所以，首先，让我先看一遍，然后看看。它看起来会是这样。所以，只需点击预览，我想在我的手机上看到它。所以，我将点击这里的手机。好的。所以，这是我们第一页的预览，看看这个设计。好的。这真的很酷。我的意思是，它有点压缩了字体，颜色。您可以让 AI 来纠正它。它说立即购物。所有款式，赛博朋克 Y2K，现在流行。我真的很喜欢它放出的图像。这真的很酷。它添加的粉色鲜艳的颜色，风格模式等等。这对我来说看起来真的很棒。

第二个是这个。所以，您可以从这里查看。街头服饰，超大号印花 T 恤。第三页是这个。好的。这对我来说看起来真的很酷。我的意思是，谁会说 AI 可以创建如此出色的设计，而且只需几秒钟。所以，现在如果您需要，您也可以进行更多调整，比如做这个特定的更改，或者在这里添加这个文本。所以，假设我说让 AI 添加黑色夏季滴水文本，不完全是添加，而是将黑色夏季滴水文本的颜色更改为，假设我想将其更改为粉色，这样它就不会与我那里的图像冲突。好的。我还告诉 AI 添加图像，也许是一个购物袋和一个带有合身检查的用户个人资料页面，让我们看看它如何进行更改。好的。所以，这里说我已经更新了主页文本，并添加了您要求的新屏幕。让我看看。但我通常看不到任何变化。它说我已经更新了主页文本，并添加了您要求的新屏幕。更新了充满活力的夏季滴水文本，热粉色。我不知道它实际上在哪里使用了这种颜色文本。不确定。所以我将再次描述它。这个框架文本。变化在哪里？所以我只是像和一个人说话一样和它说话。所以我只是说。这里的变化在哪里？所以，您实际上可以点击这里的任何框架，然后您可以让 AI 对那个特定的屏幕进行更改。我认为它现在正在处理第二个框架。我通常给了它第一个框架。好的。所以，我认为它在这里给了我变化，当我选择了框架时，您看到了区别，对吧？所以，好的，所以这里也有用户个人资料。所以，正如您所见，它从这里添加了文本字体，并且还更改了文本的颜色。现在，您也可以从这里查看不同的购物袋选项，个人资料选项。现在，这对我来说看起来真的很棒。您知道，如果您想进行更多更改，您也可以这样做，但我真的很喜欢它为我创建的设计质量。我的意思是，要创建如此引人入胜的设计，可能需要很多天，但 AI 在几秒钟内就完成了，而且看起来真的很棒。如果您需要，您也可以让 AI 添加更多动画，但这 Stitch AI 非常推荐给你们。如果您正在设计或刚开始设计，请务必查看这个 AI 工具。

最后，我想说您可以与您的朋友分享。您可以从这里启用共享和混音。然后您可以复制链接，通过使您的项目公开，允许任何拥有链接的人查看和混音其生成的设计和代码。您可以随时撤销公共访问权限，但这不会删除已混音的设计。所以，这就是 Stitch AI 的工作方式，让我知道您的想法，您对这个 AI 工具有什么看法。好的，让我们快速回顾一下。今天我们探索了 Figma 以及它如何改变游戏 UIX 设计。我们已经涵盖了 UIUX 设计的基础知识以及为什么 Figma 在当今的设计世界中至关重要，以及如何

它与其他工具相媲美。我之前也向大家展示了如何使用 Figma 界面，创建项目，并理解设计文件和 FigJam 文件之间的区别。我们还讨论了诸如框架、形状、图层等工具，以及有关颜色样式和排版技巧的建议。您还学会了如何通过创建组件和变体来提高设计效率，以及如何使用自动布局来实现响应式设计。然后，我们从零开始构建了一个食品配送应用程序的用户界面，添加了原型和过渡，并涵盖了如何协作以及如何将您的设计交给开发人员。现在，在我们结束之前，这里有一些关键的专业技巧和快捷方式，可以帮助您在 Figma 中更快、更高效地工作。第一个快捷方式是用于缩放，您可以通过按 Command Control 加号或 Command Control 减号来放大和缩小您的设计。现在，要将屏幕适应视图，您可以按 Command Control 加 O 将您的设计适应屏幕。要对图层进行分组，您可以按 Command Control 加 G 将元素组合在一起。要复制图层，您可以按 Command Control 加 D 快速复制图层或元素。对于自动布局，您可以按 Shift 加 A 为您的框架激活自动布局。欢迎来到 SimplyLearn 的 Figma 微交互视频。无论您是经验丰富的设计师，还是刚刚进入 UIUX 世界的新手。理解交互是让您的设计更用户友好的关键。所以，想象一下您正在使用一个应用程序，然后点击一个按钮来提交表单，或者向下滚动页面以查看更多内容。所以，这些就是交互的例子，基本上是用户与网站或应用程序上的元素互动的方式。所以它们非常重要，因为它们能引导用户顺畅地从一个步骤转到另一个步骤。现在，让我们来谈谈微交互。现在，这些是当用户与您的设计互动时发生的小细节。例如，您是否注意到当您在社交媒体上喜欢一个帖子时，心形图标会轻轻弹一下，或者当您将文件拖到垃圾桶时，它会快速动画显示垃圾桶关闭。这些就是微交互。它们看起来可能很小，但它们通过提供反馈，让您的设计感觉生动且响应迅速，从而帮助改善整体用户体验。在 Figma 中，您可以使用其原型制作和动画工具轻松创建这些微小但强大的时刻。在本视频中，我们将介绍一些很酷的例子，包括一个点击时响应的订阅按钮，一个在开启和关闭状态之间平滑切换的切换开关，一个通过简单点击展开和折叠的 FAQ 手风琴，以及一个在切换标签时动画显示的页面底部导航栏，还有一个用于轻松导航而滑入和滑出的侧边栏菜单。在本视频结束时，您将知道如何在 Figma 中创建所有这些微交互，并让您的设计栩栩如生。所以，让我们开始吧。所以，让我们从订阅按钮开始。所以，基本上我希望订阅按钮是纯色的。一旦我按下订阅按钮，我希望它稍微放大一点，并填充红色。所以，我在这里已经准备好了我的主框架，我们将在这里尝试它。所以，我们将把我们的订阅按钮放在这里。所以，让我们开始创建它。所以，让我们先画一个矩形。您可以在键盘上按 R。所以，首先，让我检查一下尺寸是否合适。我想我必须。是的，我认为这很完美。对。让我们放大一点。现在，让我们把这些边缘弄圆。给这些边缘倒角。所以，只是倒角半径。是的，这很完美。然后，让我们在形状内写上订阅文本。所以，最初我希望它是白色的。是的。让我们稍微增加一下字体大小。是的，15 就可以了。我们必须做的是，我们必须选择性地进行框架化。所以，选择这个形状，按住 Shift 键，选择文本，转到底部工具栏，然后选择框架选择。所以，这是您的第一个框架。现在，让我们把这个框架重命名为“空”，因为我们里面不会有颜色。所以，基本上我们需要多个状态来进行动画。所以，让我们再创建两个副本。是的。现在，让我们把这些框架重命名为“过渡”，然后我们把它重命名为“红色填充”，因为最终我希望我的按钮在订阅后是红色的。在这里，让我们把这个文本改为“已订阅”。是的。所以，现在我们必须创建这些的组件集。为此，请选择所有内容，然后转到按钮工具栏以创建组件集。选择所有内容。转到工具栏并创建组件集。让我们把组件集重命名为“订阅按钮”。是的。下一步是填充每个按钮的颜色。所以，即使我们需要按钮在点击前是纯色的，用相同的颜色填充组件也很重要，所有组件都用相同的颜色进行过渡。但是，然后您可以调整颜色的不透明度。所以我将向您展示，以便您能有所了解。所以，基本上，您知道在订阅后，我希望它是红色的，对吧？就像按钮的颜色一样。所以，让我们选择这个按钮。让我们给它红色。所以，我们把它设置为 test FF 000000。我认为我们将把文本颜色。我们将把文本颜色保持为黑色。这是填充。我们暂时将其保持为黑色。我们将给它一个描边，让不透明度为 0%。是的。现在，这是一个过渡状态。所以，让我们把颜色保持为 0 0。但是，让不透明度为 75%。是的。这是订阅按钮，我们需要不透明度为 100%。太棒了。现在的问题是，我希望订阅按钮在过渡期间稍微放大一点，然后稍微缩小一点。这有点像弹出窗口。所以，我将使过渡状态框架稍微大一点。所以，这是过渡状态框架。所以，我将把它做得更大一点，只是稍微大一点。我也会对齐文本，因为我只需要在过渡期间有一个小弹出。所以，现在一切都完成了。现在是时候添加动画了。所以，为此，我们必须转到右侧的原型。现在，让我们在建议的加号之间添加流程。所以，让我们编辑第一个流程。所以，在这里我们想要在点击时，因为我们将点击订阅按钮，然后它将变为过渡状态。我们需要智能动画。现在这里有很多选项。所以，选择智能动画。我们需要缓入缓出，大约 200 毫秒就足够了。是的。现在，让我们绘制第二个流程。现在，第二个流程我们不想要在点击时，因为您知道，我们只会点击一次订阅按钮。所以，我只是希望它在延迟后变成深红色。所以，让我们延迟一下。我们可以给的最小延迟是 1 毫秒。所以，我认为这就可以了。然后我们需要将其更改为红色填充。我们将使用相同的智能动画缓入缓出。在这里，我们将把时间缩短到大约 100 毫秒。是的。所以，现在让我们复制。所以，现在这是一个组件。所以，现在让我们复制第一个框架并将其粘贴到主框架中。复制这个并粘贴到这里。是的。看，正如您所看到的，订阅按钮，您知道，我们已经把它弄黑了。也，让我改变一下文本的颜色。现在，这里反映的是白色。所以，现在让我们播放并查看结果。是的。所以，正如您所看到的，订阅按钮，它没有颜色，当我点击它时，它有一个微妙的弹出，然后变成了红色按钮，正如我所设想的那样。这很酷。所以，这就是您如何设计一个订阅按钮，或者一个喜欢按钮，或者一个保存按钮等等。所以，现在让我们继续创建一个切换开关。所以，基本上，我想要为这个特定的闹钟创建一个切换开关。所以，正如您所看到的，我的主框架已经准备好了，我们将在这里添加切换开关。所以，让我们开始吧。所以，让我们先创建一个矩形，就像以前一样，然后检查一下尺寸是否合适。是的，它很完美。让我们放大一点。让我们把边缘弄圆。是的。现在，让我画一个圆圈在里面。对于圆圈，键盘上的快捷键是字母 O。所以，现在您必须对这两个元素进行框架选择。所以，选择元素，按住 Shift 键，选择另一个元素，然后进行框架选择。所以，这基本上是您的开启状态。所以，我将把这个框架重命名为“开启状态”。所以在开启状态下，我希望背景是黄色的。黄色，我希望我的按钮是黑色的。是的。所以，正如我告诉您的，要添加过渡或动画，我们需要多个状态。所以，让我们复制这个框架。是的，让我们把它重命名为“关闭状态”。是的。现在，在关闭状态下，我的按钮会在这里。我认为位置是合适的。是的。我希望背景是浅蓝色的，因为这通常是关闭状态的颜色。让我们给按钮一个深灰色调。不。是的，我认为这就可以了。现在，让我们创建这两个框架的组件。您只需要选择，稍等一下。是的，您只需要选择所有内容并创建一个组件集。我们将把组件集重命名为“切换开关”。现在，让我们通过转到原型来添加流程，就像我们之前为订阅按钮所做的那样。所以，当我按下这个按钮时，我希望它再次转到关闭状态。这是点击时。我们必须切换到关闭状态。它是智能动画。我们不想要缓入缓出。应该是实际上，您知道，有更多选项，我认为是自定义弹簧，所以就像，您知道，我希望它有一个弹簧动作，所以我将给它自定义弹簧，如果您给它自定义弹簧，动画就会看起来像这样。所以，现在让我们给它一个相同的反向流程，使用相同的设置。是的，完成了。所以，一旦完成，让我们复制第一个框架并将其粘贴到主框架中。所以，这是我们的第一个框架。我们将其粘贴到主框架中。稍等一下。所以，正如您所看到的，它有效，并且为我们提供了平滑的切换过渡。所以，现在让我们创建一个 FAQ 手风琴。所以，这基本上是 Google 上看到的 FAQ 模型。所以，当我们按下问题时，答案会出现在下拉菜单中。所以，让我们来创建那个。所以，让我们先创建一个矩形，然后让我们在框内写一个问题。什么是 UIUX 设计？文本不可见。所以，让我们先更改文本颜色。将大小增加到 20，或者我认为 25 就可以了。让我们对其进行对齐。是的。所以，现在让我们对这两个对象进行框架选择，就像对矩形和文本一样。所以，您可能已经看到，创建微交互的基本步骤保持不变。所以，让我们进行框架选择，并将框架重命名为“问题”。现在，让我们创建答案部分。稍等一下。让我只是，好的。现在创建另一个矩形。确保它的大小相同。现在，让我们复制粘贴表达式。好的。置于顶层。是的。现在，我们必须提供答案。所以，基本上，我在这里有答案。所以，让我们拖动它。并进行调整。让我们对这两个进行框架选择。这个问题，这个框架，让我们将其重命名为“答案”。现在，让我们通过选择所有内容来创建这两个的组件集。让我们将组件重命名为“FAQ”。现在，让我们添加动画。转到原型。它将以智能图像开始，缓入缓出。向后也是如此。是的。现在，我们将选择这个特定的框架。复制到主框架。让我调整一下框架大小。现在，让我们播放并看看我们的 FAQ 部分是什么样的。这很酷。所以，这基本上看起来就像 Google 搜索页面上的 FAQ 部分，不是吗？看看我们是如何轻松地完成这个过渡的。所以，接下来，让我们看看如何创建我们通常在应用程序中看到的侧边栏菜单。所以，我将首先展示我想要的效果，以便您能有所了解。所以，是的，基本上我希望我的动画看起来有点像这样。所以，首先我们将有主页面，当我点击一个按钮时，您知道，我只是希望它缩小一点。抱歉，放大一点。然后下一个页面应该出现。所以，让我们看看这是如何创建的。所以，我在这里已经选择了两个框架。所以，首先我们必须创建一个框架。所以，让我检查一下这些截图的分辨率。好的，它是 461.29。高度是 998.85。是的。所以，我们创建了一个相同大小的框架，现在我们必须将两个图像逐个放置在第一个框架内。所以，确保您知道您放置框架的顺序是正确的。所以，问题是，基本上我想要这个作为我的第一个框架，就像我在使用应用程序时，我想要这个作为我的第一个框架，并且当我点击某个按钮时，我希望它稍微放大一点。所以，我想要的第二个页面将放在这里。我想要的第一个页面将放置在它上面。是的。所以，让我把这个框架重命名为“关闭”。让我复制这个框架。是的。现在，第二个框架命名为“开启”。所以在这种状态下，我希望这个特定的图像看起来很小，稍等一下，变成这样。现在，这不是一个完美的例子，您知道，我只是想让您知道如何完成这样的动画。仅此而已。是的。所以，现在我必须创建按钮。所以，暂时我们将只创建一些形状。所以，我将给一个小正方形作为我的第一个图标。在这里，我将用一个小圆圈来表示我的关闭按钮，例如。让我们把它变成黑色的。是的。让我们放大一点。现在，我们必须编辑或像，制作这些特定形状的动画。所以，让我们再次这样做。创建这两个的组件集。现在，让我们进行原型设计。与之前相同，我们需要点击时智能动画缓入缓出。另一边也是如此。是的。现在，我将把这个按钮放在这里，也许放在这里。让我们把这个看作是菜单按钮或任何东西。然后，让我们把这个圆圈拿过来，放在这个特定的页面上，您将把它用作关闭按钮。让我们把它放在这里。现在，让我们对这两个进行原型设计。现在，让我们看看结果。这太棒了。所以，这看起来像一个复杂的动画，但看看它有多容易创建。所以，您知道，您可以尝试更多。这只是一个基本示例。您可以尝试更多。现在，最后，让我们创建页面底部栏导航。所以，基本上，您知道在应用程序中找到的底部栏。所以，我将首先向您展示结果，以便您能有所了解我要创建的内容。所以，这里有主页、个人资料、搜索和设置。所以，基本上当我，您知道，点击个人资料时，我想要这样的动画。当我点击搜索时，我想要这样的动画。当我点击主页时，我想要这样的动画。所以，这就是我们现在要创建的。是的。所以，我在这里已经准备好了我的图标。我希望您能看到它们。让我们，是的。所以，首先，让我们创建一个框架。然后，让我们画四个矩形并将其弄圆。然后，我们必须将它们以相等的间距放置。是的。让我们快速完成。是的。所以，正如您在示例中看到的，首先我有主页按钮。我只是在这里复制它。只是在这里粘贴。稍等一下。有一些问题。是的，这是我的主页。我们可以把它像这样放在这里。这是我的搜索。这是我的设置。现在，我将复制这个框架四次。让我把它移下来。它正在被粘贴到这里。所以，让我们将它们线性对齐，以便于编辑。再一个。所以，现在我们有两个框架。让我们放大一点。所以，正如您最初看到的，我希望我的主页是红色的，文本也是，并且我希望将其放在这里。好的。现在，让我在这里写上文本，我希望它是红色的。颜色是 FF00000000%。所以，正如我们在订阅按钮中也讨论过的。所以，当来到下一个时，我实际上不想要颜色。但我必须为下一个框架也提供相同的颜色。但是，您只需要调整不透明度。所以我将举个例子。例如，当我在主页时，我希望这个按钮是红色的，并且我希望它写着“主页”。对吧？现在，这基本上是为我们的个人资料页面。所以，在这里我将做什么？在这里，对于按钮，我也将使用相同的颜色，但我的不透明度将为 0%。好的。但是，正如您所看到的，它仍然在那里，但不透明度为 0%。同样，在这里我希望它是“个人资料”。先改变这个。是的，没错。在这里，我们给绿色。所以，在这里我们将给，但在这里我们也给相同的颜色。在其余的框架中，我们也给相同的绿色。这是什么颜色？稍等一下。3900。是的。所以，您必须给出确切的颜色，但其不透明度将为 0%。所以，您必须逐一完成。所以我将快速完成，然后回来找您。一旦完成，我们就可以添加动画了。所以，让我们转到原型。所以，当我想要个人资料部分时，它必须转到这里。它是智能动画。缓入缓出。从这里，我们也转到第二个框架。所以，所有个人资料在点击时都应该转到第二个页面，所有主页，例如，在点击时都应该转到第一个视图。所以，遵循这个模式，为每个图标绘制流程。我希望您理解，例如搜索按钮，无论哪个搜索按钮，您都必须转到第三个框架。所以，您可以从每个框架绘制到第三个框架的流程。设置将转到第四个框架。所以，基本上，当我们悬停时，我们希望这些形状扩展。所以，我们可以做什么呢？主页将从左边过来。所以，我们实际上可以设计。是的。所以，我们实际上可以，您知道，将形状移到左边，因为主页在播放时，您知道，这个特定的圆圈将从左边过来。所以，我们将其移到左边。同样，同样，其余的，例如，设置将从右边过来。所以，您可以将其移到右边。所以，基本上您必须做的是，您必须对齐所有这些形状，例如，主页图标所包含的形状，您必须将其移到左边，而其余图标所包含的形状，您必须将其移到右边。所以，现在让我们看看结果。是的，这很酷。正如您所看到的，您知道，主页从左边过来，设置移到右边。所以，这就是为什么我们在最后调整了形状。所以，是的，您已经看到了一些使用微动画的很棒的例子。现在，在我们结束之前，我有一个快速问题要问大家。在 Figma 中设计用户界面时，使用微交互的主要目的是什么？选项 A，您必须添加复杂的动画以增加视觉吸引力。选项 B，通过提供反馈来引导用户完成任务。选项 C，增强设计的布局结构。选项 D，减少设计中的屏幕数量。所以，您可以在评论部分给出您的答案，我们将检查您的答案并解决任何疑问。所以我希望您喜欢我们的教程。大家好，欢迎来到 Simply Learn 的 YouTube 频道。您正在观看 Simply Learn，今天我们为您带来这个关于 Adobe XC 教程的信息性视频。本教程旨在学习使用 Adobe XD 进行 UI UIX 设计。它对 UI 和 UX 设计师、平面设计师以及其他专业人士非常有用，因为它在可用的 UI 设计工具中处于领先地位并受到市场追捧，因为它拥有许多高级功能和工具。在我们开始之前，如果您喜欢观看这些视频，请点击订阅按钮和铃铛图标以在每次上传新视频时收到通知。如果您是技术爱好者，这里有一个脑筋急转弯给您。谁提出了 Adobe XD 的概念？第一个是 Don Norman，Talen Wartford，Dylan Field，还是 Raymond Loy？请在下方告诉我们您的答案，并获得 Simply 的一个赞。废话不多说，让我们开始吧。现在，让我们快速看一下议程。首先，我们将介绍 Adobe XC 的基础和高级主题。首先，我们将开始理解什么是 Adobe XC。然后，我们将回顾一些 Adobe XC 的高级功能。然后，我们将看到原型设计在 Adobe XD 中的工作方式。最后，用于在 Adobe XD 中设计和创建图像图形和网页设计的有用技巧，以及顶级用例。什么是 Adobe XC？Adobe X 是一个强大且流行的设计工具，易于使用，是一个基于矢量的软件工具，用于设计数字设计和原型制作 UI UX，它为开发人员提供了开发世界上最佳体验所需的工具。Adobe X 正在为 Web 应用程序、移动应用程序和手动应用程序设计 UI 或 UX。它还提供了一种创建不同应用程序资产的理想方式。Adobe X 由 Adobe Inc. 提供和管理。它仅适用于 Mac OS 操作系统和 Windows。我们不能在基于 Linux 的操作系统中使用它。它会创建一个基于 Web 的链接，可以使用任何 Web 浏览器打开。但是 Adobe XD 成为最有用的工具。在 Adobe XD 之前，Photoshop 工具被广泛用于设计目的。但是 Photoshop 没有用户体验。Photoshop 设计的这个缺点使得 Adobe XC 成为最高效的设计工具，因为我们有一个用户体验的应用程序。其原型制作和动画功能使该应用程序成为一个完整的虚拟工具。Adobe X 最好的地方在于它提供了设计用户界面。Adobe XD 中的每个工具都有最佳选项，使其非常易于使用。因此，它为设计师节省了大量时间在同一个项目上。不同地方的设计师可以简单地协同工作。团队成员可以通过链接共享工具直接从他们的浏览器观看并提供评论和建议。现在，我们将看到 Adobe XC 的高级功能是什么。Adobe XD 拥有广泛而强大的功能和应用程序，使其成为任何 UX 设计师的必备工具。一些突出的 Adobe XC 功能是第一个是组件和状态，>> 第二个是填充和堆栈。第三个是重复网格，最后一个是响应式调整大小。所以，第一个是 >> 组件和状态。这些是 Photoshop 不支持的高级功能。组件允许一次创建，然后可以在同一个现有项目中多次使用，为应用程序提供功能。在构建按钮和导航等特定设计元素以及在我们的设计组件中保持对齐时非常有用。对主组件所做的更改也会影响支持组件。因此，它将有助于设计更改。对于状态，与组件相对，也是一种有效的使设计功能化的方法。我们可以预览单个组件上的变体，这要归功于状态。状态可用于设计产生诸如悬停、点击、切换等效果。它有助于通过减少画板数量来干净地创建和设计。例如，我们可以使用点击状态构建一个下拉菜单，而不是为下拉菜单开发一个新的画板。所以，下一个是填充和堆栈。这些也是 Adobe XD 的一些高级功能，在 Photoshops 等其他设计软件中不可用，并且是 Adobe XD 的有用功能。在处理按钮和标签等动态内容以及管理内容部分和探索设计时非常有用。它将节省大量时间和精力，并提供一个组织良好的设计结构。第三个是重复网格。重复网格也是 Adobe XD 的一个出色功能，也是 Adobe XD 的最佳功能之一。通过使用重复网格的功能，我们可以轻松地多次复制相同的布局。它可以用于构建图像、数据表、图像库和其他内容。设计这些 UI 组件需要很长时间。在这些情况下，重复网格功能可以拯救我们。一旦启用了重复网格功能，我们就可以通过单击一次来为特定项目打开重复网格。使用重复滑块，我们可以重复任何对象或对象集合。重复网格中的文本和图形也可以修改。下一个是响应式调整大小。世界充满了各种各样的电子产品，智能手机、智能手表和电视。因此，在处理设计时，我们必须确保 UI 兼容所有尺寸的设备。响应式调整大小功能允许我们自动理解新设备的设计并适应设计。还有其他一些 Adobe XC 的独有和智能功能，使我们选择 Adobe XC 而不是任何其他图形设计软件。理解了 Adobe XC 的一些功能后，我们将看到原型设计在 Adobe XC 中的工作方式。Adobe XC 支持动态和交互式原型制作，以便设计与不同的布局进行交互。我们可以添加动画过渡来模拟应用程序的流程。我们通过原型功能提供应用程序的实时预览。我们可以体验应用程序的虚拟之旅。原型可以通过 Web 链接与团队和利益相关者共享。团队可以体验应用程序的完整预览，并直接从浏览器提供有价值的反馈。Adobe X 支持动态和交互式原型制作，以便设计在不同布局之间进行交互。我们可以添加动画过渡来模拟应用程序的流程。它提供应用程序的实时预览。使用 Adobe XD 的原型功能，我们可以体验虚拟之旅工具。原型可以轻松地通过 Web 链接与团队和利益相关者共享。团队可以体验应用程序的完整预览，并直接从他们的浏览器提供有价值的反馈。所以，在设计模式下，我们使用 Adobe X 工具和设计功能为我们的应用程序创建设计。然后，我们切换到原型模式，以指定画板和组件之间的交互链接。我们还可以使用组件状态创建原型。一旦我们完成了设计和原型，我们就可以使用共享功能共享设计。我们可以使用预览功能预览设计和原型。原型是 Adobe X 的一个优秀功能，使其与其他工具不同。在重定向到其他屏幕时，我们还可以为原型添加过渡和动画。在理解了 Adobe XC 中的原型制作工作方式后，我们将理解 Adobe X3 在不同领域的顶级用途。顶级 Adobe XD 用例。Adobe XC 是一个灵活的工具，可用于广泛的设计项目。一些流行的用途包括创建线框图模板和原型，设计用户界面，创建插图和图形，简化 UI 和 UX 设计流程。享受定制设计，最后一个是设计增强现实和虚拟现实。第一个是创建线框图、模板和原型。Adobe X 是一个快速创建线框图和原型的绝佳工具。创建简单和复杂的设计很容易，您可以添加交互式元素，使您的原型更逼真。原型工具非常适合网页设计、模型和移动应用程序，以及对您的 UI 和 UX 项目进行实时更新。下一个是设计用户界面。Adobe X 是一个很棒的设计工具。它是基于矢量的，所以您可以创建设计，并且有许多内置的 UI 元素供您在设计中使用。第三个是创建插图和图形。Adobe XD 是一个很棒的工具，用于创建插图和平面设计元素。提供广泛的创意库，包含矢量图像、形状、颜色和字体。交互式原型实时更新。因此，在构建移动应用程序和网页设计等方面，您的工作流程快速且响应迅速。下一个是简化 UI UIX 设计流程。Adobe XD 使复制和重用常用元素、创建重复内容和自动化流程以节省时间变得更加容易。下一个是享受定制设计。Adobe XD 让您可以创建单个组件的变体，并保持组内容与其他边界之间的间距。这得益于其填充选项和无尽的自定义，可以使用空间线框图和颜色等在 Adobe XC 设计系统中进行。最后一个是设计增强现实和虚拟现实。Adobe X 支持设计增强现实和虚拟现实体验。您可以将 3D 对象添加到您的原型中，并测试它们在沉浸式环境中的工作方式，即使您是初学者，也能轻松制作 AR 和 VR 体验。让我们来看看 Adobe Experience Design。XC 是 Adobe Source 的一部分，主要专注于 UI 设计、UX 设计、原型制作和响应式网页设计。它同时适用于 Mac 和 PC。只要您拥有 Adobe CC 订阅，它绝对是市场上许多新出现的现代设计工具的竞争对手，您可能正在使用 Sketch、Figma 或其他几十种工具。所以，在这个视频中，我将介绍您在第一次打开项目时需要了解的关于 XC 的基本知识，以帮助您快速上手并对该程序充满信心。我已经准备好开始。我希望您也准备好了。让我们开始吧。好的，让我们直接进入电脑，弄清楚需要了解的 10 个基本事项或基本知识。我将继续并打开 XD。好的。我们将打开程序，您可以看到它已经打开了。它已经启动并向我们的画布中添加了一个画板。画板系统现在非常普遍。在现代设计工具中，XC 也不例外，它允许您随时将新的画板添加到画布上。您可以通过滚动到工具面板中的画板工具来做到这一点，或者使用快捷键 a，然后您可以绘制并自定义画板的大小。我将按 Command Z 来撤销它。或者，您可以从我们拥有的不同选择中进行选择，例如我们上面有 iPhone X。也许我们想做一个 Android 移动设备。然后，我想在右边做一个 iPhone 14 Pro。然后，每次您想在屏幕上放置一个画板时，它都会在右侧打开时进行间隔。而且，对于画板，您可以使用 V 命令或使用您的选择工具，然后通过抓取画板名称的顶部部分来抓住画板，然后您可以将其移动到画布上，并且您将获得一些自动对齐以进行间距等等。所以，这是第一件事，您需要注意如何制作画板，如何移动它们，以及如何通过简单地调整它们来调整它们的大小。好的。所以，第二件事您可能需要的是对界面的基本工具或理解。所以，我们现在要做的是非常通用的方式，不是深入的。我们只是浏览一下界面，向您展示我们最左侧有什么。我们已经涵盖了它。我们有工具面板，您可以在其中绘制不同的形状或线条。您可以使用您的钢笔工具、文本工具，并且可以放大。每个工具都有一个快捷键，您可以学习以加快您的工作流程。在这个面板的底部，您可以看到我们有一个快捷键，以及，您可以点击，是的，这些资产，资产是在哪里，在 X 中将存储我们所有的颜色、字符样式以及您可以在项目中重用的可重用符号或组件。所以，您知道如何在这两个图层和符号之间来回切换，或者图层和资产之间，这是 X 的一个非常强大的部分。紧邻它的是我们显示的所有画板。我们可以看到所有三个都在它们自己的单独一行上。在左上角。您可以看到我们目前在设计选项卡上，我们将讨论这个图层，但我们可以切换到原型选项卡，在那里我们可以创建我们各种画板之间的交互，并创建交互式原型。所以，这就是这两个选项卡之间的区别。我们有项目名称，然后我们有一些基本控件在右上角，例如放大、缩小，我们当前看到的百分比是多少，以及我们是否想要设备预览或桌面预览。所以，我们可以共享这些设计，然后您将拥有您的基本工具。如果我只是画一个矩形，然后您将拥有所有基本工具。如果我只是想画一个矩形，然后如果您看到基本工具，我刚刚画了一个矩形，您在我的属性面板中看到。然后您将拥有所有对齐工具和一些有趣的重复网格，以及路径查找器或布尔运算，以及您所有的宽度、高度、x 和 y 值的所有不同属性，我们还有一些不同的原型选项以及所有外观选项，例如颜色、标签、不同的描边尺寸等等，所有这些都在那里，这就是界面的基本导览。好的。第三件事您可能想知道如何使用 Adobe XDC，就像任何其他 Adobe 产品一样，是使用钢笔工具。这可以通过简单地点击工具面板中的钢笔工具或按快捷键 P 来完成。一旦我这样做，我就会得到我的钢笔图标，然后我可以开始在我的画板上添加节点并创建自定义形状，用颜色填充这些自定义形状。回来并重新着色。我们可以重新着色单个节点，我们可以重新着色单个节点，我可以添加新节点，以及任何线条，我可以重新着色单个节点。我可以添加新节点，只需将鼠标悬停在任何线上。我也可以一次删除一个节点，只需按删除键，它就会慢慢移动并删除所有这些点。关于 Adob XC 中的钢笔工具的一些有趣之处在于，与大多数其他 Adobe 产品不同，我按住 Shift 键并轻轻地，我可以按住 Shift 键并获得增量。我可以通过徒手来自由地进行。一旦我释放，我就创建了一个贝塞尔曲线，所以它将是，它将是直线。它会自动进行智能平移或弯曲曲线。我不知道这是好事还是坏事。这只是一个事实。如果我创建了一条直线，并且我按住选项键，就像在大多数其他程序中一样，我可以只控制其中一个基本手柄，而不是两个手柄，以便给我更多的控制权，知道我接下来要去哪里。但是自动曲线有点，嗯，第四件事您将在 X 中，在 Adobe XC 中想要了解的是关于样式和可重用符号。我们在画布上创建了一个有点时髦的形状，我可以选择形状并填充它，我们可以添加一个丑陋的颜色。是的，那不是那么丑陋的颜色。但是现在，假设我想把它变成某种可重用的组件，我可以在这个糟糕的用例中一次又一次地使用它，它可能更像是一个按钮、一个徽标或某种您可以在项目中使用的样式。但是对于我们的例子，这就可以了。如果我想为这个元素创建一个可重用的符号，我将一直滚动到左侧，然后在我的资产和图层之间。我有一个资产面板，就在这里。我可以做几件事。我可能可以创建一个可重用的颜色。所以，现在我们有了边框颜色和填充颜色，它们都是这个设计的一部分，我总是可以回来重用这些样式。我还可以创建一个可重用的符号，我可以重命名这个符号。我可以称之为块，因为这看起来像什么。任何时候我想要另一个，我都可以选择拖动，或者我可以从我的资产面板拖动一个。而且，就像这样。这是您项目中所有可重用组件的一个很好的视觉表示，而且符号工作方式非常有趣，我得说。您只需要选择画布上表示的任何符号，然后您可以更改属性，颜色，我们将改变它的大小。我也可以双击并更改元素的大小。当我这样做时，它会改变画布上的每个符号，以及符号面板。所以，是的。所以，这很有趣。所以，现在我们改变了符号的大小，也许我们想把那个颜色放进我们的颜色里。我们还有字符样式。所以，我可以使用我的文本工具。我只是拖出一个文本，然后说，让我们写“标题”。然后我们将选择一个标题，然后只是拖出一个文本，然后说，让我们写“标题”，然后我们可以选择一个标题，比如我们都选择 Vora 或粗体，或者让大小稍微大一点，甚至让它更粗一点。是的。我们的标题仍然是 60 左右。然后我们可以采用字符样式，然后我们可以将该标题放入我们的字符样式中，然后我们可以将其添加到我们的字符样式面板中。我们可以重命名，然后我们可以采用字符样式，然后我们可以将其添加到我们的字符样式面板中，我们可以重命名，比如，也许我们只想把它叫做 H1。所以，现在我们有了标题，任何时候我们有了两个新的文本，我们可以开始输入任何东西，比如，让我看看，我正在使用的那种文本。我可以通过点击我的新文本并双击我的字符样式来应用该字符样式，然后，我们已经将标题样式应用于了一个东西，我真正喜欢的是，如果您在页面上或跨不同画布上有多个这样的样式或多个这样的符号，您可以右键单击并突出显示它们在您的整个项目中的所有画布上。这也很棒。第五件事我们将要谈论 Adobe XC 是，在我看来，它最酷的功能之一，那就是它能够重复网格并加速设计过程，其可重复网格功能。我现在创建了一个我认为是可重用组件的东西。我将点击，我将点击回到我的图层视图，然后我将把它们组合在一起。我将把它称为卡片。好的。现在，我将把那个组合在一起。我将把它称为卡片。好的。现在，我想也许制作很多这样的卡片，然后添加间距以及它们如何协同工作，就像一次性完成一样，而不是再次复制和复制。相反，我只需点击我想要复制的元素，然后转到我的属性。在向下拖动之后，它的所有副本都会出现，现在我们可以有多个副本由我们的网格控制。我们可以像这样固定它们，如果我们想更改或编辑我们卡片之间的间距，我们可以真正地双击，然后我们可以滚动过那些边距区域，我们可以抓住并只是拉伸到我们喜欢的地方。所以，现在这个功能非常令人愉快。我认为它确实加速了设计的快速原型制作方面，以及一些繁琐的来回调整间距的工作。您不必这样做，因为所有这些都在我们的重复网格功能中得到了解决。接下来我们需要谈论的是原型制作。在 XD 中，这是一个大事。它如此之大，以至于它有自己的选项卡，在左侧的顶部，在设计的右侧。现在，我们在原型选项卡中，原型制作非常非常容易。您只需点击任何您想要的东西，例如，以我们的卡片为例，或者以三角形或圆圈为例。我将抓住标签，然后将其连接到，然后您将设置任何类型的触发器。例如，我将触发器设置为点击，动画应该是，我将只选择自动动画，然后是这个。回到这个。对于这个，我们必须看看它是否有效。首先，我们将点击这个，然后我们这里有播放按钮。所以，它会弹出，然后当，我们设置的触发器是点击时，当我们点击圆圈时，iPad 的下一页将出现在 iPhone 14 Pro 之后，到 iPad 1。所以，我们的最后一点是关于共享。共享就是分享，而 ASD 就是关于共享。所以，我们现在在原型视图中。无论您是在设计还是原型视图中，共享图标始终显示在右上角。通过点击，我可以发布原型，以及一些专业，发布一些设计空间，管理我的公共链接，但首先我们要做的就是发布我们的原型。我们将允许出现一些应用程序，这些应用程序可能不是功能最丰富的，但设计得如此之好，以至于您忍不住经常使用它们。要生成如此高功能的应用程序，UIUX 设计师在创建用户友好且视觉吸引力的数字产品（如网站和移动应用程序）方面发挥着至关重要的作用。此外，数字产品在日常生活中的使用日益增多，导致对 UIUX 设计师的需求很高，使他们成为许多行业的宝贵资产。您正在观看 Simply Learn，今天我们为您带来这个关于如何成为 UI 和 UX 设计师的信息性视频。如果您是技术爱好者，这里有一个脑筋急转弯给您。用户界面设计实现的迭代过程，借鉴了预定义的设计原则。这是真的还是假的？请在下方告诉我们您的答案，并获得 Simply Learn 的一个赞。在我们开始之前，如果您喜欢观看这些视频，请点击订阅按钮和铃铛图标，以便在每次上传新视频时收到通知。废话不多说，让我们开始关于什么使 UIUX 易于使用的课程。嗯，UIUX 设计师旨在通过遵循几个原则来创建易于使用的产品，例如保持界面简单并使用一致的设计模式，设计提供清晰反馈的界面，遵循可访问性指南，并持续与用户测试产品以获取反馈并相应地进行更改。通过遵循这些原则和最佳实践，UIUX 设计师可以创建满足目标用户需求且用户友好的产品。所以，现在

我们已经理解了 UIUX 的易用性，现在我们将探讨它们的重要性。UIUX 设计对于任何数字产品的成功都至关重要。例如，Instagram Stories 的 UIUX 设计强调简洁、创意和易用性，使用户能够快速有效地与他人分享他们的体验。各种创意工具可用于添加文本、贴纸、滤镜等，以增强 Stories 的视觉吸引力。此外，它还决定了用户与产品互动的愉悦程度。精心设计的 UIUX 可以区分被广泛采用的产品和被迅速放弃的产品。但为什么是 UI 和 UX 呢？UIUX 很重要，因为它直接影响用户与产品的体验。精心设计的 UIUX 可以使产品易于使用、视觉吸引人，并为用户提供无缝的体验。这可以增加用户的参与度和满意度，甚至可以推动销售。简而言之，良好的 UI UIX 可以区分成功的产品和不成功的产品。糟糕的 UI UIX 会导致沮丧、困惑，并最终导致用户放弃产品。此外，它也是区分您的产品与竞争对手的一种方式，因为精心设计的 UIUX 可以使其在市场中脱颖而出。既然我们已经涵盖了 UIUX 的所有基础知识，接下来让我们讨论 UI 和 UX 设计师的薪资。UIUX 设计师的薪资可能因地点、经验以及特定公司或行业等因素而有很大差异。但是，以下是印度和美国 UIUX 设计师的大致薪资范围。印度 UIUX 设计师的薪资范围为每年 2.1 万卢起到 15.0 万卢，平均年薪为 5.5 万卢。至于美国，UIUX 设计师的年薪约为 98,000 美元。他们的就业形势稳定且不断扩大。但 UIUX 设计师应该追求什么样的角色呢？UIUX 设计师在数字产品的设计和开发中扮演着不同但互补的角色。UI 设计师负责产品的视觉设计和布局，包括按钮、菜单和其他交互元素的布局。他们创造产品的整体外观和感觉，并确保其视觉吸引人且易于导航。另一方面，UX 设计师则专注于产品的整体用户体验。他们进行用户研究、测试和分析，以了解用户的需求和行为。他们利用这些信息创建线框图、原型和用户流程，以指导产品的开发。他们还确保产品易于使用且高效。总而言之，UI 设计师专注于产品的视觉设计和布局，而 UX 设计师则专注于产品的用户体验和可用性。这两种角色协同工作，创造出视觉吸引人、易于使用并提供出色用户体验的数字产品。既然我们已经讨论了角色，让我们来探索成为 UIUX 设计师的路线图。第一个是学习设计基础。学习布局、排版、色彩理论和用户体验等设计原则。第二个是熟悉设计工具。学习使用 Adobe XD、Sketch、Figma 和 Invasion 等流行工具。第三个是建立作品集。创建您的设计作品集，向潜在雇主展示您的技能和能力。下一个是建立人脉。参加设计活动。结识其他设计师并加入在线设计社区，了解新的设计趋势和技术。下一个是持续学习。通过参加在线课程、研讨会以及阅读设计博客和书籍，随时了解最新的设计趋势和技术。下一个是专业化。决定您想专攻的 UIUX 设计特定领域，例如移动设计或网页设计。持续学习和发展，因为设计领域在不断变化和发展。保持学习并了解最新的设计趋势和技术非常重要。最后一个是认证。如果您想证明您在特定 UIUX 设计领域的技能和知识，请考虑获得认证。接下来我们将看到成为 UIUX 设计师所需的技能。要成为一名 UIUX 设计师，必须具备技术和创意技能。这些包括对设计原则的深刻理解，包括布局、色彩理论、排版和以用户为中心的设计。了解用户研究和用户测试方法，以了解用户需求。强大的沟通能力，能够有效地向利益相关者展示和解释设计决策。了解网页开发技术以及为桌面、移动和 Web 等各种平台进行设计的才能。强大的解决问题能力，以创建满足用户需求的高效设计。了解可访问性和包容性设计原则，以确保所有用户都能访问设计。持续学习并跟上新的设计趋势和技术进步。总之，UIUX 设计师必须兼具技术和创意技能。对设计原则的深刻理解，以用户为中心的设计方法，以及不断学习和适应新技术和趋势的能力。现在我们将看到 UIUX 设计所需的工具或常用的工具。第一个是 Sketch 或 Adobe XD。这些工具用于创建线框图、模型和用户界面原型。Invision 是一个原型工具，允许设计师创建交互式线框图和原型。Invision。这也是一个原型工具，允许设计师创建交互式线框图、模型和原型。Figma。这是一个基于云的设计工具，允许多个团队成员协作，并可用于创建线框图、模型和原型。用户测试。该工具允许设计师进行用户研究和测试，以收集对其设计的反馈。这些是 UIUX 设计中常用的一些工具。但使用的具体工具将取决于项目和设计师的偏好。让我们讨论 UIUX 设计师需要哪些实践。成为一名 UIUX 设计师需要教育和实践经验。扎实的设计基础对于获得实践经验至关重要。设计师可以参加实习或自由职业项目。此外，及时了解最新的设计趋势非常重要。例如，暗模式概念、工具和技术，以确保您能够提供满足现代数字景观需求的设计。参与设计社区、参加会议和研讨会以及参加在线课程可以保持您的技能敏锐。与开发人员、产品经理和利益相关者等跨职能团队合作和沟通的能力是 UIUX 设计师的另一个要求。接下来我们将看到 UIUX 设计的作品集，它需要包含一个 UIUX 设计作品集，这是数字制作的集合，展示了过去设计师在为网站、移动应用程序和软件等各种数字产品设计用户界面和用户体验方面的技能和能力。它展示了设计师的设计过程、解决问题的能力以及创建以用户为中心的设计的能力。拥有作品集很重要，因为它有助于设计师有效地与潜在客户或雇主沟通他们的工作和技能，并使他们在竞争激烈的就业市场中脱颖而出。您的最佳 UI 或 UX 作品示例应包含在您的作品集中，以及您的专业背景摘要和一个着陆页，使招聘经理和招聘人员能够轻松找到他们想要的东西。您的 UIUX 作品集应包含三个主要内容。一个吸引人的着陆页，几个案例研究，以及工作经历。这里有一个例子。Nia Watkins 是一位 UX 设计师。她的 UX 作品集中有许多明显的复选框，包括清晰的设计、导航和组织良好的案例研究。然而，Nia 的“关于我”部分才是真正让她 UX 作品集脱颖而出的地方。现在，当有人查看您的 UX 作品集时，他们可能不会立即查看您的“关于我”。但是，如果他们能走到那里，那就是您分享您的故事并说一些值得注意的事情的关键机会。Nia 在短短四段精炼的段落中做到了这一点。她首先清楚地说明了自己是谁以及自己做什么。然后，她描述了她之前的工作以及它如何影响她决定从事设计事业。Nia 谈到她在公共服务部门工作时遇到的无效且设计糟糕的网站，并且经常没有创造性的解决方案来节省时间和金钱。她表达了她对什么使一个好的设计师的看法——理解人类的经验。最后但同样重要的是，Nia 与我们分享了她在设计之外的爱好和兴趣。Nia 的“关于我”部分强大、独特且影响深远。它是她品牌和作品集的关键组成部分，而不仅仅是事后诸葛亮。您可能没有意识到您的“关于我”页面的重要性。您可以参考 Nia 的作品集，为自己创建一个独特的“关于我”部分，其中包含一个关于您对用户体验热情的个人有意义的故事。包含关于您经验的几段简短段落，并告知读者创建作品集的人。让我们快速看一下招聘 UIUX 设计师的公司。Google、Freelancer、Apple、Amazon、IBM、Microsoft、Facebook、Adobe、Salesforce、Tesla 和 Oracle。研究您感兴趣的公司、它们的设计理念以及它们设计的产品类型非常重要，以确保与您的技能和兴趣相匹配。在查看了招聘 UIUX 设计师的公司之后，我们将看到如何申请这份工作。因此，您可以按照以下步骤申请 UIUX 设计工作。更新您的作品集和简历，以更好地反映您的能力。调查行业中的潜在雇主和职位发布。为每个可以申请的职位个性化您的求职信和简历，并与该领域的其他人建立联系以获得推荐或人脉。通过练习和展示您的设计过程和解决问题的能力，您可以为面试做好准备。最后，我们将讨论一些面试技巧。了解公司和职位。研究公司、其产品以及您正在面试的具体职位。展示您的作品集。拥有一个强大的作品集，展示您的设计技能和过程。理解设计过程。能够解释您创建的设计过程以及您如何处理设计问题。熟悉行业工具。了解最常用的设计工具，并能够解释您使用它们的原因。了解以用户为中心的设计原则。熟悉以用户为中心的设计原则，并能够将其应用于现实场景。保持更新。了解当前的设计趋势和技术。做你自己。展现你的个性，让你的设计热情闪耀。收集用户需求、创建图形元素和创建导航组件都是 UI UIX 设计师的职责。因此，为了在这个角色中取得成功，您应该拥有使用设计软件和线框图工具的纯粹经验。如今，简历在寻找新工作时至关重要。在现代就业市场中，简历在潜在雇主寻找的方面已经超越了所有其他要求。在进行面试之前，简历是给雇主留下深刻印象的东西。本文将向您展示如何在 Canva CV 模板中创建时尚且吸引人的简历，以准确传达您的工作经验。因此，我们来介绍创建 Canva CV 模板的步骤。第一步是选择模板，然后转到 Canva，您需要登录，并且在主页旁边有一个模板选项，您需要单击它。您将进入 Canva 的模板页面，然后在搜索栏中输入简历，并根据您的选择选择所需的简历，并通过向上滚动找到您的理想简历模板。一旦您搜索到简历，您将看到 Canva 中有数百万个简历模板可用。因此，您可以根据您的需求进行选择。所以，我们正在创建一个 Canva 模板，所以我们将选择一个空白页面。所以，我们首先需要一个圆形框架，这样您就可以将您的照片放在这个圆圈里。所以，让我们拍一张女孩的照片。就这张吧。现在，让我们拿一个矩形。将其置于前面。我们将更改此颜色。让我们选择一种浅色。稍微放大一点。所以，在这里您可以写上您的名字和您的职位，以突出简历。所以，首先，我突出了名字，因为我给了它，她是平面设计师。所以，我突出了这一点。我们可以使其加粗并稍微放大。我们可以更改字体颜色。好的。现在，在选择图片和突出名字之后，我们将自定义背景。现在我们在 Canva 主页上，选择了模板，我们可以自定义它。更改背景颜色是自定义的良好开端。要选择模板的背景，您需要双击它，并且在左侧面板上会有一个小框，您可以选择任何颜色。嗯，让我们选择这个颜色，您可以选择任何颜色包含在您的简历中。现在我们将看到标题和联系信息。此部分包含您的姓名、职位以及一些个人信息，如电子邮件、出生日期以及任何其他社交媒体链接，如 LinkedIn 等。所以，我们将在这里写上。所以，我在这里添加了带有联系信息的标题。所以，我在这里添加了联系电话、电子邮件 ID 和位置，以及 LinkedIn 等链接，或者用户所在的网站。接下来，我们可以添加摘要声明或职业目标，此部分包含您在该领域职业目标的简短描述。例如，您对公司的期望。所以，我们将在这里设计它。所以，我在这里用颜色设计了它。假设我们可以更改此颜色。我选择了浅天蓝色，或者您可以选择任何颜色。就用这个颜色吧。好的。所以，在专业简介之后，在添加了此摘要声明之后，现在我们需要添加教育背景或技能。此部分包含您的教育细节以及软硬技能，例如 B、BSC、B Tech 等。所以，让我们在这里添加它。所以，我在这里添加了教育背景和专业技能，即网页设计、创意思维、Adobe Photoshop、Adobe Illustrator 等。对于教育背景，我也将添加艺术与插画硕士学位以及艺术或插画学士学位。所以，接下来，接下来我们将添加认证、爱好或兴趣或项目，此部分将包含有关您的习惯、项目等的附加信息。例如，爱好，如打板球等。我们将用星星或点或圆圈来提及。您知道多少语言。所以，我在这里提到了认证或爱好兴趣或项目，比如语言，比如她懂多少英语，我用点来表示，比如五分之五，她懂四分之五，或者法语只有三分之二等等。对于兴趣，她对旅行或阅读书籍感兴趣，所以这部分是关于认证、爱好、兴趣和项目。所以，下一个是工作经验。此部分包含您以前的工作经验的详细信息，例如您在该公司的职位和职责。例如，系统工程师，您在该领域有经验。所以，我们将把它放在这个部分。所以，我在这里提到了用户之前的经验，她现在或之前也工作过。所以，这总结了我们关于如何构建 Canva CV 模板的教程。简历的最终输出是这样的。或者我们可以用不同的颜色使其更具吸引力。我们可以使用它，就像我选择了矩形一样。我将把它放在这里。一分钟。然后向后，我们可以更改此颜色。让我们选择一些颜色，比如嗯，所以，让我们从这边也把它移过来，我们也将稍微放大一点。好的。同样，我们也可以将其应用于右侧。您可以复制它们。好的。所以，这是我们在 Canva 中创建的简历模板的最终输出，我们已经完成了用户的个人资料图片、姓名和职位以及亮点。之后，我们有了带有联系信息的标题，我们在其中放置了用户的所有信息。之后，我们有了专业简介，我们在其中放置了对公司的期望以及用户的专业技能和教育背景，例如硕士或学士学位，或者兴趣和语言。之后，我们提到了带有联系信息的标题。之后，我们提到了摘要声明和职业目标，以及教育背景和技能。之后，我放了用户的职业经验。最后，我放了认证（如果有）、爱好和兴趣以及项目。所以，首先，让我们了解一下要在 2022 年掌握的 UI 和 UX 工具。第一个是 Adobe XD。所有平面设计师都熟悉 Adobe 行业领先的软件，包括 Illustrator 和 Photoshop。这些 Adobe XD 云产品对 UI 和 UX 设计师非常有益。Photoshop 可用于修改、合成和生成视觉内容，如艺术和图形。它的一些功能是它们可以更改主组件，然后将其分发到整个公司，它非常适合大型企业和需要资产统一性的组织中的设计师，并且它非常适合原型设计和设计，并且它可以在 Mac OS 和 Windows 上运行。下一个是 Sketch。为了创建高质量的原型和界面，只需在移动设备上进行中间预览，Sketch 已成为一种常见的 UX 工具。它有一个图标，可以更轻松地构建可重用的 UI 元素。借助此功能，可以创建设计系统并保持界面设计的一致性。它的一些功能是用户可以使用这些设计和原型工具生成模型，并与团队共享以获得反馈，从而准确了解最终产品。他们可以添加照片和编辑文本，它非常适合原型设计和设计，并且它可以在 Mac 上运行。第三个是 Invision Studio。它是一套三个 UI 和 UX 工具，为用户提供了一个集中的工作空间，用于协作和快速屏幕设计原型。所有原型、草图和设计都可以在一个地方访问。因此，得益于 Invision 云，通过 Invision Studio 沟通也变得更加简单，他们可以获得中间输入，并随时了解每个阶段的文档修改。它的一些功能是 Studio 平台提供了一种简单的方法来快速为任何屏幕生成响应式设计，以及通过基于矢量的绘图功能快速测试用户体验的能力。它可以用户通过动画屏幕更改来导航，并且它非常适合原型设计和 UI 设计，并且它可以在 Mac OS 上运行。下一个是 Figma。它是顶级的 UI 设计程序之一。它具有拖放用户界面，使跨组织协作成为可能。Figma 是少数能够整合设计师、开发人员和项目经理的 UX 解决方案之一。它的一些功能是它自豪地成为组织的单一真相来源。您可以上传已批准的可重用元素、图标、字体和样式。团队成员可以检查代码，还可以提取关键角色，它非常适合设计，并且它可以在浏览器、Mac OS 和 Windows 上运行。下一个是 Framer X。Framer 是最强大的 UX 工具之一，以前称为 Framer X。它展示了未来产品的功能，其性能尽可能接近现实。专业 UI 设计师如果想制作出色的原型，应该考虑使用 Framer。它的一些功能是它提供协作的早期阶段创建，来自 JavaScript 的输入，并且它支持复杂和高级原型的开发，包括增强现实和虚拟现实项目。它有助于建立细微但重要的过渡，并且它非常适合原型设计，并且它可以在浏览器和 Mac OS 上运行。第六个是 Flowmap。它是另一个进入我们列表的专业 UX 工具。该工具最适合站点地图、用户流程和站点。使用 Flowmap，多个团队在创建 UX 策略共享流程和需要大量考虑的站点地图时，可以快速查看工作流程。有几种可用的技术可以将 UI 和 UX 工具集成到单个平台中。它的一些功能是它是一个简单的站点地图工具，有助于团队合作和网站页面构建。客户角色是使用 Persona 工具创建的，它非常适合线框图和网页设计，并且它可以在浏览器上运行。下一个是 Origami Studio。与其他 UX 设计工具（如 Invision）相比，它是一款非常高级的软件，专为专家设计。它最初是为 Facebook 设计师开发的，但现在可以免费使用。它具有陡峭的学习曲线，这使得它成为新用户难以掌握的原型工具，它是目前最先进的 UX 工具之一，它创建的交互非常逼真，并提供轻松的 Sketch 集成。它的一些功能是它使用补丁编辑器创建原型逻辑，并且它有一个可以立即访问的庞大修复库，并且可以毫无问题地复制和粘贴 Sketch 中的组件，它非常适合设计，并且它可以在 Android、Mac OS 和 iOS 设备上运行。下一个是 Balsamiq，它是最优秀的 UI 设计软件之一，也是设计师、产品经理和创新者中流行的线框图工具，它专门用于制作低保真线框图。尽管它很简单，但建议所有级别的 UX 设计师使用此工具来快速演示给定网站或应用程序的可用性。任何试图将想法付诸实践的产品经理或企业主都会发现 Balsamiq 非常有帮助。它的一些功能是它有助于创建专注于实用性和用户流程的低技术线框图。提供拖放编辑器，使设计师能够快速轻松地进行设计，并且它可以在模型和线框图上运行，并且非常适合浏览器、Mac OS 和 Windows。下一个是 Marvel。Marvel 是另一个出色的 UI 和 UX 工具，可用于创建各种高保真和低保真生物框架、原型、HTML 和 CSS 交付。它是用于打磨原型界面并赋予其最终外观的绝佳工具。这款应用程序设计工具的学习曲线非常小，这使得它在开发界面和创建原型方面非常高效。它的一些功能是它提供测试、交付和快速原型制作，并且它使您能够轻松构建页面，甚至可以使用原型来测试您的设计，并且它非常适合线框图动画，并且它可以在 Web、Android 和 iOS 设备上运行。最后一个是 Axure。Axure RP UI 设计工具的动态内容、条件逻辑和可适应视图功能使您能够快速创建功能与真实事物相似的原型。为了与利益相关者交换设计，您还可以将 Axure 连接到 Sketch 等知名设计软件。它的一些功能是您可以通过内置的 Azure 云功能即时将原型分发给组织以获取中间反馈。它使不经常使用编码的 UX 设计师能够将设计完整地转移给开发团队，并且它非常适合原型设计，并且它可以在 Windows 和 Mac 上运行。现在让我们讨论一下 Figma 是什么，然后继续进行接下来的内容。Figma 是一款用于设计和编辑用户界面和图形界面的在线工具。它可以用于各种平面设计任务，包括线框图网站、为移动应用程序创建用户界面、创建设计原型、为社交媒体创建帖子以及介于两者之间的所有内容。与其他图形编辑器软件相比，Figma 的独特之处主要在于它直接在您的浏览器中运行。此外，您可以从任何计算机或平台开始设计和获取您的项目，而无需安装额外的软件或获取额外的许可证。在讨论了 Figma 是什么之后，我们将看看如何使用 Figma。正如我们之前解释的，它是一个基于 Web 的应用程序。要开始使用该应用程序，您只需要一台具有可靠浏览器和互联网连接的台式机或笔记本电脑。之后，您可以注册一个免费的 Figma 帐户。此外，您可以立即开始处理您的设计。使用 Figma，您可以从头开始设计产品，也可以使用对初学者来说非常用户友好的编辑器从预制模板开始设计。网上有很多资源可以教您如何使用 Figma，但如果您使用我们下面提供的课程，学习会更容易。在本教程中，我将向您展示在 Figma 中开始练习设计应用程序和网站的最佳方法，并且我将为您提供可以逐字跟随的逐步说明。我只会告诉您开始设计界面所需的内容。所以，让我们开始吧。所以，我们将要看一个叫做 Figma 的工具，它有一些优点，但对您来说最重要的是，您可以免费开始使用。如果您是独自工作，我们喜欢在 Smart 工作，因为它还具有非常好的协作性。所以，我们可以有多个人同时处理同一个设计文件，而且它非常快。它适用于任何计算机。无论您是 Mac、PC、Linux，还是其他任何设备，它都可以在浏览器中直接运行。当您观看视频时，如果您对如何在 Figma 中实现特定效果有任何疑问，或者有任何评论或建议，请在下方评论。如果您想了解更多关于 UI 和 UX 的技巧，请务必订阅我们的 YouTube 频道，这样您就不会错过 Simply Learn 的任何更新。我想从模板开始。所以，我现在要做的是为我自己的设计创建一个三角形，它将被称为框架。所以，您需要了解的第一个工具是这里的框架，或者在键盘上按 F，或者我按的任何内容都会显示在左下角。这样您就知道我按了什么来激活特定工具，然后我就可以开始绘制尺寸了。但我知道，如果我查看这里的框架，我点击它就会显示。我可以再次按 F 进入框架模式，然后我可以从这里选择很多模板，我将选择 iPhone Pro Max，然后它会自动放置一个特定尺寸的框架，我将在这里放置它，然后我将开始设计。所以，假设我想要不同的背景颜色。对？所以，最简单的方法是画一个矩形。我可以在这里做到。您可以看到有一个矩形工具，它已经显示了旁边的 R。所以，我将在键盘上按 R 并绘制一个矩形。对？我不想占用整个屏幕。这样就可以了。现在我可以看到默认情况下它是深色的。所以，我将点击它，所以，这里我说，比如，我可以选择颜色。通过。为了让它在位置和尺寸方面更具吸引力。所以，如果我想更改这个，这只是改变 y 坐标，而这个是，抱歉，这是 y 坐标，而这个是 x 坐标。您可以看到拖动光标。看到光标变成只有左右箭头。我可以点击并左右拖动。更改这些值，或者我可以在右侧输入它们。我还可以更改宽度和高度。这是宽度和高度，或者角落半径。对？所以，圆角效果在那里。所以，我可以使用箭头进行圆角处理和角落半径，假设它必须是 29 或 39。相当不错。我也将保持这个为 39。所以，我们可以看到这个，这些角落正在产生圆角效果。所以，如果我将其更改为零，您将看到它不再是圆角。如果我想让顶部是圆角但底部不是，那么我可以更改底部的。对？现在看起来不错了。我需要创建的下一件事是从形状菜单中的圆圈，您有一个椭圆，您也可以使用键盘上的 O 键。现在默认情况下，您将能够绘制任何比例的任何类型的圆圈。现在让我们更改圆圈的颜色。在设计移动界面时，您经常需要这样做，因为您会想要一个主屏幕图标之类的东西，您可以直接在 Google 上搜索免费的 Figma 图标，搜索后此页面将打开，假设我想复制这个，然后我回到我的文件，然后我将粘贴元素。Figma 还通过定位来帮助您。它会自动居中事物，假设我想在这里放一张图片而不是空白颜色。所以，一个好的网站叫做 Unsplash。我在这里写食物，然后我会得到图片并保存它。我们将复制它并粘贴到这里。是的，我按了 Command V 进行粘贴，然后我可以重新定位它。现在，我需要在这里输入的文字是“非接触式配送”，获取文字的方法是通过 T 图标。在这里，我可以按键盘上的 T 输入“无”。所以，我们将更改字体，通过双击。我们将更改文本的字体为 SF Pro Text。使其稍微小一点。所以，现在我们将在这里写一段话。所以，我将再次按 T 图标。我们可以写一些与我们的食物相关的内容。我们将把字体设为小号。四左右，然后将其放在中间。好的。所以，现在我将有一个“立即订购”按钮。为此，我将再次按 T 键。重复矩形。所以，现在我将有一个“立即订购”按钮，为此我将有一个矩形。所以，我将按 R 并在这里制作一个矩形，并将其放在中间。我将为此选择一种颜色。如果您可以看到角落半径，所以我说“立即订购”文本，然后我将将其放在中间。我将对其进行居中，然后使其保持白色。这非常简单。现在我将为“关闭”输入另一个文本。所以，所以，从模板开始，我们在 Figma 中制作了我们的特色第一个页面，用于食品配送应用程序。如果您是网页设计师或 UI UX 设计师，您可能已经熟悉 Figma 及其所有功能。但是您知道有一些简单的 Figma 技巧可以帮助您完成任务吗？它是一个响应式、快速且简单的工具。尽管该工具易于使用，但仍有许多隐藏但有效的功能可供发现。即使您每天都觉得使用它很方便，这 10 个附加建议也可能改善您的工作流程。让我们直接开始吧。第一个是使用缩放工具避免失真。第二个是简单的进度环。第三个是将对象拖到框架外部，同时将其保留在内部。第四个是交换位置，整理和组织网格。第五个是重复最后一个操作。第六个是用吸管预览颜色。第七个是秒内修复行高。第八个是轻松创建方形单元格。第九个是控制导轨和 Unsplash。最后一个是使用空格键进行更多技巧。让我们详细介绍一下。第一个是使用缩放工具避免失真。使用缩放工具，您可以保持设计像素完美。要使用它，请选择要缩放的内容。按键盘上的 K 并拖动。此工具非常灵活，具有多种优点。首先，可以轻松调整对象大小，而无需拾取。第二，您可以使用自由变换工具一次调整多个项目的大小。第三，您可以使用自由变换工具旋转项目。比例是设计中最关键的考虑因素之一，在每个项目中都需要认真考虑。下一个是简单的进度环。Figma 是设计环的绝佳应用程序，因为它具有许多工具和功能，可以轻松构建精美的图案。这些有助于提醒用户执行所需的操作，或让他们知道他们还剩下多少产品或计划。在 Figma 中，您必须首先创建一个新文件。要开始，请从屏幕左上角的菜单中选择创建新文件。在菜单或屏幕左侧，选择形状。这将是工具。这样做会在菜单中出现您可以在设计中使用的多种形状。我们建议使用环中的圆圈。下一个是将对象拖到框架外部，同时将其保留在内部。对象可以拖动很远。任何对象都可以尝试拖出画布，同时立即将其拉回原位。要将对象保留在容器内，同时将其拖到框架外部，请按住空格键以查看对象，同时它在容器外部。您还可以为包含该项目的框架禁用剪辑内容。下一个是交换位置，整理和组织网格。通过选择数组中的数字对象，然后单击角落中的网格符号来组织您的设计。结果，所有对象的间距都相等，您可以拖动项目来重新排列它们并更改它们的间距。第五个是重复最后一个操作，选择 Figma 中的项目，按住 Ctrl + D（Windows 或 Mac OS），然后将副本拖到所需区域。您可以多次复制对象。此外，您还可以使用“编辑”菜单下的“复制”菜单选项。使用复制菜单或命令多次复制网格或图案中的项目。下一个是用吸管预览颜色。您可以使用颜色选择器在文本、图层、描边和其他矢量对象上进行绘画。吸管工具允许您从图片中的任何位置将颜色样本添加到您的元素面板。要获得所需的效果，请使用选项栏中的设置调整工具，例如采样大小和采样。通过单击选择要查看的颜色。使用颜色选择器应用纯色填充、渐变或图片。此外，您还可以使用混合模式来修改颜色情况或不透明度。下一个是秒内修复行高。当您输入自动或删除行高框中的当前值时，如果看起来奇怪且没有特定值，Q 行高会自动调整。使用检查器面板文本部分中的前导设置是修改 Figma 中行高的第二种方法。您可以输入数字或百分比来指定此选项中文本行之间的距离。下一个是轻松创建方形单元格。您知道 iOS 应用图标是什么形状吗？它们不像典型的圆角矩形。它们像正方形。在正方形和圆形之间，方形单元格是一种形状。术语“方形”至少有两个含义。其中最受欢迎的是基于正方形椭圆。术语“方形”和“圆形”的组合。UI 设计中的“方形”一词。这种形状越来越普遍。如何在 Figma 中制作这样的形状？这非常容易。正方形位于圆形和正方形之间。下一个是控制导轨和 Unsplash。内容卷轴和 Unsplash 是两个重要的插件，可以节省时间。只需单击一下即可将头像、姓名、地址等添加到您的设计中。得益于内容卷轴。Unsplash 是免费的高质量图形资源。在 Figma 中创建新文件时，选择 Unsplash 中的新建以使用 Unsplash 图片。这将启动一个照片库，您可以从中浏览并用于您的设计。最后一个是使用空格键进行更多技巧。您还可以为草图绘制的形状留出空间，以便稍后重新定位对象。按住空格键将使 Figma 立即将项目转移到自动框架或设计中，如果它足够大并且可以在嵌套中使用。空格键是扩展指针选择区域的绝佳工具。拖动一个选择区域，然后按住空格键。您还可以在绘制形状时按住空格键来移动项目。此外，您还可以使用空格键来防止 Figma 自动将项目嵌套到框架中。Figma 是原型设计和 UI/UX 设计的绝佳工具，它允许您创建交互式流程，然后允许用户与您的设计进行交互。原型设计很重要，原因有很多。为新用户设置工作流程并从用户那里检查和获取反馈。现在我们将看到什么是原型设计。原型设计之所以重要，原因有很多，您可以检查新用户的工作流程。原型设计使设计师能够设计。最终的数字产品，原型设计是用户与界面之间的交互。原型设计是最终产品如何工作的过程，这使得产品团队能够测试他们的设计。在理解了 Figma 和原型设计之后，我们将看到原型设计如何在 Figma 中工作。所以，第一个是我们可以添加原型流程，添加交互，固定位置，添加溢出滚动以及如何展示和共享原型。第一个是在 Figma 文件中添加原型流程。您可以在每个页面上拥有一个或多个原型流程，它们应该有它们的起点和唯一的名称。选择您希望在流程中出现的第一个框架，然后单击流程起点旁边的添加图标。添加后，您可以单击名称输入框重命名流程，并使用旁边的删除图标添加描述。下一个是添加交互。交互用于构建原型，并可用于显示不同的行为、导航模式和结果。它们通过连接两个不同的图层来工作。然后，我们将通过添加动画、操作和触发器来检查这两个图层将如何相互交互。交互可以很简单，但有时也很复杂，因为动画元素会移动并更改它们的属性。交互可以分为三个步骤：即时交互、动画交互和智能动画交互。第一个是即时交互。使用即时交互动画，让操作在没有移动或效果的情况下执行并放置。它有助于在页面或模型之间导航。例如，通过即时动画在页面之间导航。您可以通过点击按钮进行导航。下一个是动画交互。使用动画在交互中添加移动，这有助于进入、移出、滑动进入、滑动移出等。使用可用的不同功能。最后一个是智能动画。使用智能动画来检查不同框架上的匹配图层并为它们的差异设置动画。这些差异可以包括颜色、大小和位置的变化。固定位置。固定原型中元素的位置，以便在滚动时轻松保持在同一位置，这对于希望保持在视图中的元素很有帮助。例如，顶部和底部的导航。配置设计面板设置。下一个是添加溢出滚动。它允许在原型中的每个框架中滚动。这对于原型化具有自己的滚动属性的组件或 UI 区域（例如菜单、表格、列表等）非常有帮助。在使用溢出滚动时，拥有一个内容溢出的框架很重要。下一个是如何展示和共享原型。首先选择工具栏顶部附近的展示图标，它将展示原型。如果一个页面上有多个流程，请在侧边栏之间切换它们。在这里，评论可以作为注释、任务和问题提及。虽然您也可以留下反馈。通过单击演示工具栏中的共享原型来共享原型。在理解了 Figma 中的原型设计如何工作之后，我们将看到它的用处。使用原型是一种很好的方法。我们可以提前在用户流程和交互中使用它。想法共享和改进。我们可以从用户那里获得反馈，我们还可以测试用户的交互。最后一个是向感兴趣的用户展示您的概念。通过在 Figma 的原型页面上为您的原型创建多个流程，您可以预览用户与您的想法的旅程和体验。所以，在本教程中，我们将研究如何在 Figma 中创建原型。Figma 是一款强大的设计和原型工具，可用于您的 UX 和 UI 项目。如果您是 Figma 的新手，我建议您先查看我创建的关于如何在 Figma 中创建模型的教程，我将在下面的描述中提供链接。在本教程中，我们将制作一些交互式原型。所以，我们将通过打开带有此线框图的 Figma 文件开始。这里有几个静态页面，包括主页和女装类别页面以及产品页面。我将在本教程中向您介绍如何连接这些页面，以便用户可以像在真实产品中一样进行点击。所以，我们要做的第一件事是进入 Figma 中的原型。是的，您可以通过单击右上角的原型选项卡来完成此操作。现在您会注意到除了右侧边栏中的内容之外，几乎没有什么变化。是的，边栏。所以，我们将从那里开始。并且有您的原型的设置。这些是您想要更改的一些内容，具体取决于您的设备或您的设计。所以，您可能想要在此处更改的第一个设置是设备，设备是指呈现原型的设备。所以，在这种情况下，我们正在为桌面设计。所以，我们可能不想在任何额外的设备中呈现这些设计。但是，好的，让我这样做。但是，如果您正在为移动设备设计，那么在 iPhone 中展示这些设计将会很好。但就我们而言，我们将为桌面设计。所以，让我回到无。好的。嗯，另一个我们可以更改的设置是背景颜色，这指的是原型在您呈现模式或此呈现模式时出现的背景颜色。所以，如果我打开，好的，右上角的演示模式。所以，我可以看到设计在这里。是的，我可以看到设计在这里。有一些小的边距，这些侧面的深色边距，它们目前看起来是黑色的，因为这里的背景是另一个设置，我们可以更改的是背景颜色，这指的是您的原型在您单击并呈现它时出现在您的演示模式中的背景颜色。您可以呈现它，并且如果您假设是这样，那么背景颜色就是黑色，您可以更改它。所以，是的，所以，如果我们将其设置为白色，那么它看起来更自然，就像侧面没有那种尴尬的切割，如果它是黑色的。所以，让它保持白色。所以，是的。所以，嗯，所以，现在，所以，现在我们已经设置了我们的原型并调整了设置，然后我们就可以实际开始连接这些不同的屏幕了，方法是创建连接。所以，要创建连接，我们实际上需要在这里转到主页。是的，这是主页，例如。对？所以，让我们想象一下，我们想将这个女性链接连接到女性类别。这是女性类别，对吧？所以，一个页面在这里，比如，要做到这一点，我想点击女性。您会看到在女性的右侧，有一个小的白色圆圈出现，这就是所谓的节点，节点允许您将这些链接连接到其他页面。所以，如果我点击节点和白色圆圈。是的。然后我将拖动它。一分钟。等等。如果我拖动它。是的。我现在可以拖动到此文件中的许多其他页面。所以，我可以拖动到这个类别页面，或者我可以拖动到这个文件中的另一个页面。所以，如果我拖动到这个女性的类别页面，您会看到。

这样就创建了一个连接，对吧？嗯，等等，它好像没有创建，我再连接一次。是的，它连接好了，对吧？所以，这里会显示一条线，表明当你点击“女装”时，它会带你到“女装”分类页面。当我创建那个连接时，弹出的另一个东西是一个小箭头。是的，就是这个，在左上角。这被称为起始帧指示器，它和所有这些指示器一样，表明原型中的哪个帧，或者这些屏幕中的哪个将是人们打开原型时看到的第一个屏幕，对吧？嗯，所以，现在它被设置为“主页”。但如果我想改变它，我只需要点击箭头并拖动，然后将其更改为另一个屏幕。在这种情况下，当人们打开你的原型时，他们将从“女装”分类页面开始。但在我们的例子中，我们实际上希望用户从主页开始。所以我将再次点击那个箭头，并将其拖回到主页。是的。嗯，现在让我们创建另一个连接。所以，目前我们有一个从主页到“女装”分类链接，或者到“女装”分类页面的连接。对吧？但现在，让我们创建一个让用户可以从“女装”分类页面返回主页的方法。所以，我们要做的是选择“我喜欢的鞋子”，然后你就可以看到右边出现的节点。你想要点击那个节点并将其拖过来。一分钟，然后拖到主页，这样，嗯，让我把它连接到这里。是的。是的。所以，这样，当用户在同一个，嗯，当用户在“我喜欢的鞋子”标志上时，它会带他们回到“女装”分类页面的主页，这将是这个。嗯，在我们创建更多连接之前，嗯，在我们自己的原型中，让我们确保已经创建的连接正在正常工作。要做到这一点并预览你的原型，你需要做的是，你需要去右边的角落，那里有一个播放按钮。所以它会打开，打开它。是的。对。演示模式。这被称为演示模式。对。你已经看过了屏幕，这是你的实际原型，这是你所做的。你想与你的用户、客户、团队成员等分享。所以在演示模式下，有几件事需要了解。我们将看到演示模式只是你 Figma 文件中的另一个标签页。所以，如果你想回到你的设计，只需点击你左边的标签页，你可以去，是的，这个，然后到右边的另一个标签页，再次进入演示模式。你也可以再次进入演示模式。对。这个演示模式真正好的一点是，当你在这里的左边更新你的原型时，它会自动更新。这个标签页会自己更新。你不需要每次想预览某些东西时都打开一个新的原型。所以，在你的例子中，你想预览我们刚刚创建的所有连接。要做到这一点，我们只需要点击任何地方。所以，你将看到一个小三角形，抱歉，一个小矩形叠加在“女装”上。这就是所谓的“热点”，它表明有一个交互式元素，我们必须点击，我们可以点击。所以，如果我们继续点击，正如我们已经点击了“女装”元素一样，我们可以，嗯，“女装”将我们带到“女装”分类页面，这就是分类页面，对吧？向下滚动，嗯，这个页面像正常网站一样查看内容，然后我们也可以想再次点击，看看这个页面上是否有任何其他热点。所以，是的，所以，如果我们点击这里，我们将看到标志上有一个热点，我们知道我们已经创建了，嗯，嗯，这将带我们回到同一个页面。如果我们点击它。是的。所以，看起来我们的两个连接都工作正常，对吧？让我们创建更多。好的。嗯，下一个连接，嗯，我们将，嗯，是的，好的，嗯，抱歉，嗯，下一个连接，嗯，我们将，嗯，是从“女装”分类页面，对吧？到产品页面，产品详情，我们想添加连接的地方是这里的按钮，假设是顶部的“蛋糕”按钮，作为女性的特定产品，对吧？产品名称“女性顶蛋糕”。所以，我可以直接选择图片并拖动节点并将其带到产品页面。但是，但是，我实际上想做的是让整个卡片都可点击。所以，这张图片，或者这个块，然后这个标题也是。要做到这一点，我想要做的是选择这两个元素，然后按住 Ctrl+G。一分钟。是的，在窗口上。好的，你必须在窗口上按住 Ctrl+G。这样做之后，它会将这两个元素组合在一起，并为整个组创建一个单一的节点。所以，现在整个卡片都可以点击了，你只需要一个矩形。现在我可以把这个节点拿过来。是的。然后这个节点，然后拖到产品详情页面。对。我们将看到现在有一个连接。现在当我回到预览模式时，我将转到“女装”页面。向下滚动。让我们等等。是的。当我们向下滚动时，如果我们点击任何地方。是的。这是原型。我将看到热点是整个卡片。所以，如果我，所以我可以继续点击它，它会带到产品。是的，产品页面。这是产品页面。所以，我接下来想做的是，嗯，给用户一个返回“女装”分类页面的方法。所以，实际上我想在这里包含一个链接。所以，嗯，是的，或者将那个链接连接回“女装”分类页面，或者做到这一点，我将回到网页设计文件，然后我将通过双击来选择这里的“女装”。是的，当我选择“女装”时，选择框或这个边界框实际上相当大，当我们转到原型时，我将向你展示这意味着什么。所以，如果我点击那个节点，并将它连接到“女装”分类页面。我将缩小。看。是的。所以，你可以看到，当我们回到原型时，选择框实际上与我们的热点相同。是的。实际上也相当大，在大多数情况下，原型在这种情况下都可以，因为它只有几页，嗯，我们只是来回链接，但如果你有一个更复杂的原型，你想包含一个链接，包含一个链接在“女装”上，然后另一个链接在“运动鞋”上，那真的行不通。要解决这个问题，嗯，并使这个热点稍微小一点，你需要做的是回到你的设计文件，然后我们只需要拖动点击拖动选择在“女装”上，你必须慢慢拖动，确保它只覆盖“女装”链接，现在当你回到我们的原型时，我们可以点击任何地方。你可以看到原型。嗯，等等，一分钟。是的。实际上，嗯，是的，在原型之后，我们点击任何地方，我们可以看到热点的大小正好是“女装”链接和下面的运动鞋的大小。对。嗯，最后一个连接，我想在这里做的是从产品页面创建一个连接。这个产品页面，这个页面，产品页面，这个页面，是在主页上。所以，要做到这一点，我将在这里的“我喜欢的鞋子”标志上创建一个连接，是的，标志，它会链接回主页。所以，我们将浏览这个设计文件。设计文件是这个。是的，我只需要选择“我喜欢的鞋子”标志，拖动，拖动节点，拖动它到主页。但我实际上要告诉你一个技巧，可以加快创建连接的过程，特别是当涉及到导航元素时。所以我可以做的是转到另一个页面，然后我可以选择这个元素，然后简单地将其粘贴到另一个页面。所以，我先复制这个，现在我们会注意到，当我粘贴它时，它实际上粘贴了连接，以及看到这个，它也保留了这个。所以，你有一个连接在“女装”分类页面，我们之前创建的，嗯，我们有一个，嗯，产品页面上的这个新连接，这很棒，特别是当你处理菜单时，因为，嗯，当你有一个菜单有 10 个不同的链接时，你想在每个页面上做，并创建更多连接，比如，嗯，在你的每个链接上，而不是，你可以只复制，你复制整个菜单，粘贴到新页面，这些连接就已经做好了。现在，我们将看看如何编辑你的原型。换句话说，编辑你已经做的一些连接。嗯，是的，在 Figma 中这样做非常直接。所有你需要做的就是点击，嗯，一个连接。所以，在第一种情况下，从“女装”到“女装”分类页面的连接，这个，分类页面，我将点击它，是的，现在你有一些选项，或者我们称之为这个特定连接的交互细节，右边会出现一个小的弹出窗口，称为交互细节，你可以做几件事，其中之一是，你可以手动更改你要导航到的屏幕。所以，对于那个，如果你是，例如，我可以选择产品页面而不是“女装”，对吧？我将简要提及一下，但 Figma 有一些很酷的功能。所以，首先是屏幕之间的动画。所以，当我点击这个链接，它带我到，嗯，嗯，它带我到“女装”分类页面。嗯，这是这两个屏幕之间发生的动画或过渡。所以，现在它被设置为，嗯，嗯，它被设置为实例。所以，嗯，是的，动画设置为实例。所以，你可以看到当我点击“女装”时，它会立即带我到“女装”分类。嗯，但我实际上可以将其更改为类似“溶解”的内容。嗯，我想，它所做的是，而不是闪烁到“女装”分类页面。实际上有一个很好的溶解过渡。嗯，让我们点击这个。是的，这个。嗯，这是屏幕之间的溶解过渡。这只是一个基本的动画风格。但 Pigma 有一些更高级的功能，它们实际上非常棒。所以，如果你选择智能动画，例如，让我们看看溶解。是的，突然它溶解了，对吧？那个效果。嗯，实际上，如果你选择智能动画，例如，让我们选择。好的。所以，我们将其设置为智能动画。让我们播放。如果我点击“女装”，那就是智能动画，例如。如果我点击“女装”，它将以智能动画的形式进行。并且，如果你看到一些元素开始移动，那不是很流畅，因为这些页面之间没有很多共同的元素。但如果我做类似的事情，它会带我到“女装”页面，复制它，然后我们将实际制作这个副本。哦，一分钟。如果我改变这个，改变这个到“男人”。让它小一点。然后再次重复，然后到这个页面，我将连接它，如果我将“男人”链接到这个新页面，现在我预览，嗯，让我把它连接到这个，然后，嗯，看，它已经设置为智能动画了。如果我预览这个，让我们预览这个。这里看起来是这样的，正如你所看到的，线条自动动画，看到，它是菜单链接，在这种情况下，它也变小了，我的意思是，智能动画可以做到这一点，这是一个非常基本的例子，当你处理不同的元素时，它会变得复杂得多，但它是一个非常快速的方法来创建屏幕之间的过渡，它尤其适用于应用程序，当你拉起表格或弹出窗口时。嗯，是的，Figma 在动画方面提供了一些很棒的功能，而且它非常强大。所以我绝对鼓励你在交互细节面板中尝试一些这些功能。嗯，接下来我想谈谈如何分享你的原型。所以，你可能想与客户或参与项目的团队成员分享你的原型。在 Figma 中这样做实际上非常直接。所以，你要做的第一件事是打开你的演示模式，如果它没有打开，那么你可以点击右边的这个，或者否则我们已经打开了原型，嗯，演示模式。所以，你可以注意到，当你打开这个标签页时，你已经打开了，那么你必须点击“共享原型”。现在，重要提示，请确保你没有点击实际设计文件的“共享”，因为在这种情况下，你需要共享设计文件而不是原型。所以，当你共享时，请确保你不是从演示模式共享的。所以，嗯，你将继续点击“共享”，然后重复点击“共享原型”，这给了我们一些选项，对吧？所以，第一个选项是邀请访问。嗯，你可以通过在这里或在这里输入电子邮件来做到这一点，然后他们会收到一个原型邀请，他们会打开它。这是一种方法。但我实际上更喜欢分享你的原型的方法是点击这个“复制链接”选项，然后复制到剪贴板的链接到这个原型，你可以通过消息或私人消息或电子邮件或 FP 或 Facebook 消息或任何你想要的方式分享。嗯，是的，但请注意，如果你使用这种复制链接的方法，我想确保它被设置为“链接的任何人都可以访问”，因为如果它被设置为“只有受邀者才能访问”，那么当某人收到该链接但未被邀请到该文件时，他们可能无法打开它。所以，如果你要分享你的链接，请确保将其设置为“链接的任何人都可以访问”。希望你喜欢这个教程，如果你有兴趣学习更多关于 UX 或成为一名 UX 设计师，请查看下面的 UX 设计链接，我们将涵盖 UX 设计的基础知识。假设你正在为学校活动创建一个海报，即使是这样，你也需要设计一个海报，通过选择各种素材来编辑图像，我们需要 Photoshop 来创建书籍、杂志和设计中的画笔。如果你需要不同的图片，那么有很多图库网站提供模板集合。与其导航到这么多平台来完成这些任务，不如向你介绍 Canva，一个一站式解决方案，它不仅结合了这些编辑工具，还提供了在线设计平台。所以，大家好，欢迎来到 Simply Learn 的 YouTube 频道。今天在这个 Canva 初学者教程视频中，我们将展示 Canva 的设计工具。但你知道 UI/UX 专家也使用 Canva 吗？所以，如果你想在 5 个月内学习 UI/UX 专家，并参加印度理工学院班加罗尔分校顶尖教授的大师班，请考虑我们的 UI/UX 设计高级认证课程。有关更多详细信息，请查看描述中的链接。如果你是技术爱好者，这里有一个脑筋急转弯给你。哪个国家使用 Canva 最多？是澳大利亚、日本、美国还是俄罗斯？让我们在下面告诉我们你的答案，并从 Simply 那里获得一个爱心。废话不多说，让我们开始今天的课程，快速了解一下我们将要学习的内容。我们将从介绍 Canva 是什么以及是什么让 Canva 如此受欢迎开始。然后我们将深入探讨它的一些功能。最后，我们将看看 Canva 的使用地点以及它的定价，我们还将创建一个学校海报。所以，让我们对 Canva 进行一个概述。Canva 是一个图形设计平台，它为用户提供工具和资源，以创建用于各种目的的视觉吸引人的设计。Canva 用户可以创建专业的图形、社交媒体帖子、演示文稿和营销材料等。Canva 是一个流行的图形设计工具，用户可以创建各种模板的视觉内容、可定制的设计、协作和成本效益。现在我们对 Canva 是什么以及是什么让 Canva 如此受欢迎有了很好的理解，让我们深入探讨它的一些功能。我们知道 Canva 是一个流行的在线图形设计工具，它的一些关键功能包括：用户友好的界面、免费和付费计划、社交媒体集成、定制选项、设计元素以及内置的综合图像库。总的来说，Canva 是一个多功能且用户友好的工具，非常适合快速轻松地创建专业外观的设计。接下来，深入了解 Canva 的使用地点。Canva 被企业、营销人员、教育工作者和博主以及需要为他们的品牌或个人项目创建高质量视觉内容的人使用。凭借其用户友好的界面和广泛的功能，Canva 已成为用于创建各种目的的视觉吸引人设计的流行工具。最后，Canva 的定价。Canva 提供免费和付费计划。以下是每个计划的详细信息。免费计划包括访问 Canva 的基本功能，包括数千个模板、照片和设计元素。用户还可以与他人协作并共享设计。Canva Pro 是一个付费订阅计划，仅供一个人使用。每年费用为 3,999 卢比。它的一些附加功能是高级协作和团队管理功能、创建和保存品牌套件以实现品牌一致性的能力以及直接从 Canva 安排社交媒体帖子的能力。第三个是 Canva Enterprise 和团队。嗯，这是一个为大型组织定制的定价计划，适用于 2 人以上。前五人每年费用为 6,590 卢比，需要额外的功能和支持。提供定制品牌选项、高级安全和合规性功能、定制模板和设计元素以及高级分析和报告。在今天的教程中，我将分享一个深入的 Canva 初学者教程，你将学到开始设计自己的图形所需的一切。无论你是想将其用于 YouTube、Instagram 还是其他社交媒体渠道，这都没关系，因为 Canva 提供了各种各样的工具，而且它是免费使用的。观看此视频后，你将知道实际设计它的容易程度。所以，让我们开始吧。所以，我将为你带来一个全面的 Canva 教程。如果你还没有听说过 Canva，它是一个免费的设计工具，非常出色。它有大量的照片、元素和其他图形供你使用。所以，换句话说，在内容营销领域是一个完整的救星。它非常适合你想要设计的任何图形。无论是社交媒体、你的网站和博客，无论是任何演示卡、请柬卡，任何类似的东西，Canva 都会为你搞定。所以，废话不多说，让我们开始吧。好的。所以，我们将从创建一个 Canva 账户开始。而且它一开始是完全免费的。嗯，所以你可以用 Google、Facebook 或传统方式用电子邮件地址注册。显然，我已经有一个账户了，所以我不需要这样做。所以，只需注册，它非常简单，然后我们将开始设计。好了。首先，在左上角是主导航面板，你还有主页的返回，当然，然后你还有模板，然后显然是按不同类型分类的。你有社交媒体模板、背景、生日、营销、教育工作者。所以，有各种不同的模板供你浏览，当你需要什么时，你可以浏览一下，看看 Canva 中已经提供了什么。你有功能。让我们也看看功能部分，带有照片图标，因为 Canva 现在也提供打印服务。有不同的应用程序，你可以连接到 Canva，还有一些用例，带有不同的图形、图表、视频、团队，你可以邀请你的团队，有不同的模板。所以，还有一个学习部分，这非常重要，特别是当你是一个初学者时。所以，在你观看完整个视频后，设置你的账户，对 Canva 有一个感觉，我强烈建议你实际上去学习标签页，观看一些视频，比如如何创建顶级设计、Logo 制作器、传单制作器，然后，正如他们在这里说的，你可以看到如何学习如何连接和发展你的社区。所以，他们给了你相当多的不同功能和技巧。所以，学习部分非常非常重要，我将在本视频的最后提到一个资源，供你更深入地学习，这个视频将涵盖，但请继续关注，我将在最后解释。所以，这是 Canva 主页的样子。有几个不同的区域可以帮助你导航。所以，我将解释其中每一个，这样你就可以，或者你知道在哪里可以找到某些功能。所以，让我们从右上角面板开始。你有了你的账户。所以，这就是你所在的地方，你可以找到你的账户设置的更改。你也可以设置你的个人资料照片，并推荐你的朋友，诸如此类的事情。然后有一个创建设计按钮，我稍后会解释。你在这里有设置，账户设置以及帮助中心。所以，让我们回到，嗯，一分钟。是的。所以，最重要的一部分是搜索栏。一旦你注册了免费的 Canva 账户，基本的免费 Canva 和 Canva Pro 之间就存在一些区别，我将在本视频的最后解释。所以，请务必看到最后。嗯，但此时我将只使用免费的 Canva，因为这是大多数人会使用和需要的。所以，嗯，我将坚持使用它，然后在最后我将解释它，或者详细说明。所以，我们要开始的是中间。这里有一个搜索栏，我必须说，这是查找任何我需要的模板的最快方法，具有特定尺寸的设计。所以，例如，如果我想快速创建一个学校海报，嗯，为此我将转到创建设计，然后我们会拿一个白板，或者我们可以选择，好的。我将选择白板肖像。好的。之后，我们将先给背景上色来装饰它。首先，我们将为此拿一个框架。嗯，让我们搜索更多关于它的信息。让我们不要选择一个更具设计感的，比如，让我们选择一个简单的，或者我们可以选择另一个。在此之后，我们已经拿到了边框，就像它不是那么有设计感，但简单，所以不是那么有设计感，但简单。让我们放一张照片。让我们找一些关于学校的照片。说，董事会。所以，正如我们所知，这是一个学校的海报。所以，让我们说，让我们写，嗯，一个标题是数学测验。让我们更改这个字体。现在让我们添加一些元素，一些我已经安装的图片。我认为要装饰这个学校的海报。让我们拿这个奖牌。你可以从谷歌下载这些图片，你也可以，嗯，实际上将其粘贴在这里。你可以下载关于你将要创建的主题的图片。所以，这些是我存储的一些，比如这个。你可以添加所有你下载的图片。你可以根据你的需要添加元素。所以，所以，它看起来是这样的。这是数学奥林匹克竞赛的学校海报的最终设计。如果你愿意，你可以添加一些，你可以添加更多图片。你可以编辑，嗯，背景颜色。你可以，嗯，选择任何适合你的海报和需求的框架。我添加了奖牌，因为它是一个奥林匹克竞赛，还有一个包作为学校的设计，还有一些带有眼镜和铅笔的书，这是一个数学奥林匹克竞赛。所以，我添加了，只是为了让它看起来有吸引力，我添加了这个数学动画，以及海报。这里有一个地球仪，还有一个铅笔，只是为了让它更漂亮，因为它是一个学校海报。所以，这是学校数学奥林匹克竞赛的最终海报。接下来，我们将创建一个广告，假设是 Instagram。所以，再次转到创建设计，然后让我们选择这个。它已经打开了。所以，仍然是 Instagram 海报，方形或肖像。让我们看看它是什么样的。这个的尺寸是多少？好的，这个很完美。让我们更改背景颜色。让我们选择这个，然后转到文件并显示边距。等等。好的。之后，选择一些元素来让设计看起来，你知道，所以创建，重复。所以，现在选择一些元素来让你的设计看起来更具吸引力和美丽。所以，我们将添加一些元素。一些，让我们说，圆圈，我们在中间完成，更改颜色，让我们，好的，我更改了背景颜色。让我们在这里添加一个元素。颜色稍微深一点。让我们假设这个，复制这个，用这个做一个设计。让我们把它放在这里。可以根据你的需要添加或调整任何元素。所以，这里有一条线。现在，你可以上传并选择任何图片。所以，正如我之前下载了一张男人打球的图片，把它放在这里。把它放在这里。好的。调整图片，然后只是让它看起来，图片，然后只是添加了图片的饱和度为零。是的。之后，在你的设计中添加文本。让我们假设，并且始终记住，你必须在所有设计中选择一种字体。所以，你可以根据你的需要调整字母大小。然后让我们选择一个。为所有，好的，选择一种字体。让我们在这里添加另一个文本。只是调整大小。调整大小。然后让我们也更改这个字体。好的。好的，让我们让它看起来更漂亮。让我们添加一个文本，比如事实。并且始终保持相同的字体。让我们更改这个颜色。让它稍微深一点。好的。现在让我们添加另一页。首先复制这个。你可以在这里粘贴。你实际上可以写任何东西。但为了设计，让我们看看它是什么样的，你知道，然后再次，实际上我们将把它放在下面。复制并粘贴到下面，因为这是事实一。所以，很好。你可以添加，设计到轮播效果。让我们再次选择一个元素，或者你可以从这里复制。让我们做一个不同的颜色。我们在这里写了关于 JP 的内容。我们将在那里再次写一些关于 JP 的内容。调整它。让我们再次选择大字体。第一页。所以，我们将这个称为，只是调整文本的大小和对齐方式。同样，你可以添加另一页，使用相同的设计，不同的文本。我可以，然后你又可以添加任何其他文本，只是为了创建，只是想向你展示它是如何工作的。我只是在制作这个。更改颜色。你也可以添加任意数量的颜色。也更改这个颜色。是的。所以，它看起来是这样的。所以，这是最终的输出。它看起来是这样的。所以，接下来我们将创建一个网页。所以，让我们，嗯，为 FIFA 游戏或足球创建一个网页设计。让我们来创建它。让我们拿一个白板。让我们拿一边，对。首先，我们将，嗯，选择一个背景颜色。让我们给它一个主题。所以，我已经安装或下载了一个足球主题。让我们编辑它，让它稍微。让我们看看是否有更多。是的。我想要一个背景，嗯，稍微浅一点。所以，好的，这个还可以，有点。很好。所以，我们将先添加元素。我们将上传一个踢足球的人的图片。一分钟，或者我们这样做。然后我们将创建一个边界。让我们给一个背景颜色，就像我们有的一样。在此之后，我们将添加一些线条。假设主页，将其对齐在这里。在此之前，我们将添加一个矩形。就像一个边距。更改这个颜色将是关于部分。这将是设置，让我们添加另一个选项，登录，还有一个联系人。页面。这将是联系人。在此之后，我们将，嗯，写一个文本，嗯，作为标题测试游戏。让我们更改字体。让我们说，总是记住，只是保持相同的字体。更改颜色。我们也将更改颜色。让我们添加一个元素，比如球。抱歉，为了突出它。添加一些元素。所以，这是基本的，嗯，网页设计。让我们尝试更改这个颜色。不。好的。这个还可以。所以，这是基本的，嗯，想法来创建一个网页设计。一个简单的设计，一个足球或游戏的，嗯，基本设计。>> 色彩理论导论。色彩理论是有效 UI 设计的基石，它影响用户如何感知和与数字界面交互。它包括对颜色关系、和谐、对比和心理效应的研究。其核心是色轮，它是原色、二次色和三次色及其关系的视觉表示。理解色轮对于创建与用户产生共鸣的和谐配色方案至关重要。色彩和谐是指界面中颜色的令人愉悦的组合，通过互补色、邻近色和三色等各种方案实现。这些方案在建立视觉连贯性和传达界面的预期信息或情绪方面起着至关重要的作用。对比度是色彩理论的另一个关键方面，它影响可读性和可访问性。元素之间的高对比度增强了清晰度，而低对比度则提供了微妙和精致感。此外，颜色具有心理效应，会唤起用户的情绪和联想。例如，红色可能传达能量或紧迫感，而蓝色可能唤起平静或信任。通过利用颜色的心理影响，设计师可以创建在情感上与用户产生共鸣的界面。总之，掌握色彩理论使 UI 设计师能够创建视觉吸引人且用户友好的界面，这些界面能够有效地与用户沟通并吸引他们。它作为一种强大的工具，用于创造留下持久印象并提高用户满意度的体验。理解色轮。色轮是色彩理论中的一个基本工具，它提供了颜色之间关系的视觉表示。它由三种原色组成：红色、蓝色和黄色，它们不能通过混合其他颜色来创建。二次色，如橙色、绿色和紫色，是通过混合等量的两种原色形成的。三次色是原色和二次色的进一步组合。色轮上的颜色排列是圆形的，说明了它们的关系，并帮助设计师创建和谐的配色方案。一种常见的方案是互补色，它们在色轮上相对放置，一起使用时会产生强烈的视觉对比。邻近色位于色轮上彼此相邻，通常会产生和谐且连贯的设计。三色在色轮上均匀分布，并提供平衡而充满活力的调色板。理解色轮使设计师能够就颜色组合做出明智的选择，确保设计中的视觉平衡和影响力。通过利用颜色之间的关系，设计师可以创建视觉吸引人并有效与用户沟通的界面。无论是为网站、移动应用程序还是其他数字平台进行设计，色轮都是实现卓越设计的宝贵工具。UI 设计中的色彩和谐。色彩和谐在 UI 设计中至关重要，因为它确保界面中使用的颜色组合在视觉上令人愉悦且连贯。设计师可以采用几种和谐方案来实现这一目标。一、互补色和谐。互补色位于色轮的相对位置，产生强烈的视觉对比。例如，一个使用蓝色和橙色强调的 UI。这些颜色一起使用时会相互增强，创造出充满活力和动态的外观。二、邻近色和谐。邻近色位于色轮上彼此相邻，并具有相似的色调。例如，一个 UI，其中包含绿色、黄色、绿色和黄色的色调。这些颜色创造出和谐且连贯的外观，使界面感觉统一。三、三色和谐。三色在色轮上均匀分布，形成一个三角形。例如，一个 UI 结合了红色、黄色和蓝色元素。这种和谐方案提供了平衡而充满活力的调色板，创造了视觉趣味，而不会让用户不知所措。四、分裂互补色和谐。与互补色和谐类似，但它不使用完全相反的颜色，而是使用互补色旁边的两种相邻颜色。例如，一个使用红色和黄绿色、蓝绿色的 UI。这种方案在保持互补色对比的同时，提供了更微妙和平衡的外观。五、四色和谐涉及使用两对互补色，在色轮上形成矩形。例如，一个结合了红色和绿色以及蓝色和橙色强调的 UI。这种和谐方案提供了广泛的颜色选择，同时保持了平衡和对比。通过有效地应用这些和谐方案，UI 设计师可以创建视觉吸引人、引人入胜且易于导航的界面。每种方案都有其独特的优势，使设计师能够根据界面的特定需求和目标来定制调色板。颜色对比的重要性。颜色对比在 UI 设计中起着至关重要的作用，它会影响可读性、可访问性和整体用户体验。对比度是指设计中元素之间亮度、色调或饱和度的差异。高对比度通过使文本和其他 UI 元素在其背景上鲜明突出，从而提高可读性。它还通过确保前景和背景元素之间有足够的区分来提高视觉障碍用户的可访问性。例如，在白色背景上使用黑色文本可提供高对比度和最佳可读性，适合大多数用户。相反，低对比度可能会阻碍可读性和可访问性，因为文本和其他元素可能会与背景融合。这会使眼睛疲劳，并使用户，特别是视障用户难以感知和与界面交互。例如，在白色背景上的浅灰色文本或在黑色背景上的深蓝色文本可能会导致对比度低，使用户难以阅读。以下是高对比度和低对比度设计的示例。高对比度。黑色文本在白色背景上。白色文本在黑色背景上。鲜艳的彩色元素与中性背景形成对比。低对比度。白色背景上的浅灰色文本。黑色背景上的深蓝色文本。浅绿色背景上的淡黄色文本。通过在 UI 设计中优先考虑高对比度，设计师可以提高可读性和可访问性，确保用户能够轻松感知和与内容互动。此外，保持适当的对比度水平可以增强界面的视觉层次结构，引导用户注意力到关键元素并促进顺畅导航。颜色的心理效应。颜色对个人具有心理效应，影响情绪、感知和行为。理解这些效应在 UI 设计中至关重要，因为颜色可以唤起特定的感觉和联想，从而塑造整体用户体验。以下是一些常见的颜色心理效应。一、红色，与能量、激情和紧迫感相关。通常用于唤起兴奋或吸引对重要元素的注意力。也可能表示危险或警告。二、蓝色象征着平静、信任和稳定。常用于营造安全感和专业感。可以唤起宁静和放松的感觉。三、黄色代表乐观、快乐和温暖。常用于传达积极和愉悦。可以刺激思维活动并增强创造力。四、绿色象征着自然、成长和和谐。与健康、新鲜和环保意识相关。常用于促进放松和平衡。五、紫色象征着奢华、创造力和灵性。唤起一种精致和神秘感。可以传达皇室和奢华。六、橙色代表热情、温暖和活力。常用于营造兴奋和活力的感觉。可以刺激食欲并吸引注意力。七、黑色象征着优雅、力量和正式。常用于传达精致和权威。也可能唤起神秘或严肃的感觉。八、白色代表纯洁、简约和清洁。营造一种空间感和开放感。常作为背景色以增强清晰度和对比度。人工智能艺术和聊天机器人滴滴可以用来创建独特且富有创意的网页设计，结合人工智能和人工输入的强大功能。通过人工智能艺术，你可以生成视觉上令人惊叹的图形、图案和图像，而聊天机器人可以用来生成文本内容，并为网站布局和设计元素提供建议。所以，大家好，你已经在观看 Simply Learn，今天我们为你带来这个关于 UI 和 UX 的聊天机器人信息视频。在我们开始之前，如果你喜欢观看这些视频，那么请点击订阅按钮和铃铛图标，以便在每次上传新视频时收到通知。废话不多说，要开始，你可以尝试不同的 AI 艺术工具来生成图形，并使用聊天机器人来编写网站文案，创建内容策略，并为设计元素提供反馈。重要的是要记住，虽然 AI 可以帮助生成想法并创建令人惊叹的视觉效果。我将向你展示如何自己生成这些。网站将在未来使用艺术以及像 GPD 这样的工具来构建。所以，在这个视频中，我将解释整个过程，我们将让它为我们编写整个网站布局，所有内容，英雄部分和功能部分以及更多内容。这意味着我们可以从头开始构建整个网站，而无需编写一行代码，这将非常酷。好了，我们将从 Midjourney 开始。在谷歌搜索中，我们将输入 Midjourney。这是一个 AI 工具，可以让你创建现在在网上随处可见的 AI 艺术。要访问它，只需转到 midjourney.com 并加入测试版。开始很容易，因为你真正需要做的就是加入 Discord。当你这样做时，它会打开 Discord 社区，你可以接受条款和条件，并开始创建你自己的 AI 艺术。现在让我们这样做。这里是 Midjourney 服务器，我将进入其中一个新手房间，以及每个人都在创作不同类型的艺术。我们需要做的第一件事是，嗯，输入一个正斜杠，然后输入一个想象，给我们一个提示，我们可以，嗯，请求 AI 任何类型的艺术，我在这里输入，嗯，一个漂亮的鞋子网站，然后我将传递 dash v4，这意味着，嗯，Midjourney AI 工具的第 4 版，最后我将传递它，风格化，我将做 dash stylize，它基本上是我们想要的随机程度，它在 0 到 2000 之间，我将将其设置为大约 500，这是平均值。所以，我将输入回车。这需要一点时间。这将在后台开始工作。它将生成一个低保真版本的网站和这个艺术的设计，这个低保真版本将逐步更新为更高的分辨率。然后可以从中选择这四个示例，然后我们可以放大它们，以及，嗯，让我们看看我们得到什么样的结果。现在需要注意的一点是，我们确实得到了一个加载百分比条，这就是 AI 生成图像所需的时间。通常需要 1 到 2 分钟，但它最终会在完成后刷新并通知你。所以，这里完成了，这是我们得到的四个版本，它们不算太差。嗯，也不算太好，它们有点，嗯，是的，我认为它看起来有点滑稽。所以，这是我们可以开始更有创意地使用提示的方法。所以，我的意思是，嗯，通过提供更多关于我们想要做什么的上下文。所以，这里有一个我们创建的提示。我将再次将其输入到想象中，然后我将粘贴这个提示，我将提供更多上下文。我将传递 UI 鞋子 UI UX UI UX 网站这个词。这基本上意味着它更侧重于拥有良好的 UI 和良好的 UX，并且更像一个网站，而不是一个创意鞋子或设计。如果你想要更好的输出，提供这些上下文线索给 AI 很重要。你可以提供的不同类型的上下文线索是找到你想要的风格，比如，嗯，你希望设计看起来和感觉如何，无论你是否希望它代表某个品牌，或者更多，比如这些只是简单的例子，但让我们看看我们仅通过对设计进行这些小的更改就能得到什么样的结果，你已经可以看到，嗯，哦，等等，看，它更有趣了。我们有一些滑块，看起来更像耐克鞋，还有一个，嗯，看起来像顶部的菜单，我真的很喜欢我们在这里底部的设计，这里就是，因为它看起来非常像一个网站，我们有一个英雄部分或英雄设置部分，还有什么。所以，从这里我们可以选择版本一。所以，从这里，嗯，我们可以选择，嗯，版本 1、2、3、4 来放大，我将放大版本三，也就是 U3，这将给我们提供这个特定设计的高分辨率版本，我们可以，嗯，我们可以开始推向市场，甚至可以使用它来构建。这同样需要一点时间。它将处理这个，然后，嗯，你可以放大。让我们在后台运行它，这样你就可以看到，嗯，等等。这同样需要一点时间来处理。它将处理这个，然后进行放大或在测试版中放大。让我们在后台运行它，这样你们就可以看到它的样子了。所以，这是最终结果。看起来很不错。我们这里有一个漂亮的鞋子设计。我们有一个英雄部分。我们还有两个行动号召。我们底部和顶部都有一些选项，以及顶部的颜色，这些颜色基本上看起来像是鞋子的颜色被用作网站设计的一部分。所以，不太像商店。嗯，让我们选择，嗯，另一个。让我们看看，是的。嗯，但我认为我们可以做得更多，嗯，在定制这个网站的设计方面，我将向你展示如何做到这一点。我将复制这个提示一次，这次我将传递一些额外的东西。所以，让我最大化一下，我们将输入，嗯，正如我在这里粘贴了那个 URL。所以，我将传递，嗯，上下文线索，比如，嗯，耐克的线索，因为耐克显然制作了鞋子网站。所以，也，嗯，所以，我将在这里写耐克。重复。而且我希望它是红色、蓝色、绿色，或者，嗯，也许是黄色。而且我认为，嗯，我们想要，嗯，嗯，跑步的人会很有趣。抱歉。人。嗯，看到它如何被设计出来会很有趣。嗯，我认为这就足够了。让我们实际改进一下这里的风格。嗯，一分钟。让我们改变风格。让我们，让我们设置为 750，这样它就可以

再有创意一点。以下是结果。我没有一个正在运行的人，但我有一个网站，它绝对已经开始使用我推荐的颜色，嗯，使用 Journey 的 AI 艺术系统。所以这些网站设计看起来比我们以前的更有创意。尽管如此，我们仍然有这个滑块设计。这些网站设计看起来比我们以前的更有创意。我们仍然在这个底部区域有一个滑块设计，在那里我们可以挑选不同的鞋子。但即使是这些鞋子看起来也他妈的酷。我可以看到上面的耐克标志。而且这些实际上是我可能会买的，如果我在耐克店里看到的话。但总的来说，嗯，这些也是网站，因为我们在右边顶部有菜单。嗯，我们有文字。所以总的来说，嗯，这些是相当有趣的设计。现在我这里有另一个选项叫做版本 1 2 3 4。这个实际上允许你根据这些图像或这些设计中的实际图像选择更多的生成。现在从这些设计中，我实际上喜欢 123 和 4。我认为它是最多的，我认为是 4，因为它有青色和红色，或者它是有点黄色或蓝色。所以我要选择版本嗯 4，它将为我们创建四个更多版本，基于特定的版本。让我们看看我们得到了什么。在这里，我们得到了我们的结果，我们有更多的例子，所有这些看起来都非常相似。我认为这里唯一的区别是嗯蓝线，一条红线。它似乎也在变化和改变，以及一个英雄部分，嗯，你通常会在右上方有一个菜单，还有这些鞋子在这里有点颠倒，但总的来说，这是你可以期待的变体类型。现在让我们来看看另一种生成我们网站生成的方式。现在你可以做的就是跳到任何网站并选择任何图像。所以首先我们将进入一个应用程序和网站，你可以嗯选择任何你喜欢的图像，我实际上已经去了这里，我将拉入这张鞋子的图像，但我喜欢设计美学。嗯，我们将在这里，然后我们可以从这里复制 URL。但这次我要做的是输入想象想象，然后我将粘贴嗯 URL，我们已经复制了，我们将在这里再次粘贴，我将写我们之前做过，我们将复制这个粘贴到这里。所以这里会发生什么？它将嗯，它将查看这张图像，我们已经定义了嗯，就 URL 而言。它将以此为参考点。然后它将嗯，看看我们输入的提示，也就是鞋子提示，使用颜色，它将尝试设计一个具有与该图像相似美学的网站，这真的很酷。让我们看看我们得到的结果。看起来嗯，已经准备好了。嗯，让我们来看看这个。所以在这里你可以看到设计是静态的。嗯，等等，静态。嗯，这与这张图中的页面相似。所以这是一个更活泼多彩的图像，现在被非常多地代表了。所以在这个设计美学中，我们底部有这四个元素，如果你看看原来的设计，嗯，我们底部有四个元素。所以你可以看到它正在拉入这些设计美学来创建一个基于它的设计。而这正是你可以真正开始利用空气艺术重复利用空气工具来为你自己谋利，尝试结合不同的风格，定制它们，并从中创造新的、独立的和独特的东西。所以在这些四种中，我真的很喜欢嗯嗯，第四个版本或第二个版本是嗯，相当不错的。所以嗯，我正在考虑做一次升级。所以我们将升级嗯 V2，我们将等待嗯 1 分钟是嗯使用 chat GPT 为我写出大部分内容，然后我就可以把它带给客户立即开始分享。所以让我们看看升级版本。如果我们嗯仔细看看，我们会看到它拥有网站的所有主要元素，包括一个标志区域，嗯，一个菜单区域，一个漂亮的英雄嗯图像，以及一个标题标语按钮，以及特色部分。嗯，所以我要做的是将这张图片保存到我的电脑。我将保存它，然后稍微自定义一下。但在我们这样做之前，嗯，我们将前往 GPD。在这里我们将使用一些 AI 工具为网站准备大纲。所以在这里我将要求 RGBD 为我提供鞋子网站的广泛产品大纲，包括英雄标题标语号召性用语按钮以及鞋子特色和细节部分。所以让我们看看 charge 会回来什么。嗯，它很快。嗯，它有一个标题，号召性用语按钮，特色和细节部分，它并没有真正告诉我这些是什么。这些是我们可能需要更具体地说明我们想要它做什么的地方。它给了我嗯，它给了我网站的广泛大纲和它需要的东西。所以请我会写请提供，然后为我提供的每一个我可以直接复制粘贴到网站上。嗯，英雄标题在这里。标语号召性用语按钮。特色。好的。和细节。好的。细节规格在那里。好的。评论和评分。好的。所以我想我得到了足够的信息来简单地复制粘贴到网站上。所以让我们开始设计这个。我在 Photoshop 中打开了这个设计，我将把它裁剪到这里的主要元素。我真的很想捕捉这张图片。我将裁剪它。我将清除其余的。我们可以一点一点地设计这个设计的每个方面或每个部分。我将在这里保存它。是时候构建我们的网站了。所以我要去 editor X，我将在这里构建这个嗯网站，我已经登录了，然后我将创建一个新站点，在这里我将被带到一个网页嗯仪表板，我将通过复制粘贴所有元素从 chat GPD 和 mid journey 开始，首先是第一个，我想回到 chat GPD 这里复制我们的英雄文本。所以我会先把它拿走，然后我将添加标题，然后我将把它粘贴到这里。然后我也会抓取标语。但在我之前，我会把它放在这里。但在那之前，我将首先在这里放一张图片。我将更改图片。因为我已经嗯下载了图片。让我们上传那张图片。我们将打开它。让我们等待它上传。是的，它已经上传了。现在我们将更新它。让我们把它做得很大。好的。所以，我们将我们将改变大小。但首先，我将删除这个。我将改变这个的大小。我将把它做得小一点。接下来，我将添加嗯公司图标，我们将要为其制作网站的鞋子。我将添加这个，然后我将更新它。做得小一点。然后然后这将是任务栏。但将大小做得小一点，我们将插入另一张图片，它将是我们将要放在这里的公司的标志。我们将最小化它。我们可以调整它的大小。可以把标志放在这里。接下来嗯，然后我也将抓取这里的标语。所以我会快速地我会选择这段文字。我将把文字添加到这里。好的，我将把它做得小一点。我们将粘贴。所以，最后，让我们嗯抓取一个号召性用语，上面写着购物并为此创建一个按钮。所以，所以这里是我们所有工作的成果，至少是我们至少需要的东西。所以对于内容，让我们先调整这个大小。现在我们将添加嗯，我们需要添加图片本身。所以，而不是仅仅浏览库存图片或其他东西，我们实际上已经完成了我们的图片，要么是在我们之前完成的 Photoshop 中，要么是从 mid journey，所以我要拖动图片，然后我将更改图片，它应该在这里。我已经下载了。不，我必须上传它。我有一些鞋子的收藏。嗯，让我们看看。我将安装它，当我上传这张图片时。需要一点时间。让我们等一会儿。一旦上传，我们将我们将更新它。就这样吧。或者我们可以所以嗯，我们改变了我们的内容位置，使其固定在一个地方。所以这里我们也可以很好地改变这个。好的。所以基本上这里有这段文字，稍微多一点。我们已经看到了如何从这个滚动条调整它。所以现在让我们在这里添加另一张图片，让它看起来更好。让我们从这里拿一张图片。更改图片。从电脑上传。哦，我们将再次上传。抱歉。然后我们将更新调整它的大小。让我们打开它。让我们嗯，为屏幕顶部顶部做一个任务栏。我们将有一个主页。所以我们将在这里写一段文字，它将是做得小一点。更新大小。我们将添加另一段文字。它将显示关于我们。它将显示关于我们部分。所以我们将在这里写。让我们做同样的大小。让我们做得更小一点。让我们做得更小一点。好的。嗯，下一个下一个会议将是服务。最后一个是上下文部分。还有一个选项。嗯，那就是一个开始按钮，就像我们在这里放了一个开始按钮。所以我们将我们把这个放在这里。所以就让它在这里吧。是的。好的。所以，接下来嗯，我将要做的是，我将选择添加嗯，部分，我将只是有一个空白部分。嗯，在这里我将首先添加一张图片作为背景。让我们这样做。我将添加一张图片。让我们看看。我下载了不是我下载的。等等。嗯，让它上传。我将更新它。这将是整个页面。所以，让我们现在添加另一张鞋子的图片。我将重新打开这个输出。好的，我将更新它以添加它。把图片放在这里。就像我们之后会在这里上传三张图片一样。让我们把它放在这里。让我们把它放在这里。我们将在那里添加另一个标题。我需要把它变成一个我们将改变它的字体。让我们做这个。之后，我们将开始编辑鞋子的特色。让我们去 chat chi。拿走这段文字。做得小一点。把它弄黑。我们将在这里添加另一段文字。同样，我们也将为这个做。最后我们将添加一个联系我们。加上我们将再次添加一个联系我们部分。所以这是 chat GPD 的最终输出，或者我们如何使用 chat GPD 和 AI 艺术为我们的 UI/UX 设计来创建网站、网页或登陆页面。嗯，关于鞋子。>> 想象一下。你一手拿着杂货袋，一手拿着手机，正试图开门。一个家庭场景，对吧？嗯，以人为本的设计就是为了让这些时刻的生活更轻松。想想超市里那些在你走近时神奇地滑开的自动门，让你腾出手来处理购物。这就是以人为本的设计的力量。以人为本的设计就像制作完美适合人们的东西。你通过访谈和观察等方式找出他们喜欢什么和需要什么。然后你利用这些信息来制作出对他们来说易于使用且令人愉快的的东西。这一切都是为了把用户放在首位，并确保你创造的东西对他们来说效果很好。所以在这个 Simply Learn 的视频中，我们将讨论以人为本的设计过程。我们将为你提供 CD 所有方面的完整画面。从它的演变到它的原则、阶段和现实生活中的应用。我们已经为你准备好了。渴望职业升级？订阅、点赞并在此处评论。点击描述中的链接，快速实现你的雄心壮志。无论你是想转行还是想更上一层楼，SimplyLearn 都能满足你的需求。但在此之前，如果你对 UIUX 职业感兴趣，请加入我们的沉浸式 UIUX 认证课程，并在短短 5 个月内成为专家。该课程提供由班加罗尔三一学院的知名教授领导的在线直播课程。通过顶石项目获得实践经验，在 dribble 上制作你的作品集，并获得顶级设计师工具的个性化指导。立即报名，开启 UIUX 设计领域的无限可能。所以，让我们开始吧。以人为本的设计过程。以人为本的设计专注于创造与人们的需求和行为相符的解决方案，使他们的生活更简单、更愉快。让我们先看看以人为本设计的历史。以人为本的设计自 20 世纪 60 年代初以来取得了长足的进步，当时它只是关于使军事装备更安全、更易于使用。这种对理解人们如何与环境互动的关注很快就传播到消费品。在 20 世纪 80 年代，像 Donal Norman 这样的先驱强调了直观且用户友好的设计需求，这催生了以用户为中心的设计。如今，HCD 原则在技术、医疗保健、消费品、公共服务和教育等各个领域都至关重要。Google 和 Apple 等公司在其产品中优先考虑用户体验，医疗保健和城市规划等领域则利用 CD 来创造更易于访问和包容的服务。这种演变突显了 ATC 在创造不仅有效且令人愉悦，而且可持续的解决方案方面的重要性，因为它将用户的需求和体验放在首位。那么，在实施以人为本的方法时，需要牢记哪些关键原则？优先考虑人。始终关注将使用你产品的人，并考虑他们独特的需求和情况。请记住，你的目标是创造能够帮助他们更有效地实现目标的东西。确定核心问题。重要的是要找出根本问题，而不仅仅是解决其症状。通过解决根本原因，你可以防止重复出现的问题并创造更有影响力的解决方案。考虑整个系统。即使在处理特定方面时，也要牢记更广泛的用户旅程。通过理解每个部分如何融入更大的图景，你可以创造更具凝聚力和无缝的体验。从小处着手，经常迭代。不要直接跳入复杂的解决方案，而是从简单的干预措施开始，并通过迭代测试和原型不断改进它们。这种方法允许逐步改进，并确保你的解决方案真正满足用户的需求。现在，CD 过程有六个阶段，如下所示。共情。这个阶段是关于理解你正在为之设计的人。它涉及收集他们生活、需求和挑战的见解。你可以采访潜在用户以了解他们的经验和需求。在环境中观察用户，看看他们如何与现有解决方案互动，并发现未表达的需求。从更大的用户群收集定量数据，以识别模式和常见问题。定义。在这个阶段，将综合第一阶段收集到的见解，以定义核心问题和挑战。创建典型用户的详细资料，以代表不同的用户类型。绘制用户旅程图，以识别痛点和改进机会。开发一个清晰的问题陈述，概括要解决的用户需求和挑战。接下来，构思。这个阶段涉及生成各种想法和潜在解决方案。进行会议以产生大量想法。绘制简单的草图以快速可视化想法。使用思维导图探索问题的不同方面和潜在解决方案。创建故事板以说明解决方案在现实生活场景中的使用方式。接下来，我们有原型。开发想法的表示形式，以探索其可行性。创建低保真原型，这些是产品的简单且廉价的版本，例如纸质草图、线框图等。你还可以创建高保真原型，这些是更详细、更具功能性的原型，与最终产品非常相似。构建模型，例如视觉模型，以测试外观和感觉。使用工具构建数字产品的交互式版本。测试。与真实用户一起评估原型，以收集反馈和见解。观察用户与原型的互动，以识别可用性问题。比较原型的不同版本，看看哪个表现更好，并通过访谈、调查和观察收集反馈。根据反馈精炼原型并再次测试。最后，我们有实施。将最终解决方案变为现实，并确保它满足用户需求。将最终原型转化为成品或服务，并将产品或服务部署到市场。然后监控用户反馈和性能指标，以确保解决方案继续满足用户需求，并根据用户反馈和不断变化的需求进行持续改进。因此，以人为本的设计方法可以通过关注用户的真实需求和行为来极大地改善我们的 UIUX。通过研究和反馈了解用户想要什么以及他们如何与产品互动，设计师可以创建更直观、更令人愉快的界面。根据用户输入进行的定期测试和精炼也确保了产品能够持续有效地满足他们的需求。所以我们希望现在你已经清楚了以人为本的设计方法是什么以及实现它的方式和过程。现在让我们看看一些品牌如何应用 HCD 过程来增强其 UIUX 的现实生活中的例子。首先，让我们看看 IDEU 的一个例子，它是一家全球设计和创新公司。所以 IDEU 被一家医疗设备公司委托为护士在特定手术过程中设计一个数据输入工具。所以客户设想了一个类似 iPad 的时尚未来派小工具，需要用双手操作。然而，当 IDEO 团队观察医疗程序时，他们注意到一个关键细节。患者在接受手术时感到焦虑和害怕，而护士经常握住他们的手来安慰他们，这是客户所忽略的一项重要的人类互动。意识到双手设备无法正常工作，IDU 集思广益并开发了一个单手设备，带有一个拇指滚轮，看起来像这样，允许护士在握住患者的手的同时输入数据。虽然它不像客户最初的想法那么酷，但它更实用、更富有同情心。所以，IDO 的方法侧重于理解最终用户的需求，并利用这些见解来指导他们的设计，从而创造了一个出乎意料但最终为所有参与者创造了更人性化、更有效的体验的解决方案。所以，现在让我们谈谈 HCD 在数字产品中的作用。所以，以人为本的设计通过将用户的真实需求和行为置于设计过程的前沿，对软件和数字产品的 UIUX 产生了深远的影响。通过全面的用户研究和富有同情心的理解，设计师可以获得对用户偏好、挑战和动机的宝贵见解。这种深刻的理解使得创建直观、用户友好且情感共鸣的界面成为可能。现在，让我们通过一个例子来看看 HCD 如何影响数字产品的 UIUX。Uber 使用以人为本的设计来确保应用程序满足用户需求。他们首先研究人们不喜欢传统出租车的方面，例如长时间等待和不明确的定价。Uber 应用程序具有简单易用的界面和清晰的视觉效果。它允许一键快速预订，并实时显示司机的所在地。用户可以保存地点并写下偏好以获得个性化体验。此外，该应用程序可以通过语音命令和可调节的文本大小进行访问。它提供公平的估算和实时跟踪以确保透明度。所以，信任是通过司机评分和安全功能（如紧急按钮）建立的。Uber 根据用户反馈不断改进应用程序，并在广泛发布之前测试新功能。它支持多种支付方式和语言，以包容所有用户。所以，这些 CD 原则使 Uber 成为一个用户友好、个性化且安全的乘车服务应用程序。所以，就这样了。想象一下你正在设计一个数字产品，比如一个网站或一个应用程序。你的最终目标是什么？不仅仅是功能，对吧？它是关于创造一种对用户来说无缝、直观且令人愉快的体验。所以，让我给你看点东西。这是一个遵循关键 UI 原则的优秀设计的例子。它干净、有条理且易于导航。现在，与这个糟糕的设计进行比较。混乱、压倒性，并且使用起来令人沮丧。区别非常清楚，对吧？所以，这就是 UI 设计原则的用武之地。它们只是一个路线图，可以帮助像你一样的设计师设计出既用户友好又令人愉快的界面。所以，欢迎来到 Simply Learn 的另一个信息丰富的视频，今天我们将讨论这些 UI 设计原则。为什么遵循这些原则很重要。要关注的七个关键原则以及一些将帮助你创建更好的 UI 设计的技巧。所以，伟大的 UI 设计不仅仅是漂亮的视觉效果。它是关于让你的产品功能齐全、令人愉悦且易于每个人使用。原因如下。遵循这些原则很重要。第一，增强可用性。将 UI 设计想象成给某人指路。所以，与其递给他们一张地图让他们自己去弄清楚，不如你指向清晰的标志，他们可以一步一步地遵循。这就是好的 UI 所做的。它提供了清晰和简单，引导用户轻松地实现他们的目标。第二，改善决策。所以，当你的设计清晰且一致时，用户可以更自信地导航。对于设计师来说，拥有一个结构化的框架可以更容易地预测用户需求并做出明智的选择。接下来是提高效率。所以，Figma 的研究表明，使用设计系统的团队完成任务的速度比不使用的团队快 34%。所以，从清晰的 UI 原则开始，可以帮助设计师和开发人员简化工作流程，然后减少认知负荷。所以，好的设计可以最大限度地减少完成任务所需的脑力劳动。对于用户来说，这意味着更少的挫败感和更愉快的体验。所以，在我们继续讨论七个原则之前，这里有一个快速信息给你们。你可以通过 Simply Learn 的高级 UIUX 设计认证来释放你的潜力，并深入用户中心设计领域。这个全面的课程涵盖了线框图、原型设计、可用性测试以及掌握 Sketch、Figma、Adobe XD 等行业领先工具等基本技能。一个专注于实践学习的 Genai 驱动的 UIUX 设计课程。无论你是一名有抱负的设计师，一名希望扩展技能的开发人员，还是正在转向 UIUX 领域的人，该计划都提供实践经验、真实项目和行业专业人士的专家指导。所以，立即报名，开始你的 UIUX 设计成功职业生涯之旅。你可以在描述框和固定评论中找到课程链接。所以，第一个是层次结构，它指导用户的注意力。所以，层次结构就是将用户的注意力首先引向最重要的元素。所以，你可以把它想象成报纸上的标题。在深入细节之前，它会吸引注意力。所以，在 UI 设计中，你可以使用大小、对比度和间距来创建清晰的结构。所以，让我们从字体大小和粗细开始。所以，正如你所看到的，大而粗的字体会立即吸引眼球，用于标题或关键操作。所以，例如，在电子商务应用程序中，产品名称是粗体的，价格略小。然后是对比度。所以，确保你使用颜色来突出关键元素。例如，明亮的立即购买按钮放在中性背景上自然会吸引注意力。然后你有间距，这意味着将相关内容分组在一起，并在不相关的项目之间留出足够的空间以产生清晰度。所以，正如你在这个例子中所看到的，公司名称或徽标是粗体且突出的，因为这是他们希望用户首先看到的内容，然后是副标题或部分。所以，视觉线索的使用确保用户可以快速浏览并轻松找到他们需要的东西。所以，问问自己，我希望我的用户首先注意到什么，然后围绕它进行设计。现在第二个是渐进式披露，它是为了简化复杂的过程。所以，渐进式披露就像剥洋葱。你一次揭示一层，以避免让用户不知所措。所以，不要一次显示所有内容，只显示当前步骤所必需的内容。所以，例如，在为生产力应用程序引导用户时，你可能会先询问姓名和电子邮件。在下一步，你收集其他详细信息，如偏好和设置。所以，这使得过程不那么令人生畏。所以，为了使渐进式披露有效，第一是提供进度指示器。所以，它可以是你在这个例子中看到的进度条，或者你也可以给出步骤，比如第一步、第二步或第三步，这样用户就知道他们在哪里。你也可以避免不必要的步骤。所以，保持流程尽可能短，并测试你的多步流程，以确保用户不会中途放弃。现在第三个是一致性，它是通过可预测性来建立信任。所以，一致性创造了熟悉感和信任感。所以，当用户知道一个按钮、菜单或导航栏将如何工作时，他们可以专注于他们的任务，而不是弄清楚界面。所以，例如，在电子商务平台上，添加到购物车按钮在所有产品页面上都一致地放置在产品描述附近。所以，这种统一的放置确保用户可以快速将商品添加到购物车而无需搜索按钮，从而简化了他们的购物体验。所以，现在一致性适用于颜色。对相似的操作使用相同的颜色，例如绿色用于提交，红色用于取消。然后是排版。保持标题、正文文本和标签的字体样式统一，以及交互模式。所以，确保你使用的下拉菜单、滑块和按钮在整个设计中都以相同的方式工作。所以，创建样式指南或设计系统以在你的项目中强制执行一致性。现在第四个是对比度，它意味着突出重要的内容。所以，对比度有助于用户区分主要操作和次要操作。它不仅仅是关于颜色。它是关于确保最重要的元素脱颖而出。所以，例如，一个红色的删除按钮放在一个纯色背景上，会立即吸引注意力，表明操作的严重性。现在另一方面，取消等次要选项可能会显示为灰色，以表明它们不太重要。所以，使用对比度来提高文本可读性，例如黑底白字或按钮的高对比度颜色组合。还可以使用对比度检查器测试你的设计，以确保它们符合可访问性标准。所以，要有意地使用对比度。过度使用它也会造成视觉混乱。现在接下来是可访问性，它意味着为所有人设计。所以，可访问性确保你的界面对所有人都能正常工作，包括残疾人。所以，这不仅仅是道德责任，它也使你的产品更用户友好。所以，一些关键的可访问性实践是第一高对比度颜色。所以，确保文本和背景有足够的对比度以提高可读性。接下来是为图像添加 alt 文本，这意味着描述图像以供屏幕阅读器使用，因此即使是视障用户也能理解它们。接下来是辅助技术兼容性。所以，使用屏幕阅读器进行测试以确认功能。所以，例如，Netflix 的字幕和音频描述允许有听力或视力障碍的观众无缝地享受内容。现在第六个是邻近性，它是将相关项目分组在一起。所以，邻近性是将相关元素放在一起，以便用户将它们视为连接的。所以，这创造了一个逻辑且直观的布局。所以，例如，在音频播放器中，播放、暂停和音量等按钮被组合在一起，因为它们都与播放控制相关。然而，退出或关闭按钮被单独放置，以防止意外点击。所以，这就是你可以有效利用邻近性的方法。第一，将标签放在它们描述的表单字段旁边。第二，使用适当的间距将相关项目分组以显示连接，然后分离不相关的元素以减少视觉混乱。所以，宽敞的空间，正如你所看到的，不是浪费的空间。它有助于用户轻松地集中注意力和导航。最后，第七个是对齐，它创造了秩序和平衡。所以，对齐确保你的设计感觉干净而专业。就像整齐地排列书架上的书一样。它创造了秩序和可预测性，使用户更容易导航。所以，例如，电子商务产品页面以一致的网格布局对齐图像、产品标题和价格。这种结构有助于用户快速比较产品。所以，一些对齐的最佳实践是第一，使用网格系统来构建你的布局。第二，对齐文本、图像和按钮。沿着一致的边距，并且还避免随机放置。它会破坏视觉流程。所以，即使是微小的错位也会让设计看起来不那么精致。所以，仔细检查你的间距和放置。所以，这些是设计时需要牢记的七个 UI 设计原则。所以，现在让我们看看一些有效的 UIUX 设计技巧。第一是应用透视。所以，引导用户完成一系列逻辑操作，如前所述。例如，引导他们从浏览产品到将其添加到购物车并完成结账。第二，保持轻松。通过清晰的导航和最小的认知负荷，使界面直观。然后使用快捷方式。通过快速访问按钮或键盘快捷方式来加速常用任务。最后，测试。观察真实用户如何与你的设计互动，以便更早地发现和修复问题。所以，这就是 UI 设计原则的总结。请记住，伟大的设计不是关于浮华。它是关于功能性、可访问性和直观性。今天，我将谈论 UIUX 设计的法则。伟大的用户体验背后的秘密酱汁。这些不仅仅是随机的规则。它们是实用且经过验证的原则，可以使你的设计直观且用户友好。所以，在这个视频中，我将解释 12 个最重要的 UIUX 设计法则。我们还将看到每个法则的一些例子，以便更好地理解。所以，让我们开始吧。但在此之前，这里有一个快速信息给你们。你可以通过 Simply Learn 的高级 UIUX 设计认证来释放你的潜力，并深入用户中心设计领域。这个全面的课程涵盖了线框图、原型设计、可用性测试以及掌握 Sketch、Figma 和 Adobe XD 等行业领先工具等基本技能。一个专注于实践学习的 Genai 驱动的 UIUX 设计课程。无论你是一名有抱负的设计师，一名希望扩展技能的开发人员，还是正在转向 UIUX 领域的人，该计划都提供实践经验、真实项目和行业专业人士的专家指导。立即报名，通过 SimplyLearn 全球认可的认证，开始你迈向成功的 UIUX 设计职业生涯的旅程。所以，你可以在描述框和固定评论中找到课程链接。所以，让我们开始吧。所以，让我们从 aic 可用性效应开始。它指出，人们认为漂亮的设计效果更好，即使它们没有。所以，想想当你看到一个设计精美的应用程序或网站时你的感受。你自然会认为它质量很高且易于使用，对吧？这就是这个法则在起作用。一个好看的设计会建立信任和积极的感受，即使存在一些小瑕疵。所以，这就像遇到一个穿着得体的人。他们似乎更可靠。一些例子是苹果产品。它们时尚的设计让人们觉得他们正在使用最好的技术，即使有时存在错误或故障。还有 Airbnb 的网站。简洁的设计和高质量的图片让你在预订住宿时感到自信，即使你以前没有使用过该平台。现在，第二，我们有 Docker 阈值。所以，当系统响应速度快于用户思考速度时，用户就会保持参与。没有人喜欢等待，无论是页面加载还是按钮响应。延迟会使用户感到沮丧。所以，如果你的应用程序或网站跟上用户的步伐，他们就会保持专注并享受更多体验。例如 Instagram。所以，当你滚动时，新帖子会立即加载。所以，你永远不会感到被打断。还有 Google 搜索。当你点击搜索的那一刻，结果就快速无缝地出现了，让你保持参与。现在接下来是菲茨定律。它定义了更大的、更近的按钮更容易点击或触摸。所以，想象一下试图点击屏幕角落的一个小按钮。这很烦人，对吧？现在想想点击一个大而位置合适的按钮有多容易。这就是菲茨定律。当交互元素大而近时，它们更容易、更快地使用。一些例子是亚马逊的立即购买按钮。它很大、很醒目，而且就在你可以看到的地方，所以你可以毫不费力地进行购买。还有 map dog。当你将鼠标悬停在图标上时，它会放大，让你更容易点击你想要的那个。现在，第四，我们有希克斯定律，它意味着更多的选择等于更多的决定时间。所以，有没有看过一份长长的餐厅菜单并感到不知所措？这就是希克斯定律在起作用。当用户被淹没在太多的选择中时，他们需要更长的时间来决定，或者更糟的是，放弃。所以，保持简单有助于用户专注于并快速采取行动。一些例子是 Netflix 的类别。所以，Netflix 不会向你展示所有内容，而是将内容组织成易于浏览的部分，如主题和热门。然后你有 Spotify 的播放列表。它们建议一些精选的播放列表，而不是展示每一首歌曲，让你的选择更容易。现在第五个是雅各布定律，它指出用户期望设计与其他熟悉的设计以相同的方式工作。所以，人们喜欢熟悉的东西。如果你的设计与他们习惯的不符，他们会感到迷失和困惑。所以，把它想象成开车。如果有人移动了刹车踏板，那将是一场混乱，对吧？所以，一些例子是电子商务网站。所以，购物车总是在右上角。所以，把它移到别处会让购物者感到困惑。然后你有社交媒体平台。喜欢和评论等功能在 Instagram、Facebook 和 Twitter 上都以相同的方式工作。所以，用户立刻就知道该做什么。接下来是共同区域法则。它指出将相关项目分组在一起以显示它们是连接的。所以，想象一个杂货店，所有的水果都在一个区域，所有的零食都在另一个区域。这就是这个法则的作用。通过在视觉上分组相似的项目，你可以让用户更容易理解它们之间的关系。一些例子是 Google 搜索结果。所以，它们使用卡片来分组广告、精选摘要和自然结果。所以，很清楚什么属于一起。然后你有表格。所以，将姓名、电子邮件和电话字段分组有助于用户知道它们属于同一部分。接下来是米勒定律。人们一次只能记住大约七项。所以，我们的大脑一次只能处理这么多信息。如果你让用户过载太多东西，他们就会忘记或感到困惑。诀窍是，将事物分解成更小的块，使其更容易处理。一些例子是 Spotify 的导航。所以，Spotify 的导航栏不显示所有功能，而是专注于几个关键选项，如主页和搜索。然后你有分步表单。所以，像 LinkedIn 这样的网站将工作申请分解成更小的步骤，使过程不那么令人生畏。现在，下一个是奥卡姆剃刀。它指出最简单的解决方案通常是最好的解决方案。所以，多并不总是意味着更好。简洁的设计通常比带有太多花哨元素的设计更有效。所以，如果一个元素没有服务于目的，最好将其删除。例如，Google 主页。它只是一个标志、一个搜索栏和两个按钮。简单而有效。现在第九个是 P2 原则，也称为 80/20 法则。它指出 80% 的结果来自 20% 的努力。所以，专注于最重要的功能。所以，与其试图完善一切，不如找出少数几个影响更大的元素并优先考虑它们。例如，Instagram。所以，发布照片和故事驱动了大部分参与度。所以，这些功能是应用程序的主要焦点。然后你有亚马逊。立即购买按钮和搜索栏是前台和中心，因为它们是最常用的功能。接下来是序列位置效应。它指出人们比中间的项目更容易记住第一个和最后一个项目。所以，如果你想让用户记住某事，就把它放在开头或结尾。中间的东西更有可能被忽视。例如，亚马逊交易。它们在主页的顶部和底部突出显示最佳交易，以吸引你的注意力。还有演示文稿。有没有注意到任何演示文稿中最令人难忘的部分通常是开头和结尾？现在，在第 11 个，我们有特斯拉定律或复杂性守恒定律。它指出一些复杂性是不可避免的。所以，明智地管理它。所以，你不能简化一切。有些过程天生就很复杂，但你作为设计师的职责是让它们对用户尽可能容易。例如，Photoshop 工具栏。它很复杂，因为它必须是，但 Adobe 将工具分为几类，使其易于管理。还有报税应用程序。报税本身就很复杂，但像 Turboax 这样的应用程序通过分步指导简化了过程。然后还有一些应用程序提供自动填充选项。最后，我们有 wand resto 效应。它指出突出的事物更容易记住。所以，如果某样东西看起来不同，它就会吸引注意力并留在你的脑海中。所以，使用这个来突出重要元素，如号召性用语按钮或特别优惠。例如，Spotify 注册按钮。明亮的绿色按钮在深色界面中脱颖而出，使其不可忽视。还有促销标签。商店使用红色标签进行折扣，因为它们立即吸引你的眼球。所以，伙计们，这就是我们的视频。这些 UIUIUX 设计法则就是你创造不仅美观，而且直观且有效的设计的工具。>> 你注意到 UIUX 设计师技能日益增长的需求了吗？你知道吗，各地的公司都在寻找能够创造易于使用并让用户满意的设计的专家。作为一名 UIUX 设计师，你处于创造人们喜爱的数字体验的中心。无论是流畅的应用程序、用户友好的网站，还是仅仅是有效的产品。欢迎回到我们的频道，今天我们将帮助你为 UIUX 面试做好准备。我们将涵盖雇主目前正在询问的 15 个顶级问题。这些问题旨在测试你的技能、解决问题的方法以及你对什么构成出色用户体验的理解程度。所以，我们将涵盖这些内容。我们还将为你提供详细的答案，提供真实世界的例子，并解释为什么这些答案有效。在本视频结束时，你将更有信心，并准备好在面试中脱颖而出，并在 UIUX 设计领域找到一份工作。渴望职业升级？订阅、点赞并在此处评论。点击描述中的链接，快速实现你的雄心壮志。无论你是想转行还是想更上一层楼，SimplyLearn 都能满足你的需求。>> 但在此之前，伙计们，如果你对 UIUX 职业感兴趣，请加入我们的沉浸式 UIUX 认证课程，并在短短 5 个月内成为专家。该课程提供由班加罗尔三一学院的知名教授领导的在线直播课程。通过顶石项目获得实践经验，在 dribble 上制作你的作品集，并获得顶级设计师工具的个性化指导。最棒的是，SimplyLearn 的就业援助将全程支持你的旅程。立即报名，开启 UIUX 设计领域的无限可能。废话不多说，让我们开始吧。所以，伙计们，这是我们的第一个问题，那就是解释什么是 UX 设计。所以，伙计们，UX 设计或用户体验设计是关于创造为用户提供有意义且相关的体验的产品。这涉及到获取和集成产品的整个过程的设计，包括品牌、设计、可用性和功能等方面。UX 设计的目标基本上是通过提高用户与产品的交互中的可用性、可访问性和愉悦度来提高用户满意度。现在让我们继续第二个问题，那就是 UX 和 UI 设计有什么区别。所以，伙计们，区别在于用户体验或 UX 关注产品的整体感觉，确保它用户友好、直观且满足用户需求。另一方面，UI 或用户界面设计关注产品的外观和布局，包括按钮、图标、间距、排版和颜色。虽然 UX 关注产品的整体功能和流程，但 UI 关注产品的表面外观以及与用户的互动方式。让我们继续我们的第三个问题。第三个问题是，你为什么选择 UX 设计职业？所以，伙计们，你必须这样回答。我选择 UX 设计职业是因为我热衷于解决问题并改善人们与产品的互动方式。我的心理学背景让我对人类行为有了深刻的见解，我想将这些知识应用于设计直观且令人愉快的数字体验。UX 设计中创造力、同理心和技术技能的结合吸引了我进入这个领域。现在让我们问下一个问题。所以，有时面试官也可能问你，UX 设计师需要哪些技能，并谈谈这些技能，以及你是否拥有这些技能。所以，这是一个非常基本的问题，可能问应届毕业生。所以，你必须这样回答，UX 设计师的基本技能包括用户研究、线框图、原型设计和可用性测试。此外，强大的沟通能力对于与利益相关者和开发人员协作也非常重要。对信息架构和交互设计有深刻的理解也至关重要。好的，你必须这样回答。基本上，这种情况很少见，但如果有人问你，你对这个职位有什么看法？这个职位需要什么技能？你能告诉我或详细说明吗？所以，这只是问应届毕业生。所以，伙计们，下一个问题是，UX 专业人员的职责是什么？所以，伙计们，UX 专业人员的主要职责包括进行用户研究、创建用户角色以及设计线框图和原型。他们还进行可用性测试，收集反馈并迭代设计。此外，UX 专业人员与 UI 设计师、开发人员和产品经理协作，以确保最终产品既符合用户需求又符合业务目标。现在让我们继续我们的下一个问题。这些是中级问题。所以，有人可能会问你，在创建 UX 设计之前，你是如何完成研究过程的？所以，伙计们，研究过程通常从理解业务目标和用户需求开始。所以，比如我开始进行利益相关者访谈、用户调查和竞争对手分析。然后我通过用户访谈、调查和分析工具收集定性和定量数据。基于这些数据，我创建用户角色和旅程图，以指导设计过程。这种全面的研究确保了设计以用户为中心并符合业务目标。我希望你已经对如何回答这个问题有了大致的了解。现在让我们继续我们的下一个问题，那就是你最强的 UX 技能是什么以及它的影响。所以，伙计们，你可以这样说。我最强的 UX 技能是用户研究，我能够有效地收集和分析数据，这使我能够深刻理解用户需求和痛点。这项技能对我在设计真正能引起用户共鸣的解决方案方面发挥了重要作用。例如，在最近的一个项目中，我的研究导致了重新设计，显著提高了用户满意度，并将用户流失率降低了 20%。现在让我们继续我们的下一个问题。作为一名 UX 设计师，你需要改进哪些技能？所以，你可以这样说。虽然我对我的研究和原型设计技能充满信心，但我认为在视觉设计技能方面总有改进的空间，尤其是在掌握 Figma 和 Adobe XD 等最新的 UI 设计工具方面。此外，我正在努力提高我的数据分析和技能，以便更好地解释用户分析并将这些见解融入设计过程。所以，伙计们，你可以这样回答这个问题。现在让我们继续我们的下一个问题，那就是说出 UX 设计中的两个重要趋势。所以，你可以这样回答。UX 设计中的两个重要趋势是日益重视可访问性以及语音用户界面的兴起。可访问性正变得越来越重要，因为设计师努力为所有用户创造包容性的体验，包括残疾用户。语音界面也越来越受欢迎，这得益于智能音箱和语音助手的增长，这需要一种不同的方法来设计用户交互。现在让我们继续我们的下一个问题，那就是你是否需要去寻找灵感资源来帮助你的设计过程？所以，你可以这样说。是的，我经常从 dribble 和 behans 等设计社区获取灵感。我还阅读了 Nelson's Norman's groups 文章和 Smashing Magazine 等 UX 博客，以了解最佳实践和新兴趋势。此外，我还关注 Don Norman 和 Jared Spool 等思想领袖，他们的见解塑造了我以用户为中心的设计方法。现在，让我们继续我们的高级面试问题。所以，你的面试官可能会问类似这样的问题。所以，告诉我一次你

一个项目比它最初看起来要复杂。所以你可以这样说。我曾参与一个项目，重新设计一个旅行预订平台，最初看起来很简单。然而，随着我深入挖掘，我发现该平台拥有更广泛的用户画像，他们的需求截然不同。这种复杂性要求对用户研究和设计采取更细分的方针。我们必须创建多个用户流程，并与不同的用户群体测试各种原型，以确保最终设计满足每个人的需求。该项目耗时比预期长，但结果是一个更个性化、更有效的平台。所以你可以像这样描述一个项目，它最终变得复杂，但你是如何应对的。这也展示了你的解决问题的能力。所以各位，请准备好这个问题，因为这是面试中最常被问到的问题。现在让我们进入下一个问题，那就是你UX职业生涯中最大的挑战是什么。所以你可以这样回答。我面临的最大挑战是领导一个遗留企业软件的重新设计，该软件拥有庞大且根深蒂固的用户群，他们抵制改变。挑战在于使界面现代化，同时保持长期用户所依赖的熟悉感。我通过进行广泛的用户研究来理解哪些元素对用户最关键。因此，我们实施了重新设计的界面，并提供培训和支持以简化过渡。该项目取得了成功，用户最终采用了新设计并提供了积极反馈。所以各位，这是我分享的一个经验，但你必须分享你自己的经验。好的，但模板会是这样的。所以各位，我希望你们对此有了一个简要的了解。现在让我们进入下一个问题。

那么我们的下一个问题是，你会使用什么方法来提升我们产品的用户体验？你可以这样回答。为了提升你产品的用户体验，我将首先进行一次全面的可用性审计，以识别当前设计中的任何痛点。这将包括与真实用户进行可用性测试，分析用户反馈并审查分析数据。基于这些发现，我将优先考虑改进领域，并开发解决这些问题的设计方案。此外，我建议实施迭代测试流程，根据用户反馈和性能指标持续优化设计。现在，让我们进入下一个问题，那就是作为一名用户体验设计师，你职业生涯中最重大的成功是什么。

所以，你可以这样回答。我最重大的成功是领导了一个项目，使一款金融服务应用的用​​户参与度提高了30%。最初的设计让用户感到困惑，导致高放弃率。在进行了彻底的用户研究后，我们识别了关键痛点并重新设计了应用程序的用户流程。我们逐步实施了这些改变，并在每个阶段都采纳了用户反馈。最终设计受到了广泛好评，显著提高了用户参与度和满意度。所以各位，你可以使用这样的模板，但如果你有经验，这应该是你自己的成功。所以这些问题基本上是针对那些有一到三年工作经验的候选人。这样他们就可以向客户或面试官分享他们的工作经验。现在让我们进入最后一个问题。

那么我们的最后一个问题是，你希望在五年内你的用户体验设计职业生涯中取得什么成就？所以各位，这是一个非常重要的问题，因为当你去面试时，面试官肯定会试图了解你在这个职业中的愿景。所以你可以这样回答。在五年内，我的目标是担任领导角色，在那里我可以指导和引导一个用户体验设计师团队。我也希望拥有一个强大的成功项目组合，这些项目对用户体验和业务成果产生了重大影响。此外，我希望继续提升我的技能，特别是在服务设计和用户体验策略等领域，以促进更全面和以用户为中心的产品开发。所以各位，这是一个你可以用来定义你的愿景的模板，或者如果你有更好的模板，比如你已经思考过的，因为这是一个非常个人化的问题。所以你可以这样回答。但这是我给出的一个非常基本的模板。

>> 我测试了超过1000个Figma插件，是的，你没听错，一千个。老实说，它们中的大多数并没有真正为我的工作流程增添多少价值，或者只是令人困惑。但后来我偶然发现了这10个令人惊叹的Figma插件，它们确实有效，让你的生活变得轻松许多。今天，我将按类别分解它们，并向你展示为什么这些插件是彻底的颠覆者。无论你是想加快设计过程，添加出色的视觉效果，甚至将你的设计转化为真实的网站，我都为你准备好了。那么，让我们直接开始吧。

那么第一个类别是设计转换和代码魔法。所以排名第一的Figma插件是HTML转设计。想象一下，在几秒钟内抓取互联网上的任何网站，并将其转换为完全可编辑的Figma文件。不再需要截图或费力的手动重建。这个插件在竞品分析或直接将灵感带入你的工作区方面，能节省大量时间。那么我们的第一个插件是HTML转设计。所以首先你只需要从这里前往Figma，然后你可以选择设计。现在你选择设计后，你可以从这里前往左上角的主菜单部分，然后选择插件，然后我在这里已经使用过HTML转设计插件，但你可以从这里前往管理插件并搜索HTML。好的，你会在Figma中找到这个HTML转设计插件。对吧？所以只需点击它。所以这实际上会将你的网站导入Figma，呃，假设你可以导入任何你想导入的网站。所以假设我想导入Netflix。所以我只需在这里输入Netflix.com，你实际上可以从这里更改长宽比、视口、主题和语言。所以假设我想让视口在手机上，我只需选择这个，你也有语言选项，显然是英语。好的。所以当我从这里选择后，我只需点击导入。所以它实际上正在将我们的网站导入到我们的Figma插件中。所以现在你可以看到我们网站的界面已经在这里准备好了。它是你从这里可以看到的整个Netflix用户界面。现在最棒的部分是，你实际上可以编辑任何你想要的元素。如果你想在这里添加一些容器或添加任何组件，更改布局或根据你的需求进行任何更改，你都可以做到。所以你实际上也可以使用这个自动布局选项。你可以更改，你可以选择任何画框，任何你想编辑的画框。所以在选择任何画框后，你只需更改流程、布局，你就可以从这里获得所有这些选项。所以它真的很棒。你还可以获得这个布局指南选项，你可以在其中设置网格长宽比，无论你想要什么，以及效果选项，如果你想要任何阴影或任何你想填充的颜色或任何你想添加的描边。所以假设我想添加描边选项，你实际上可以更改颜色并根据你的需求修改你的更改。

第二个是Bold。这是一个秘密武器。Bold让你做相反的事情。将你的Figma设计转化为可运行的网站和应用程序，无需编写一行代码。只需在你的Figma URL后添加.new，砰，基于你的设计的响应式实时网站就出来了。说真的，如果你想让你的客户惊叹，就看看这个。现在，接下来，我将在这里向你展示Bolt。所以，只需前往bold new，它实际上不是一个插件，但它像魔法一样工作。我将向你展示如何做到。所以，你实际上可以从Figma导入它。所以你只需选择这个选项。你可以做的是，你实际上可以在这里粘贴Figma URL。所以假设这是我想要导入到Bold的界面。所以你只需选择任何画框，而不是页面，而是画框URL。所以在我选择了画框URL后，只需从这里复制粘贴链接，然后你可以前往Bold并粘贴Figma URL，然后你只需选择将Figma画框导入Bold。所以它实际上会连接Figma和Bolt的API。所以现在它实际上会为你生成代码，你提供的整个网站URL以及界面。所以现在你可以看到它已经将一个Figma画框导入到Bold中。现在它会花费几秒钟。所以它基本上是在安装所有依赖项以启动我们的应用程序，我们的预览将实际出现在这里。所以这是我们的代码，你现在可以看到这是readme md，这是tailwind配置。你可以在react中找到你所有的代码。这是我们的HTML文件。这里你有所有的组件，UI批处理输入滚动，你将从这里获得所有组件。现在，如果你想对代码进行任何更改，你也可以在这里编辑它，如果你想对你的样式、按钮、图标或任何东西进行任何更改。所以现在你可以看到它实际上已经导入了我们的内容，界面，它看起来与我复制的页面画框的内容完全相同。你也可以从这里前往主内容。所以这是我复制画框URL的实际用户界面。你可以看到它看起来完全一样，对吧？看，它完全一样。现在最酷的部分是，你实际上可以编辑任何你想要的东西，在这里你实际上可以告诉AI你想要进行什么更改。所以假设我把它改成了“高达50美元的优惠”，好的，我只是在这里输入。所以它实际上正在从这里更新组件部分。这可能需要一点时间。所以现在你可以看到更改就在你面前可见。现在这与HTML转设计插件的工作方式完全相反，这是我用过的最喜欢的插件之一。

第二个类别是图像和视觉增强器。所以第三个插件是Icons8背景移除器。无法访问高级AI工具？没问题。这个插件可以在Figma内部快速干净地移除图像背景。所以现在让我向你展示如何使用Icons8背景移除器。所以假设我在这里选择了这张图片，然后我将从这里前往主菜单，然后我将选择插件，在这里我有这个Icons8背景移除器来移除背景。所以它正在加载我们的插件。所以现在你可以看到它实际上已经从这里移除了背景，如果你想提高图片质量或只是移除背景，这绝对是一个必不可少的插件。

第四个是美观阴影。现在阴影为扁平设计增添了深度和活力。这个插件为你提供平滑逼真的阴影，无需数小时调整即可立即增添光泽。现在让我向你展示美观阴影是如何工作的。所以再次，你只需选择你的插件，管理插件，然后我们只需搜索“beautiful”。所以我们从这里得到了这个插件。所以基本上你只需从这里旋转这个图标来应用阴影效果，你可以在这里看到。我是如何应用的？所以从这里你得到了这个效果选项。所以假设我想制作一个内阴影。所以从这里你只需应用更改。所以你可以看到内阴影是如何出现的。所以现在我从这里选择了这个画框，这个组件，我只是在移动它。你可以看到阴影出现了，对吧。所以现在你只需从这里更改颜色。所以假设我想把它保持为红色。我只需选择应用。所以阴影又出现了。所以这就是你如何使用这个插件添加美观阴影。

第五个是Pixels。需要免费的高质量图片？Pixel从全球摄影师那里获取数百万张照片。所有图片均可免费用于个人和商业用途。找到完美的图片从未如此简单。所以要使用Pixels，只需从这里前往插件，管理插件，然后搜索Pixels。你会得到第一个链接。只需双击它。现在你只需拖放，你只需从这里调整你希望你的图像如何像素化。所以假设我想把它保持为44。所以它看起来像这样。假设我想保持这么多。所以你的图像会变成像素化。所以你可以选择颜色、质量，任何你想要的，无论你希望你的图片是什么样子。看，这是从这里得到的像素化图像。所以这就是你如何使用Pixel插件。

第三个类别是颜色和渐变。第六个Figma插件是网格渐变。这个插件将渐变带入超越简单淡入淡出的境界。创建复杂的2D网格渐变，为你的背景和UI元素增添精致感和深度。现在我将向你展示如何使用网格渐变。所以又是一样。你只需从这里前往这个标题菜单栏，管理插件并搜索这个网格渐变。所以从这里你可以看到这是我们生成的颜色。你可以更改网格，呃，我的意思是无论你想要什么颜色，无论你希望你的网格渐变是什么样子。所以假设你可以从这里添加更多效果。所以这就是你如何使用网格渐变，在你的这个渐变之后，你可以根据你的需要自定义它，然后你只需选择生成。所以现在你可以看到我们的网格渐变已经从这里准备好了，如果你愿意，你也可以给它添加动画，呃，你也可以添加任何你想添加的文本。现在这个插件真的很酷，因为呃，生成这个网格渐变可能需要你几个小时，但使用这个插件，你可以在几秒钟内创建这个网格。

第七个是Tailwind CSS颜色生成器。还在为调色板烦恼吗？这个工具可以从一个十六进制代码生成完整的颜色比例，并自动创建颜色样式和变量。如果你使用Tailwind CSS，那就完美了。现在要使用Tailwind CSS颜色生成器，只需搜索Tailwind。你可以从这里看到Tailwind CSS颜色生成器。只需双击这个插件，然后你就可以从这里选择你的调色板。你已经有了这个十六进制代码，你可以在你的图片中使用它。如果你想使用这个调色板，你会看到我们为我们的图片提供了各种调色板，并且你有各种各样的样式。现在你实际上可以从这里创建一个颜色指南，然后你只需从这里选择创建样式。所以你可以看到这些调色板已经准备好了，并且带有十六进制代码数字。所以你可以从这里复制数字，然后你可以用它来创建图像并用作填充物。现在这个插件也是我最喜欢的惊人插件之一，你可以从这里获得各种调色板。所以它很好。

第四个类别是工作流程和用户体验工具。现在第八个插件是Autoflow用户流程映射。Autoflow自动连接屏幕和画框，将复杂的想法变为现实。现在要使用Autoflow，只需从这个插件中搜索Autoflow，然后点击你得到的第一个插件。现在一旦你的布局准备好，你就可以向开发人员展示你的网站结构和你正在添加的界面。所以从这里你可以添加任何箭头和任何你想要引导的形状流程，这样你就能更容易理解，我的意思是让开发人员更容易理解。所以我们有很多选项。假设它是这个箭头，对吧？所以只需点击你想要连接到另一个的画框。只需按下你想要连接的画框和另一个画框。所以你可以看到你只需按下它，这个箭头就会出现在这里。我的意思是，你只需按下Shift键，你就可以在这里看到箭头。所以像这样你实际上可以准备你的界面流程。你也可以添加你想要的文本。所以再次，我在这里添加了这个流程，我的意思是这里的图表。你实际上可以将其与起点和终点连接起来。所以假设我想把它连接到这个，如果你想插入文本，你也可以在这里添加文本。所以这就是Autoflow的工作方式。

第九个Figma插件是矢量化位图。将任何栅格图像转换为清晰可缩放的矢量图，同时保持透明度和多种颜色不变。非常适合标志和图标。不再有像素化。现在要再次使用矢量化位图，只需前往主菜单并进入插件。只需搜索“vectorized bitmap”。所以你得到了这个将栅格图像转换为矢量图像的工具。所以基本上它会描摹你的图像，并将你的位图图像转换为你的矢量图像。所以我只需点击运行。所以现在你可以看到它已经将这个矢量位图图像转换为矢量图像。你可以从这里看出区别。你也可以添加颜色。我们有这个颜色，呃，你可以增加，也许我可以把它增加到50。你可以看看更改下的效果。如果你愿意，你也可以减少噪点。所以你从这里有很多选项可以使用这个插件。你也可以相应地添加你的自定义设置。你可以从这里添加填充库、曝光、对比度。呃，所以这就是你如何使用这个插件，你可以将你的位图图像或任何图标图像转换为这个矢量图标并将其矢量化。

第十个是Stark。可访问性很重要。Stark是你的工具包，用于检查颜色对比度，模拟视力障碍，并确保你的设计具有包容性。现在，最后，我将向你展示如何使用Stark。所以，它是一样的。只需从这里前往管理插件。搜索Stark。你有这个对比度和可访问性检查器，你可以在其中修复颜色对比度和排版问题。所以你可以看到这里写着什么，你可以在创纪录的时间内创建和测试可访问的软件。所以我们只需运行并看看这个工具将如何帮助你结合和简化你的可访问性工作流程。所以你可以在这个插件中看到你有对比度、排版、触摸目标、视力模拟器、所有文本焦点等测试工具选项，你有很多东西。所以你只需选择任何画框。假设我想增强排版。所以现在我们只需，呃，我想你只需修复这个账户才能使用这个特定的测试工具。所以我只需点击自动扫描和修复。所以它实际上正在扫描页面，你可以从这里看到违规为零，你可以升级到高级版，或者你可以查看计划，这些是潜在的。画框没有焦点顺序注释，这些是测试用例，它通过了颜色标准等等。所以你实际上也可以更改颜色标准。所以这就是我使用自动扫描和修复的方式。所以以类似的方式，如果你想使用更多的视力模拟器或监控或任何东西，你就在这里有这个东西。所以我将向你展示如何使用，也许如果我想使用模糊或发黄。所以我只需点击它并点击生成。所以你只需选择任何图层。假设我选择这个，然后我只需点击生成。所以你可以看到它已经创建了这个特定页面的发黄效果，我使用了这个图层。以类似的方式，假设你想要这种重影效果或大量合同丢失的强光效果，你可以再次点击生成，然后我们就有它了。所以它会给你很多选项来增强对比度和可访问性，以检查你如何使用不同的工具来创建更令人惊叹的视觉图像和格式。你从这里也有这个触摸目标。所以你需要高级版本才能使用这个。所以在这里你有很多选项可以实际使用注释工具来创建更多增强的设计图层，无论你创建了什么。

我们的奖励插件是Mockup Studio。如果你想直接在Figma中用令人惊叹的模型图给客户留下深刻印象，Mockup Studio为你提供了大量的模板和自定义选项。现在，我将向你展示如何使用模型图工作室。所以，再次，你只需前往你的插件，管理插件，然后搜索“mockup studio”。所以，你在这里找到了它。模型图工作室，你可以在其中创建模型图生成器，这就是你如何选择一个画框并创建模型图工作室。所以我只需点击运行。所以显然在免费版本中你会获得一些有限的访问权限，但如果你有高级版本，你将获得大量的布局和功能可以使用。所以假设我们这里有这张图片，这些是该图片的不同模型图样式。你可以从这里看到不同的样式。所以这就是你如何创建模型图图像。你也可以从这里自定义你的模型图图像。所以如果你点击自定义，你有这个背景选项，你可以选择任何你想要的背景。所以假设我想把它保持为黑色或微黄色。所以黑色对我来说看起来不错。你有这个渐变选项，你可以在其中插入这些渐变。所以你可以保持这样，或者你可以增加纹理。所以你看，你有很多选项，对吧？所以这实际上是一个奖励工具，它将帮助你真正打动你的客户。所以通过创建产品或你正在创建的任何界面的模型图图像，它有很多选项可以使你的界面看起来更具吸引力，并通过创建多张图像来提高质量。当然，这些设计是包容的，我真诚地建议你使用这个插件，Mockup Studio。

仪表板是可视化呈现数据的强大方式。它们帮助人们快速理解关键洞察，跟踪绩效，并做出明智决策。但设计仪表板不仅仅关乎数据。它是关于创建一个易于导航且视觉吸引力的界面。这正是Figma的闪光之处。Figma非常适合设计仪表板UI，因为它易于使用，高度协作，并且功能丰富，使UI设计流畅高效。从创建简洁布局到添加交互元素，Figma为你提供了将仪表板想法变为现实所需的一切。它的插件和工具使得包含图表、图标和其他提升你设计的元素变得简单。所以，在这个视频中，我们将专注于在Figma中构建一个销售仪表板。你将学习如何设计网站导航栏，创建图表，并使用条形图和C图表表示数据。但在我们开始之前，这里有一些快速信息给各位。你可以通过Simply Learn的UIUX设计高级认证来释放你的潜力，并深入用户中心设计的世界。这个综合课程涵盖了线框图、原型设计、可用性测试等基本技能，以及掌握Sketch、Figma、Adobe XD等行业领先工具。一个通用驱动的UIUX设计课程，专注于实践学习。所以无论你是一位有抱负的设计师，一位寻求扩展技能的开发者，还是一个正在转型进入UIUX领域的人，这个项目都提供实践经验、真实项目和行业专业人士的专家指导。所以现在就报名吧。你可以在描述框和置顶评论中找到课程链接。那么，让我们开始吧。所以这是我们的游乐场。所以首先让我向你展示我们将要创建的仪表板的参考。所以这就是我们今天将在Figma上创建的仪表板。所以你可以看到这个仪表板有一个导航菜单部分，包含不同的卡片和图表。呃，所以这基本上是一个我们将要创建的公司销售仪表板。所以我们不会创建它的精确副本。我们会做一些改动。正如你在这里看到的，他们只提供了波形图，但我将向你展示如何创建波形图、饼图以及条形图。所以会有一些变化，但你知道，这是我们今天将要使用的骨架。那么让我们回到我们的Figma。所以首先让我们设置画框。为此请按F。看，正如你在这里看到的，有这么多设备选项可供选择。但在这个视频中，我们正在为桌面上的仪表板显示工作。所以让我们选择桌面模式。它已经处于桌面模式。让我们保持它的高度。是的，让我们保持它的高度为1440像素。所以，让我们保持它的宽度为1440像素，高度为900像素。是的。所以，这就是我们将要工作的画框。让我们把这个画框重命名为抱歉。是的。仪表板UI。所以重命名画框以及你正在使用的任何对象都非常重要。对吧？所以现在第一步是为这个菜单栏创建一个矩形。所以为此你只需在键盘上按R，然后让我们画一个矩形。所以高度将保持与画框相同。让我们把宽度设置为280像素。等一下。是的。所以我们暂时保持这样。所以下一步是为其余空间设置网格。所以基本上Figma中的网格通过提供一个放置文本、图像和所有元素的指南，帮助保持设计整洁有序。所以它们确保所有东西都正确对齐并看起来平衡。所以，例如，使用网格可以帮助你创建在移动和桌面屏幕上都看起来不错的布局，使设计清晰易懂。所以，是的，让我们设置一个网格。为此，你必须选择画框。前往布局部分。布局网格部分。你会看到一个加号图标。按下它。是的，这里你有网格。现在，正如你所看到的，有这么多网格选项可用。所以，我们将为这个项目选择列。现在，我们必须设置数字。我们需要12列。我们将宽度设置为64。我们将类型设置为左。让我们将宽度设置为64。间距是24。是的，间距是24。让我们将偏移量保持为344。是的。所以，我们已经将偏移量保持为344，以便在两侧创建均匀的边距，正如你在这里看到的。所以我们将使用这个网格来处理卡片和所有东西。所以无论如何我们已经设置了网格。现在让我们回到菜单。所以首先让我们把导航菜单的颜色改为其他颜色。所以你可以选择矩形，然后你可以再次将矩形重命名为导航菜单。是的。那么让我们改变颜色。我们会选择一些深色。我觉得这个很不错。让我们选择这个颜色。是的。那么让我们回到我们的例子。所以正如你在这里看到的，我们没有公司名称，但我们会为我们的添加一个公司名称。所以为此，让我们创建一个文本。只需在键盘上按T。让我们创建一个文本。让我们稍微放大一点。是的。所以写任何虚构的公司名称。所以我将举例Next Tech。是的。那么，让我们保持字体。抱歉。那么，让我们保持字体大小为20。让我们把它加粗。将它居中对齐。是的。所以，现在我们的频道里有很多视频，我们讨论了Figma中的插件。所以有一个名为Icon8的插件，你可以在那里获得免费图标。是的。所以现在让我们把一个勾号作为标志。所以基本上我们可以使用一个图标。现在我们的频道里有很多视频，我们讨论了Figma中的插件。所以有一个名为Icons8的插件。所以让我们从那里获取标志。暂时让我们把这个勾号作为我们的标志。让我们调整它的大小。我们已经把它们组合在一起，然后让我们添加填充。是的。所以我觉得这很完美。所以我们现在使用的插件将在本视频中多次用于仪表板中的图标。现在接下来让我们添加菜单项。所以正如你所看到的，我们想要以下项目：仪表板、服务、客户、报告、备份和设置。那么让我们设计这些中的每一个。所以首先我们将从仪表板开始。为此，让我们再次在键盘上按T。输入“仪表板”。让我们把字体大小保持为15。是的。让我们把字体设置为常规。是的，我们会把它放在这里。是的。现在，我们需要为它找到一个图标。所以，我们将前往我们的插件。是的，我们在这里找到了它。让我们把它放在这里。我觉得这很完美。是的。让我们把这个组合起来。所以让我们把图标拿过来，然后你知道，把它们放在这里，每个都放一个。所以首先我们有仪表板，然后是服务。让我们把它放在这里。我们有客户。我们将选择这个。我们有报告、备份和设置。报告。是的。备份和设置。好的。现在在设计其余菜单元素时，我们也需要相同的对齐方式，对吧。所以为此我们将在这里创建一个矩形。让我们把不透明度设置为0%。让我们把这些都组合起来。所以我们已经组合了它。现在让我们先复制这些矩形。它被均匀放置。现在，让我们添加图标。首先，让我们编辑文本，然后添加图标。我们将快进这个。文本已添加。现在，我们将添加图标。所以正如你所看到的，我们的导航菜单已经准备好了。所以现在我们需要一个活动状态指示器。例如，我们正在创建的页面是用于仪表板部分的，对吧？所以我们的活动状态是仪表板。所以这里我们需要一个活动状态指示器。所以为此我们将创建一个矩形。我们将在这里画一个矩形。我们将保持这个4像素宽。我觉得这足够了。所以指示器已经是白色的。现在我们将圆角。我们将圆角，这样你就可以到这里，也许你可以给一个14的值。实际上我们不想圆所有的角。我们只想圆右上方和右下方的角。所以我们在这里给14。这里我们也给14。是的，那很完美。所以正如你所看到的，当你按下图标时，大多数网站的活动状态都是这样显示的。所以接下来是设计内容区域。所以让我们从标题开始。所以为此我们将给一个标题栏。像这样给一个矩形。是的。现在这里我们需要包含一个个人资料图片、用户名和通知图标。所以对于个人资料图片，我们首先画一个圆。所以要画一个圆，你可以在键盘上按O。让我们把这个个人资料图片限制在网格的第一列。我们暂时改变颜色。是的。所以这是你个人资料照片的区域。所以接下来你需要一个用户名。让我们拿文本。我们将用户名限制在这三列。所以你只需输入用户名。现在接下来我们需要一个通知铃。它有填充吗？是的。所以通知铃将限制在这个特定的列。再次让我们回到我们的Icon8并获取一个通知铃图标。所以我们暂时保留这个。是的，我们会把它放在这里。现在对于个人资料图片和用户名，我们实际上需要虚拟图像和名称。所以为此我们首先前往用户资料。所以用户资料是一个插件，你可以在其中获得虚拟个人资料图片。所以我们只需插入随机照片。实际上你首先需要选择，然后插入随机照片。正如你所看到的，一张随机的个人资料照片被插入了。现在对于名字，你又有一个插件叫做，呃，是的，内容绿色，你需要文本，你可以选择任何一个，所以我将给出Cameron Williamson，完美，是的，所以你又可以，你知道，改变字体大小，样式，呃，字体颜色，所有东西，暂时让我们保持这样，现在让我们继续创建或设计卡片，所以正如你在这里看到的，总共有五张卡片。所以暂时我们将设计前三张卡片。所以正如你在这里看到的，它是波形图，但在我们的项目中，我们将为前两张卡片设计波形图，为第三张卡片设计饼图。所以让我们再次抬头。让我们创建一个矩形。我们将从这里开始。所以确保每个矩形跨越四列。我们将在这里圆角。我们想圆所有的边。所以我们给一个共同的14。是的，那很好。首先，让我们设计这个。是的，正如你所看到的，我们需要7天总销售额40,000。所以，我们需要三个文本字段。所以，让我们写“总销售额”。我们将字体大小设置为12，不需要。我觉得10就够了。绰绰有余。把它放在一边。现在我们需要另一个文本字段，显示成本。让我们把这个保持为12，然后让我们把它加粗。是的。现在再次类似地，你可以在这里添加文本视图。现在让我们继续创建波形图。所以为此让我们在这里拿起笔。这是笔。所以我实际上在线框图教程中教过如何使用这支笔来设计图标。所以我们将选择笔。首先我们将像这样画折线图。是的。现在让我们保持边缘弯曲。为此让我们按下Shift键。抱歉。让我们按下曲线。然后你就可以，你知道，像这样把它弯曲。然后你就可以，你知道，设计一个正弦波或者类似的东西。所以我只是给你一个基本的想法。所以现在这是一个形状，你可以在里面添加阴影。你可以填充它。你也可以添加渐变。例如，我们将添加线性渐变。为此我们将选择一些更深的颜色。所以这基本上就是你如何做到的。现在你可以花时间。如果你花时间设计，你会得到类似于这种波形的东西，你可以在其中添加线性渐变和所有东西。现在让我们复制这个。把它放在这里。调整大小。是的。让我们先添加文本。你可以在这里获取数字。这是总支出、总利润，我们在这里将创建一个饼图。所以为了创建饼图，我们首先像这样画一个椭圆。正如你所看到的，椭圆中有一个弧。所以按下弧90%。我们将用这个颜色填充它。现在我们将复制弧并将其带到这里。我们将给它一个黑色。所以类似地，你可以完成你的饼图。所以你知道画饼图非常简单。这就是你制作饼图的方式。所以前三张卡片已经准备好了。现在让我们进入第四个图表，我将向你展示如何创建条形图。所以现在我们只需要两张卡片。对吧？让我们画一个跨越六列的矩形，并圆角。我们复制这个，然后把它放在这里。让我们添加一个文本。我们必须给出所需的填充。所以让我们把它命名为“分析卡片”。我们可以把这个改为12。半折叠它。现在让我们看看如何，是的。让我们把它移到一边。是的。现在让我们创建一个条形图。现在要创建条形图，你实际上是像这样画一个矩形。对吧？你根据你的卡片大小、仪表板大小决定高度和宽度。让我们稍微拉长一点。我觉得这很好。现在你圆角。是的。让我们给一个，是的，我们会给这个颜色。让我们复制它。是的。所以，首先你知道你会给一个背景条，然后你会在里面表示真实的条。所以，我们再次画一个矩形。抱歉，我们只是复制这个。所以这里有一个复制版本，你实际上可以给一个不同的颜色，也许你知道，对于真实的条形图，我们将给一种蓝色。是的。现在我们只需复制这个并将其置于最前。是的。并正确对齐所有东西。你只需改变大小。我们会把它放在这里。我们会把它放在这里。所以正如你所看到的，现在这描绘了一个真实的条形图。所以对于等尺寸，现在尺寸是相等的，但在复制时，如果它不相等，你也可以水平对齐它。现在让我们继续创建最后一张卡片。所以正如你所看到的，这里的最后一张卡片是最近交易。所以我们将写一个文本和交易。所以这里你有客户名称、服务，让我们跳过金额。我们将给出状态。好的，客户名称、服务和状态。我跳过这个字段，因为这也是文本字段。那没什么新奇的。所以让我们先写文本。客户名称，我们将复制它。我们将提供一项服务。是的。现在在客户名称之前，你需要一个个人资料图片。所以你知道，我们要做的就是同样的事情。我们将添加，你知道，使用插件来获取个人资料图片和用户名。所以首先你需要创建圆圈。是的，我们只需给它们上色，这样我们就可以区分它们。让我们复制它。是的。接下来，让我们为这些添加字段。我们只需给它命名。是的。现在让我们添加服务和状态。对于服务，我们将添加网页设计。把所有东西都放在那里。都是网页设计。所以我们只需复制粘贴。状态我们将设置为“已支付”。为此我们也可以给出颜色。我们将一个设置为“待处理”。现在让我们填充名称和个人资料图片。所以为此我们将前往内容重新，首先我们将前往用户资料。选择所有这些。插入随机照片。正如你所看到的，插入了随机照片。现在让我们前往内容轮。选择这些字段。我只需要名字，但它不可用。是的，名字和姓氏。完成。所以你的仪表板几乎准备好了。现在让我们移除网格。让我们选择画框，禁用网格。所以这就是我们的仪表板最终的样子。所以就是这样了，各位。感谢你加入我使用Figma创建仪表板的旅程。所以无论你是刚开始还是正在寻找建立作品集的方法，这个视频都适合你。在UIUX设计领域，实践是关键。还有什么比在真实项目上工作更好的实践方式呢。今天，我将与你分享10个非常适合初学者的UIUX项目想法。相信我，这些项目不仅有趣，而且它们将帮助你培养每个设计师都需要的关键技能。你可能会想，我为什么要进行UIUX项目，特别是我刚开始的时候？嗯，实践项目让你有机会应用你所学的一切，从线框图到原型设计，甚至用户研究。它们帮助你理解如何以用户为中心进行设计，以及如何批判性地思考应用程序或网站的流程。此外，它们还为你提供了可以在作品集中展示的实物。所以，在整个过程中，你将培养设计思维、解决问题、用户测试和视觉设计方面的技能。这些技能对于在UIUX领域建立职业生涯至关重要。所以，到本视频结束时，你将拥有一份清晰的项目路线图，这些项目不仅能帮助你作为设计师成长，还能帮助你在潜在客户或雇主面前脱颖而出。现在，在我们开始之前，我为各位准备了一个小测验。暂停视频，前往描述框，回答问题，然后我们就可以开始了。所以，首先，让我们从一个对每个UIUX设计师来说都必不可少的初学者友好项目开始，那就是你的个人作品集网站。所以在这里你可以以一种富有创意且用户友好的方式展示你的技能和作品。所以它是你的数字简历，但更具吸引力。所以对于这个项目，你将获得响应式设计的实践经验，确保你的网站在任何设备上都看起来很棒。你还将致力于用户交互和视觉层次结构，以创建流畅易于导航的体验。所以如果你是网页开发新手或类似情况，不用担心，因为HTML、CSS的基础知识以及对Bootstrap或React等框架的熟悉将帮助你入门。你还需要像VS Code这样的编码工具，Adobe XD或Figma用于设计，以及像GitHub Pages或Netlify这样的托管平台。所以在短短10小时内，你将拥有一个功能性的作品集，展示你的个人品牌并提升你的在线可见度。所以通过做这个项目，它将帮助你学习响应式设计和交互式设计等关键技能，这是你可以自豪地添加到你的作品集中的东西。现在接下来，让我们谈谈创建移动应用程序线框图。所以这是一个完美的项目，适合初学者深入了解应用程序如何工作和构建，以及用户如何在其间导航。所以正如你所知，线框图是任何移动应用程序设计的骨干。它们帮助你在深入细节之前可视化按钮、菜单和内容的放置。此外，你将学会优先考虑可用性和用户体验，而不是华丽的视觉效果。相信我，早期做好这一点会使整个设计过程在后期变得容易得多。所以，为此，你将为一个简单的移动应用程序设计线框图。所以，例如，你可以选择像天气应用程序这样的东西。你不需要构建完整的应用程序。你只需专注于创建布局和结构。你的目标是绘制用户流程图，并确保导航是直观的。所以对于工具，你可以使用Figma或Sketch来创建你的线框图。所以两者都非常适合设计低保真模型图。而且由于这个项目专注于用户流程和导航，它是练习以用户体验为中心进行设计的绝佳方式。现在第三个，我们有一个有趣且实用的项目，那就是设计电子邮件模板。所以电子邮件营销仍然是吸引用户最强大的方式之一。所以知道如何设计功能性、有吸引力的电子邮件模板是任何初级UIUX设计师的必备技能。所以基本上对于这个项目，你将设计和编码一系列响应式电子邮件模板，这些模板在各种电子邮件客户端（如Gmail、Outlook甚至Apple Mail）中看起来很棒并且运行良好。所以这一切都是为了确保你的电子邮件无论在哪里打开都能正确显示。你还将学习如何通过包含号召性用语按钮或驱动转化的链接来优化这些电子邮件以提高用户参与度。所以你需要对HTML和CSS有基本的了解。所以这些是编码电子邮件的构建块。对于工具，你将使用Mailchimp或Campaign Monitor进行设计部分，并使用像Sublime Text或VS Code这样的代码编辑器来编写代码。你还会想使用Litmus或Email on Acid等服务测试你的电子邮件，以确保它们在所有平台上正确渲染。所以这绝对是一个值得添加到你的作品集中的项目。现在我们列表上的下一个是网页表单优化。所以网页表单是我们都在使用的东西。所以无论是注册网站还是进行在线购买，但你多少次因为表单太复杂或令人困惑而放弃了它，这正是这个项目如此重要的原因。所以为此你将采用一个复杂的网页表单，如注册或结账表单，并对其进行优化以获得更好的用户体验。所以目标是简化一切，例如减少字段数量，给出清晰的说明，并确保表单逻辑流畅。你还将关注表单字段设计等方面，确保它们清晰标记且易于填写。别忘了错误处理，例如如果用户输入错误，你应该提供有用的消息引导他们回到正轨。所以这个项目完全是关于从用户的角度思考。那么你如何才能让他们的体验更好更快呢？在这里你将学习清晰度、一致性和反馈的重要性，这些是改进任何表单的关键原则。现在，接下来，让我们接受一个有趣且具有挑战性的项目，那就是创建一个Netflix页面克隆。所以，如果你曾好奇Netflix这类富媒体网站是如何设计的，这是你深入了解其运作方式的机会。所以，对于这个项目，你将构建一个类似Netflix的流媒体服务页面的克隆，你将学习如何为媒体密集型内容进行设计，优化视频传输过程，并确保整个浏览体验是用户友好的。所以，你将使用HTML、CSS和JavaScript来创建页面。对这些语言的基本理解会派上用场。此外，你还需要熟悉响应式网页设计，以确保你的。

页面在所有屏幕尺寸上看起来都很棒。例如，无论是手机、平板电脑还是台式机。此外，如果您之前使用过 API 进行流媒体内容，那么提取视频将非常有用。现在，要让您的设计栩栩如生，您需要像 Adobe XD 或 Figma 这样的 UI 设计工具。而对于媒体托管，AWS 等服务将帮助您管理您的内容。因此，这个项目具有中等复杂度。所以，现在让我们继续另一个对初学者友好的项目，它既实用又有趣，那就是数字待办事项列表应用程序。所以，这是一个简单的概念，但您将培养的技能非常有价值。待办事项列表应用程序可帮助用户保持条理并确定任务的优先级。设计一个待办事项列表是学习 UIUX 设计基础知识的好方法。因此，对于这个项目，您将设计并构建一个简单而有效的待办事项列表。您的主要目标是创建一个干净的界面并实现直观的用户交互。您需要考虑用户如何轻松添加、编辑和删除任务，以及如何使应用程序的设计尽可能用户友好。所以在这里，您需要 UIUX 设计原则的基本知识和一种编程语言的熟悉度。可以是 JavaScript 或 Python。而对于设计部分，Figma 或 Adobe XD 等工具将帮助您创建简单而实用的布局。而 VS Code 等开发环境将帮助您将所有内容整合在一起。现在，您还可以使用 Material UI 或 Bootstrap 来制作 UI 组件，以节省时间并使您的设计看起来时尚。因此，通过这个项目，它是学习界面设计可用性和用户参与策略的绝佳起点。所以，在我们继续下一个项目之前，我有一个快速测验给你们。暂停视频，转到描述，尝试回答问题，然后回来。现在，我们列表中的下一个项目是健身追踪仪表板。因此，通过这个项目，您将为一款允许用户监控他们的锻炼、营养和整体进度的应用程序设计用户界面。因此，在这里您将创建一个直观的仪表板，显示消耗的卡路里、步数以及健身目标的进展等关键指标。您还将整合目标设定等功能，并使用图表和图形有效地可视化数据。因此，这里的主要重点是确保应用程序感觉具有激励性，并以无缝的方式帮助用户跟踪他们的健康状况。因此，如果您已经熟悉 Figma、Sketch 等工具，这将是发挥这些技能的好方法，您还想使用 Invision 或 Adobe XD 等原型工具让您的设计栩栩如生。因此，要创建逼真的设计，您需要样本健身数据，例如步数、卡路里和锻炼日志。因此，这将帮助您可视化用户将如何与应用程序交互，并确保一切都清晰地布局。现在，我们的下一个项目是设计一个旅行页面。因此，如果您曾经在线预订过旅行或探索过旅游目的地，您就知道拥有一个引人入胜且易于导航的网站有多么重要，对吧？因此，这个项目将帮助您设计一个旅行页面，为用户提供无缝的体验来探索和预订他们的下一次冒险。因此，这里的主要目标是创建以用户为中心的导航，以便访问者可以轻松浏览目的地、活动和套餐。您还需要集成多媒体内容，如精美的照片、引人入胜的视频和真正吸引人的互动元素。因此，为了确保在所有设备上都能获得流畅的体验，您将针对移动和桌面用户优化页面，重点关注自适应布局。因此，您需要一些 HTML、CSS 和 JavaScript 的基本知识，并熟悉响应式网页设计原则。我们还将使用 VS Code 等工具进行开发，并使用 Adobe XD 或 Figma 进行 UI 设计。现在，让我们继续我们的第九个项目。让我们换个话题，谈谈对每个 UIUX 设计师都至关重要的基础项目，那就是创建用户画像。因此，这与设计应用程序或网站无关。这是深入了解您的用户、他们的需求、目标和挑战。相信我，这一步可以决定您设计的成败。所以，这是想法。您将进行目标受众研究，如调查、访谈或分析现有数据。然后将您的发现转化为详细的用户画像。因此，这将帮助您深入了解用户的动机、他们面临的问题以及他们对产品或服务的期望。因此，这个项目的重要性在于，用户画像指导您做出的每一个设计决策。它们确保您不仅仅是在猜测用户想要什么，而是在创造真正解决他们痛点并与您的目标一致的东西。因此，这一切都围绕着以用户为中心，而这正是出色的 UIUX 设计的精髓。因此，对于这个项目，您将专注于人口统计信息、行为和目标等内容，然后将其转化为您的团队可以参考的配置文件。Figma 和 Adobe XD 等工具，甚至只是一个结构化的文档，都可以帮助您以专业的方式可视化这些用户画像。因此，这个项目听起来可能很简单，但它非常强大，并且可以培养您在用户研究、同理心和解决问题方面的技能，而这些技能是 UIUX 设计的核心。我们在这里，是我们列表中的最后一个项目，即可用性测试。因此，这对于任何 UIUX 设计师来说都是一个真正的游戏规则改变者，因为它能帮助您通过真实用户的眼睛看待您的作品。那么您该怎么做？您只需选择一个网站或应用程序。它可以是任何东西，从流行的电子商务网站到社交平台，甚至是您自己的项目之一，然后您将与真实用户进行可用性测试。因此，目标非常简单。它让您观察人们如何与网站或应用程序进行交互。它帮助您识别他们感到困惑、沮丧或迷失的地方，还可以 pinpoint 用户旅程中的任何问题。因此，一旦您观察并收集了反馈，就该进入解决问题模式了。因此，我们将利用所有宝贵的反馈并提出改进建议，以增强用户体验。因此，也许用户卡在某个特定的表单上，或者难以找到某个功能。因此，您将记录您的发现，概述您的建议，并将所有内容汇编成一份全面的报告。因此，这个项目完全是为了理解您的设计在现实世界中的影响。您将学会分析用户行为，发现痛点，并做出数据驱动的设计决策，这些技能对于任何 UIUX 设计师来说都是必不可少的。最棒的是，可用性测试表明您关心实际的用户体验，而不仅仅是美学，这正是雇主希望在您的作品集中看到的内容。这就是我们 10 个对初学者友好的 UIUX 项目的总结。这些项目不仅能帮助您建立一个扎实的作品集，还能为您提供成长为一名设计师所需的实践经验。请记住，关键在于不断尝试、学习和完善您的技能。大家好，欢迎来到 SimplyLearn 的这个视频，我们将深入探讨 Behance，这是创意人士展示他们的作品、与其他设计师建立联系并被客户或雇主发现的首选平台。所以，如果您不知道，Behance 就像一个视觉游乐场，艺术家、摄影师、平面设计师甚至电影制作人都在这里分享令人惊叹的作品集，会让您大开眼界。它拥有全球数百万用户，是灵感和人脉的中心。它拥有项目组织、社区反馈以及将媒体嵌入项目等功能。所以，在这个视频中，我将指导您如何创建一个杀手级的 Behance 作品集，探索一些一流的示例，并分享让您的个人资料脱颖而出的技巧。所以，无论您是初学者还是想提升自己，请坚持下去，让我们快速开始。在此之前，如果您对 UIUX 职业感兴趣，请加入我们沉浸式的 UIUX 认证计划，并在短短 5 个月内成为专家。该课程提供由印度理工学院班加罗尔分校的知名教授领导的在线直播课程。通过顶点项目获得实践经验。在 dribble 上打造您的作品集，并获得顶级设计师工具的个性化指导。最棒的是，Simply 的就业援助将一路支持您的旅程。立即注册，在 UIUX 设计领域开启无限可能。代码链接在描述框和置顶评论中。那么，让我们开始吧。所以，这是 Behance 的网站。嗯，基本上这是一个服务于广泛创意专业人士的平台。所以，如果您是 UIUX 设计师，您可能希望展示各种项目，以突出您的设计过程、技术技能和创造力。所以，这个平台允许您创建涵盖设计和用户体验不同方面的项目。所以，例如，如果您转到筛选器，然后查看创意领域，您知道，您有 UIUX 设计领域，您可以在其中展示 Web 和移动应用程序设计、用户流程、线框图、原型、用户研究和案例研究。然后您在这里有一个图形设计师的专栏。所以，您可以在这里展示您的帖子、标志、海报、画笔以及这些设计的创意过程。您还可以选择插画。您还可以找到网页设计、视频创作者、摄影师等的作品集示例。所以，正如您在浏览 Behance 主页时所看到的，您会看到来自这些不同创意领域的作品集。所以，Behance 算法会根据您的兴趣个性化您的信息流，向您展示与您的创意团队相关的项目。所以，无论是 UIUX 设计还是任何其他创意学科。所以，要开始使用 Vihance，您必须先注册。所以，正如您所看到的，您可以选择通过 Google、Apple 或 Facebook 凭据进行此操作。所以，我在这里通过 Google 注册。所以，首先他们会问您是自由职业者、创意人士还是招聘人员，因为，你知道，基本上招聘也通过手进行。所以，您可以选择其中一项，无论是招聘人员还是，你知道，无论是，所以，现在，我们要做一个作品集，对吧？所以，我们是创意人士或自由职业者。所以，我们选择这个，一旦您注册了，正如您所看到的，Behance 会要求您通过选择您最感兴趣的项目类型来定制您的信息流。你知道，正如你所看到的，它可以是平面设计、摄影、UIUX 插画。所以，现在，我们将只选择 UIUX，你知道，您可以选择对您有意义或接近您的工作角色的。然后，我们还将选择产品设计。然后，让我们看看自定义字段。所以，正如你所看到的，这有助于 Behance 推荐符合你创意兴趣和技能的内容。我们现在就关闭这个。然后，让我们去我们的 Behance 个人资料。是的。所以，正如你所看到的，你的 Behance 个人资料就是你的数字作品集。并且使其在视觉上吸引人且信息丰富至关重要。所以，正如你所看到的，第一步是上传一张个人资料照片。好的？所以，如果你是一家公司，如果你是一家公司，你可以上传你的，你知道，你的公司标志，你的公司标志，但如果你是自由职业者或独立 UX 设计师，例如，你可能想使用一张极简、清晰且平易近人的图片。所以，这里也有一些设计师选择干净专业的头像，而另一些则选择展示代表他们个人品牌的标志或头像。所以，现在，我们将上传一张个人资料照片。所以，让我们去编辑个人资料信息。在这里，我们可以去上传个人资料照片。你可以调整它的大小。让我们裁剪并保存。正如你所看到的，你的个人资料照片已经准备好了。之后，你必须填写你的详细信息。你的名字，姓氏，你的职业或你工作的公司。所以，这些都不是必填字段。所以，如果你愿意，你可以提供这些信息。所以，最好提供所有信息。所以，想雇佣你的人能全面了解你。你还可以提供你的位置，如果你有网站 URL，你甚至可以提供它。现在，这里有团队选项。所以，在这里你实际上可以，你知道，创建或加入一个团队，这意味着你可以协作，而且你还可以连接你的 Twitter 帐户，你的 LinkedIn 句柄，你的 Instagram 句柄，在这里你可以给出你的用户名，比如如果你有一个 Facebook 帐户，它展示了你的作品，你可以给出你的 Facebook 名称，然后你只需要，你知道，添加你的用户名，你可以给出你的 YouTube 句柄。现在，设置好基础知识后，现在是时候优化你的个人资料，使其在潜在客户和合作伙伴眼中脱颖而出了，然后这里是关于我部分。所以，关于我部分非常重要，因为这是你讲述你的故事的地方。所以，例如，如果你是 UIUX 设计师，提及你的设计理念很重要。例如，以用户为中心的设计，你擅长的工具，如 Figma、Sketch 或 Adobe XD，以及你通常处理的项目类型，以及你的经验和背景。所以，例如，你可以写这样的描述，比如我是 Snha，一位充满激情的 UIUX 设计师，拥有视觉设计背景。我专注于为移动应用程序和网站创建直观的用户中心设计。我的目标是设计令人愉悦用户的视觉体验，同时实现业务目标。我使用的工具包括 Sketch。所以，正如你所看到的，在一段话中，你已经涵盖了我之前提到的所有内容。现在，一旦你给出了你的描述，你就可以添加你的工作经验、链接和 URL 等等。所以，所有这些信息都会自动保存。现在，让我们回到个人资料。所以，正如你所看到的，当你继续设置你的个人资料时，你会看到一个编辑可用性选项。所以，这基本上让你的雇主知道，你知道，你什么时候有空，以及一切。所以，在这里你可以给出你是在寻找全职工作还是自由职业项目，你还可以给出你什么时候有空。你还有类别，你可以勾选，你知道，你提供的服务。所以，它可以是标志设计或任何东西，你也可以设置你的价格范围，然后完成。所以，一旦你的可用性更新了，你知道，你就可以选择你的付款选项，因为我们，正如你之前看到的，我们设置了一个价格范围，对吧？所以，他们会问你付款选项。你可以选择它们。现在，下一步是添加一个横幅。所以，你的横幅图像应该是你设计品味或你作品的代表。所以，作为一名 UIUX 设计师，例如，你可以使用一个突出的项目截图、一个作品集亮点或一个反映你风格的抽象设计。所以，横幅是你访问个人资料时人们首先看到的东西之一，因为它比个人资料照片更大，当然。所以，确保它质量高且引人注目。而且，一旦你上传了，你就可以，你知道，拖动并，是的，重新定位你的横幅，然后按完成。所以，现在你的个人资料已经设置好了，是时候开始上传你的项目了。所以，Behance 允许你创建详细的项目页面来展示你的作品，格式多种多样。但在此之前，你要做的第一件事是谈谈你提供的服务。对吧？所以，在这里你可以去服务。你可以创建一个服务，你可以给出从 Behance 添加示例。所以，一旦你完成了项目，你就可以从 Behance 添加示例。例如，你将在 Behance 中有一些项目，你可以，你知道，在这里附加。你可以给出基本信息，你可以给出你提供的服务的描述。你可以提供交付时间、类别等。在这里你也可以设置价格。所以，这就是你创建服务的方式。所以，基本上服务有助于人们了解你做什么，以及你是否适合他们的需求。现在，正如你所看到的，Behance 与 Adobe Stock 集成，允许你通过该平台上传和销售你的作品。所以，如果你是摄影师或视觉艺术家，这是一个绝佳的机会，通过授权你的创作给潜在买家来将其货币化。现在，我们这里还有直播。所以，对于那些希望与观众互动的人，它还提供了直播你的设计过程的选项。所以，无论你是在进行现场插画、Photoshop 教程还是设计评审，这个互动功能都可以让你实时与粉丝和潜在客户建立联系。此外，你的项目中还有情绪板。所以，情绪板有助于展示你的创意方向或设计过程的初始阶段。所以，它们通常包含代表你在项目中追求的视觉基调的图像、颜色和设计元素。所以，现在，让我们回到创建项目。再次，在我们开始之前，我将先带你浏览一个 Behance 上的优秀作品集，这样你就能有一个清晰的画面。所以，这是我在 Behance 上遇到的一个优秀作品集。所以，这是一个 UIUX 设计师 Cheron 的作品集。所以，正如你所看到的，作品集以一个简短而有影响力的介绍开始，展示了她是一位经验丰富的 YUX 设计师，对细节有敏锐的洞察力，并热衷于创造用户和传统解决方案。所以，这为整个演示定下了基调，强调了她的职业道德和以设计为驱动的心态。之后，她给出了她的教育资格，她从哪里学习，这也很酷。她实际上给出了一个二维码，如果你扫描，你就可以看到她的简历。所以，你也可以在你的作品集中使用所有这些，你知道，创意想法，之后，她提到了她拥有的技能，比如研究技能，比如 UX 研究、竞争对手分析、用户流程、线框图、模型，她还强调了她精通的工具，以及她精通的工具。之后是她选择的项目。所以，作品集包含她最佳作品的精选，展示了她在不同行业和平台上的多功能性。所以，每个项目都附有详细的案例研究。它解释了项目的内容。还给出了一个简短的描述，关于她的爱好和感谢信。所以，这就是你创建作品集的方式。所以，让我们回到。所以，你只需要按创建项目。所以，这将打开一个编辑器，你可以在其中上传你的内容，无论是图像、文本、照片网格，你甚至可以上传视频和音频，你可以嵌入来自其他网站的视频和，你知道，照片。所以，让我们一个一个地看。所以，例如，首先你可以，正如你在前面的例子中所看到的，首先你可以谈谈你是谁，你知道，或者给出你的职位描述等等。所以，为此，你在这里有文本选项。所以，也许你首先可以谈谈你自己，然后你有一个选项，你可以，你知道，上传图像。你可以上传多张图片。所以，一旦你上传了项目的图片，你就可以微调它们的显示方式。所以，Vance 允许你上传多张图片，正如你所看到的，并根据需要重新排序它们。所以，如果你去编辑选项，你知道，你可以重新排序项目，你可以添加标题，你可以替换图片，你也可以删除图片。所以，例如，如果你想重新排序，你只需要在这里按一下，然后你只需要像这样交换顺序。稍等一下。是的。所以，这就是你重新排序的方式，你可以保存新的顺序。所以，首先你可以，你知道，你可以把你的图片扔进去，然后你可以有逻辑地安排你的作品。现在，正如你所看到的，这里有一个附加资产的选项。所以，你还可以附加额外的资产，比如 PDF、外部链接，甚至是代码片段，如果你正在处理技术项目。所以，这对于想要展示他们的作品以及技术细节的开发人员来说尤其有用。现在，你这里还有一个照片网格选项。所以，如果你想要多张照片，你可以做的是，你可以一次选择所有照片并一起打开，这样你就可以得到一个网格。所以，如果你想展示多个设计或项目的不同阶段，而又不让观众感到不知所措，这是完美的。现在，正如你所看到的，Behans，这是一个非常好的功能。Behance 还允许你将视频和互动元素嵌入到你的项目中。嗯，所以，例如，如果你在这里按一下，你只需要粘贴嵌入代码。所以，我给你举个例子。所以，例如，如果我想在我的个人资料中展示这个视频，我只是以这个视频为例。所以，当你去分享按钮时，你实际上可以，你知道，得到一个嵌入代码。你可以复制这段代码。去项目，然后在这里粘贴。按嵌入。是的。所以，正如你所看到的，你的视频在这里的个人资料上，你也可以播放它。所以，这就是你可以玩转并制作你的作品集的方式。正如我所说的，在创建你自己的作品集之前，参考一些优秀的作品总是更好的，这样你就可以从中获得灵感。但请确保你不仅仅是复制别人的作品。只是从中获得灵感，你必须有自己的信誉。另外，在文本选项中，请确保你首先给出你的介绍，然后再次，你知道，确保你谈论你使用的工具和软件。所以，一旦你完成了你的作品集，下一步就是发布和分享。所以，当你向下滚动时，你可以在这里预览一下你的作品集会是什么样子，而且，别忘了在页脚下方给出你的联系信息等等。所以，一旦你的预览完成，你就可以继续，这里再次，你必须给一个项目封面照片。我只是随便拍了一张封面图片，然后在这里你必须给出你的项目标题、项目标签和使用的工具。你还必须给出你将如何对这个项目进行分类。所以，例如，如果我做了一个关于 UIUX 的工作流程作品集，你实际上可以选择 UIUX 领域。你可以给出可见性选项，一旦一切都完成了，你就可以发布你的作品。所以，就是这样，伙计们。我希望这个视频能帮助你理解如何在 Behance 上创建一个很棒的作品集。这是一个分享你的作品、获得灵感和与他人联系的绝佳平台。所以，如果你觉得这个有帮助，请点赞并留下评论。而且，别忘了订阅以获取更多此类视频。>> 所以，废话不多说，让我们开始今天的用户界面和用户体验课程。所以，用户界面或用户体验设计，也称为 UIUX，是以用户为中心的方法创建数字产品的过程。UI UX 设计的目标是提供一个既美观又极其愉悦使用的产品。UI 和 UX essentially 是同一件事，属于同一学科，这是一个普遍的观点。但那并不完全准确。它们是独立的领域，专注于用户与数字产品交互的不同方面。然而，它们密切相关，并且在许多方面重叠，以至于它们在很大程度上被合并为一个职业。所以，首先，让我们快速看一下今天课程的议程。我们将从理解什么是 UI UX 开始。然后我们将继续了解 UIUX 设计师需要哪些技能以及他们的任务是什么。接下来，我们将看到 UI 和 UX 之间的区别。然后，UI UX 中的研究技术是什么，它们如何协同工作，以及结合它们的缺点是什么。所以我希望我已经把议程讲清楚了。现在，什么是用户体验和用户界面是我们的第一个主题。让我们开始吧。所以，一个人将如何与产品互动？理解用户的完整旅程并将其转化为产品。人机用户与日常产品和服务的交互是 UX 设计的主题。它包括用户参与。如果你要总结你的用户体验工作的目标，用户参与就会出现。他们通过参与与用户的兴趣、动机和抱负保持联系。接下来，目标。目标，就像行业一样，UX 设计旨在通过产品的可用性、易用性和愉悦性来提高客户满意度和忠诚度。UX 指的是客户从产品中获得的完整用户体验。通过评估产品的可用性，我们可以判断消费者是否能够成功且快速地完成任务。良好的可用性是成功用户体验的基础，它经常被用户体验和易用性所混淆。用户体验 UX 设计的一部分是可用性。可用性是用户体验的第二个层次。因此，一旦你确定了你的产品可以解决用户的问题，你就必须解决你产品的可用性。设计师的功能满足用户需求和情况的程度决定了设计的可用性。可用性涉及导航。创建、分析和实施用户在网站或应用程序中导航的方法的学科。熟悉度。一个可用且用户友好的设计始终提供一致的体验。在此之后，我们有错误预防。在用户犯错时提醒用户，目的是让他们能够毫无错误地完成他们正在做的任何事情。接下来，我们有反馈。反馈用于参与和解释，并可以提高用户满意度。在此之后，我们有视觉清晰度。视觉清晰度是衡量视觉设计如何有效地优先排序和传达信息的指标。最后，我们有灵活性。这是关于了解你的客户并为不同的客户意图提供灵活性。现在我们对 UX 有了简要的了解，让我们来了解一下 UI 是什么。UI 或用户界面。人机接触和交互的点称为用户界面。这可以包括桌面显示器、键盘、鼠标和其他指向设备。它还指用户与网站或应用程序交互的方式。换句话说，他们设计网站或应用程序的用户界面。了解用户界面后，我们将看到不同类型的用户界面。首先，我们有命令行界面或 CLI。CLI 允许用户在终端或仪表板窗口中输入命令，以与软件进行通信。它是一个平台或通道，用户通过键入命令并接收系统响应来响应可见的提示。接下来，我们有 GUI 或图形用户界面。图形用户界面允许人们仅使用图形与操作系统进行交互。在图形用户界面中，有菜单，如窗口、滚动条、按钮、向导、绘画、替代图标等等。它易于理解且自然。用户以任何格式接收信息，包括纯文本、视频、照片等。在此之后，我们有触摸图形用户界面。触摸图形用户界面可以使用用户的指纹或触控笔来控制图形。这可以在台式电脑、笔记本电脑或手机等便携式设备上完成。触摸屏图形用户界面越来越多地用于医院环境，并为患者和医护人员提供了许多优势。UI 和 UX 都需要很多技能。让我们来看看这些技能。由于工作的性质，UX 设计师需要技术技能集，如使用 Sketch、Cause by defect 和 Adobe XD 等程序进行设计或开发。成功的 UX 设计师拥有以下软技能或能力。让我们讨论 UX 设计师的不同技能。除了硬技能，还有研究、解决问题和沟通。研究。研究是一项基本技能。设计师必须从他们收集的数据中提取有用的见解，无论是在早期阶段还是在实际测试期间。接下来，我们有解决问题。在一个称为动态的过程中，UX 设计师会研究各种方法来解决单个用户问题。他们不仅在原型设计中解决困难，而且还不断开发和改进目标或服务，使其更加用户友好。最后，我们有沟通。由于 UX 设计确实是一个高度协作的过程，因此沟通至关重要。这包括能够有效地在团队内部以及与客户沟通用户在使用产品时的需求和要求。现在，让我们来讨论 UI 设计师在作为 UI 设计师工作时需要的技能。他们必须具备一些硬技能。UI 设计师必须跟上当前的趋势、方法和技术才能成长。他们必须熟悉设计美学、用户界面、品牌设计、布局和其他平面设计方面的内容。他们还必须知道如何使用平面设计和线框图软件。成为一名 UI 设计师需要以下一些技能。创造力。UI 设计师能够有效解决问题的唯一方法是提出新颖的想法。由于想象力是创造力的一部分，因此公司会寻找有创造力的人。团队合作和沟通。用户界面设计师必须与他人良好合作。他们与产品架构师和 Web 开发人员密切合作。因此，清晰的沟通对于成功的产品至关重要。适应性。技术发展迅速，以不断开发其产品和服务。良好的 UI 设计拥抱变化并跟上行业趋势。了解了 UX 和 UI 设计师所需的技能后，我们将看看他们的不同任务。UX 设计师。UX 设计师从研究开始。面对面的访谈通常是用户研究的第一步。这些对话使他们能够更好地理解用户的动机和问题。设计师还会进行用户测试以观察用户活动。他们通过检测口头和非口头障碍来改进并提供最佳的用户体验，例如 UX 设计师完成的工作是用户理解、分析交互和线框图/原型设计。所以，第一个是用户理解。深入研究通常是 UX 设计的第一步，目的是理解受众、他们的需求和愿望。同理心是 UX 设计师的一项关键能力。它有助于 UX 设计师理解和揭示目标受众隐藏的需求和反应。接下来，他们分析交互。用户体验设计师会检查用户如何与事物互动，包括他们的习惯、偏好和快捷方式。在所有可用的见解中，都会提出更好的设计解决方案。最后一个是原型设计。原型是 UX 团队在发布前用于测试的模型或试用版本。它旨在在与利益相关者分享概念并最终将最终版本交给设计工程师进行开发过程之前进行测试和验证。UX 设计师始终积极参与产品的组装过程，以确保设计朝着正确的方向发展。他们与每个团队成员沟通。现在，在了解了 UX 设计师完成的任务后，我们将看看 UI 设计师的任务。UI 设计师。一旦 UX 团队完成了他们的流程并将线框图移交，Web 设计师就负责创建产品在图形上的布局。他们当然必须从用户的角度进行设计。这包括理解界面设计和实施基本设计原则。它还包括仔细选择字体、菜单设计、按钮、图标和其他元素，以表达品牌并满足用户需求。UI 设计师完成的任务有几项，第一项是测试。通常，UI 测试，有时也称为测试，是一个旨在测试用户将与之交互的任何产品的特性的过程。通常，这涉及对视觉组件进行测试，以确保它们按照规范执行和功能。沟通。通常，技术团队、UX 设计师和 UI 设计师密切合作。需要沟通能力来理解技术可行性。线框图。UIUX 设计中最重要的一道工序是线框图。这涉及对数字应用程序的框架进行建模。线框图是产品大纲，显示了重要页面中将包含哪些软件组件。它是设计交互过程中的一个重要步骤。现在，我们将看到 UI 和 UX 之间的区别。在 Web 和应用程序设计中使用的两个经常被混淆和混淆的术语是 UX 设计和 UI 设计。这很有道理。表面上看，它们似乎在描述同一件事，因为它们经常在 UIUX 设计阶段合并。但是，别担心，我们将尝试理解 UI 和 UX 之间的基本区别。用户体验与用户对产品或服务的体验有关。而 UI 指的是人类与产品交互的视觉组件。因此，UX 侧重于字体、颜色、菜单栏等视觉界面元素，以及更多。而 UI 侧重于用户以及他们与产品的体验。了解了 UX UI 的区别后，我们将看到 UI UX 中的研究技术。收集真实用户的信息以了解他们的需求和旅行区域的做法称为用户研究。以下是用户研究技术。用户画像。用户画像是平均用户的虚构形象。其目的是帮助 UX 设计师针对特定的目标用户而不是通用用户开发解决方案。用户访谈。用户访谈是获取用户数据的绝佳方法。了解用户为什么会遇到某些问题，并确定你的设计是否满足他们的需求。接下来，调查。作为 UX 研究调查的一部分，设计师会向特定用户群体发送一系列问题，以了解他们的态度和偏好。现在，我们将看看 UI 设计师的研究技术。研究确保在设计用户界面时考虑用户的需求和期望，这通常是过程中的第一步。在用户体验建立之后，UI 设计过程就开始了。UI 设计师必须确定最佳的配色方案、图案和其他视觉组件。这使得 UI 设计师能够获得想法，并确保他们选择的设计组件符合用户的选择和需求。现在，我们将看到它们如何协同工作。虽然 UI 和 UX 设计涉及截然不同的技术技能，但它们都是提供最佳用户体验的主要要素。没有适当的 UX 设计，一个漂亮的 UI 设计可能会变得笨拙且难以导航。在任何前端设计和开发过程中，理解用户需求都应该是第一步。现在，在此之后，我们将看到结合它们的缺点。当您拥有合并的 UIUX 功能时，这几乎就像同时戴两顶帽子。UI 和 UX 设计师拥有不同的技能集。尽管大多数公司将 UX UI 功能宣传为一个统一的角色，但它的主要焦点、看待事物的方式以及原型设计产品的方法却大不相同。在混合 UIUX 角色中，不断地在想法和表示之间切换可能会很困难，并减少每种学科所需的关注度。今天我将谈论 UIUX 设计法则。伟大用户体验背后的秘密武器。这些不仅仅是随机的规则。它们是实用且经过验证的原则，可以使您的设计直观且用户友好。所以，在这个视频中，我将解释 12 条最重要的 UIUX 设计法则。我们还将看到每个法则的一些示例，以便更好地理解。所以，让我们开始吧。但在此之前，这里有一个快速信息给你们。您可以通过 Simply Learn 的高级 UIUX 设计认证来释放您的潜力，并深入用户中心设计世界。这个全面的课程涵盖了线框图、原型设计、可用性测试等基本技能，并掌握了 Sketch、Figma 和 Adobe XD 等行业领先工具。一个专注于实践学习的 Genai 驱动的 UIUX 设计课程。无论您是 aspiring 设计师、想扩展技能集的开发人员，还是正在转型到 UIUX 领域的人，该计划都提供实践经验、真实项目以及行业专家的专家指导。立即注册，通过 SimplyLearn 的全球认可认证，开启您在 UIUX 设计领域成功职业生涯的旅程。所以，你可以在描述框和置顶评论中找到课程链接。那么，让我们开始吧。所以，让我们从美学可用性效应开始。它指出，人们认为漂亮的设计效果更好，即使它们实际上不是。所以，想想当你看到一个设计精美的应用程序或网站时你的感受。你自然会认为它质量很高且易于使用，对吧？这就是这条法则在起作用。一个好看的设计能建立信任和积极的感觉。即使存在一些小瑕疵。所以，这就像遇到一个穿着得体的人。他们似乎更可靠。一些例子是苹果产品。它们时尚的设计让人们觉得他们在使用最好的技术。即使有时存在 bug 或故障，Airbnb 的网站也是如此。干净的设计和高质量的图像让你在预订住宿时感到自信，即使你以前从未用过这个平台。现在，第二，我们有 Docker 阈值。所以，当系统响应速度快于用户的思维速度时，用户就会保持参与。没有人喜欢等待，无论是页面加载还是按钮响应。延迟会惹恼用户。所以，如果你的应用程序或网站跟得上用户的节奏，他们就会保持专注并享受体验。例子是 Instagram。所以，当你滚动时，新的帖子会立即加载。所以，你永远不会感到被打断。还有 Google 搜索。当你点击搜索的那一刻，结果就快速无缝地出现了，让你保持参与。现在，接下来我们有 Fitts 定律。它定义了更大、更近的按钮更容易点击或触摸。所以，想象一下试图点击屏幕角落的一个小按钮。这很烦人，对吧？现在想想点击一个大而位置得当的按钮有多容易。这就是 Fitts 定律。当交互元素又大又近时，它们更容易、更快使用。一些例子是亚马逊的“立即购买”按钮。它很大、醒目，就在你可以看到的地方。所以，你可以毫不费力地进行购买。还有 MDO，当你将鼠标悬停在一个图标上时，它会放大，让你更容易点击你想要的那个。现在，第四，我们有 Hick 定律，这意味着更多的选择等于更长的决定时间。所以，你是否曾经看过一份很长的餐厅菜单并感到不知所措？这就是 Hick 定律在起作用。当用户被过多的选项轰炸时，他们需要更长的时间来决定，或者更糟的是，放弃。所以，保持简单有助于用户集中注意力并快速行动。一些例子是 Netflix 的分类。所以，Netflix 没有向你展示所有内容，而是将内容组织成易于浏览的部分，如主题和热门。然后你有 Spotify 的播放列表。它们会推荐一些精心策划的播放列表，而不是展示每一首歌曲，让你的选择更容易。现在，第五是 Jacob 定律，它指出用户期望设计与其他熟悉的设计工作方式相同。所以，人们喜欢熟悉的东西。如果你的设计与他们习惯的不符，他们会感到迷失和困惑。所以，把它想象成开车。如果有人移动了刹车踏板，那将是一场混乱，对吧？所以，一些例子是电子商务网站。所以，购物车总是在右上角。所以，把它移到别处会使购物者感到困惑。然后你有社交媒体平台。点赞和评论等功能在 Instagram、Facebook 和 Twitter 上都一样。所以，用户立刻就知道该怎么做。接下来是共同区域法则。它指出将相关项目分组在一起以显示它们是连接的。所以，想象一个杂货店，所有的水果都在一个区域，所有的零食都在另一个区域。这就是这条法则的工作方式。通过在视觉上分组相似的项目，你可以让用户更容易理解它们之间的关系。一些例子是 Google 搜索结果。所以，它们使用卡片来分组广告、精选摘要和自然结果。所以，很清楚什么属于一起。然后你有表格。所以，将姓名、电子邮件和电话字段分组有助于用户知道它们属于同一部分。接下来是 Miller 定律。人们一次只能记住大约七项。所以，我们的大脑一次只能处理这么多信息。如果你让用户的信息过载，他们就会忘记或感到困惑。诀窍是，将事物分解成更小的块，使其更容易处理。一些例子是 Spotify 的导航。所以，Spotify 的导航栏没有显示所有功能，而是专注于几个关键选项，如主页和搜索。然后你有分步表单。所以，像 LinkedIn 这样的网站将工作申请分解成更小的步骤，使过程不那么令人生畏。现在，下一个是奥卡姆剃刀。它指出最简单的解决方案通常是最好的解决方案。所以，多不一定意味着更好。一个干净简单的设计通常比一个带有太多花哨功能的更有效。所以，如果一个元素没有起到作用，最好将其移除。例如，Google 主页。它只是一个标志、一个搜索栏和两个按钮。简单而有效。现在，第九个是 P2 原则，也称为 80/20 法则。它指出 80% 的结果来自 20% 的努力。所以，专注于最重要的功能。所以，与其试图完善一切，不如找出少数几个影响更大的元素并优先处理它们。例如，Instagram。所以，发布照片和故事驱动了大部分的参与度。所以，这些功能是应用程序的主要焦点。然后你有亚马逊。立即购买按钮和搜索栏是前台和中心，因为它们是最常用的功能。接下来，我们有序列位置效应。它指出人们比中间的物品更容易记住第一个和最后一个物品。所以，如果你想让用户记住某件事，把它放在开头或结尾。中间的东西更有可能被忽视。例如，亚马逊的交易。它们在主页的顶部和底部突出显示最佳交易，以吸引你的注意力。还有演示文稿。你有没有注意到演示文稿中最令人难忘的部分通常是开头和结尾？现在，在第 11 位，我们有 Tesla 定律或复杂性守恒定律。它指出一些复杂性是不可避免的。所以，明智地管理它。所以，你不能简化一切。有些过程天生就很复杂。但你作为设计师的工作是让它们对用户来说尽可能简单。例如，Photoshop 工具栏。它很复杂，因为它必须是。但 Adobe 将工具组织成类别，使其易于管理。还有报税应用程序。报税本身就很复杂，但像 Turboax 这样的应用程序通过分步指导简化了过程。然后还有一些应用程序提供自动填充选项。最后，我们有“一站式效应”。它指出引人注目的事物更容易记住。所以，如果某样东西看起来不同，它就会吸引注意力并留在你的脑海中。所以，用它来突出重要的元素，如号召性用语按钮或特别优惠。例如，Spotify 的注册按钮。明亮的绿色按钮在深色界面中脱颖而出，使其不可忽视。还有促销标签。商店使用红色标签进行折扣，因为它们会立即吸引你的目光。所以，就是这样，伙计们。这就是我们视频的总结。这些 UIUX 设计法则就是你创造不仅美观，而且直观有效的设计的工具。所以，伙计们，让我们首先尝试理解为什么 UIUX 在 2026 年仍然很重要。所以，即使在 2026 年，UIUX 也不是可选项。每个应用程序、网站、软件或 AI 工具都需要良好的设计。如果用户不理解如何使用产品，他们就会离开。当用户离开时，企业就会亏损。这就是为什么 UIUX 设计师仍然需求量很大的原因。但是像 Apple、Google、Airbnb 和 Netflix 这样的公司之所以获胜，不仅仅是因为功能。他们因为出色的用户体验而获胜。今天的公司说，如果设计不好，产品就不好。所以，设计不再是装饰。设计是一种策略。现在，我们将讨论 AI 对 UX 角色的影响。AI 改变了我们的设计方式，但它并没有取代设计师。AI 可以加速设计，例如布局、创建线框图。但 AI 无法理解人类的情感、行为和道德。所以，与 AI 合作的设计师将成长得更快，而不是消失。现在，在继续之前，让我们理解 UIUX 和产品设计之间的明确区别。所以，基本上，如果我谈论 UI，UI 代表用户界面，UI 设计师专注于颜色、字体、按钮、排版、布局等。所以，UI 设计意味着事物的外观，而另一方面，UX 代表体验。那就是用户的感觉，意味着事物如何运作。UX 设计师专注于用户研究、用户问题、用户旅程、线框图和可用性测试。所以，简而言之，UI 是脸，UX 是大脑。现在，让我们来理解 UI 设计师和 UX 设计师之间的简单区别。假设你在一家餐馆工作。你看到的 UI 是所有东西。菜单设计、颜色、字体、布局以及这个地方看起来有多吸引人。那就是 UI。如果菜单看起来干净，文字易于阅读。而且，如果设计感觉很高端，那么 UI 设计师就做到了。另一方面，UX 是你的体验感觉如何，找到一张桌子有多容易，你理解菜单有多快，你下单有多顺畅，以及食物是否没有混淆地送达。那就是 UX。如果一切感觉简单、顺畅且无压力，那么 UX 设计师就做得很好。这就是 UI 和 UX 的含义。所以，现在你一定在想，什么是产品设计？产品设计师同时负责 UIUX 和商业思维。他们考虑用户需求、业务目标、产品增长和长期战略。所以，这就是 UI 设计师和 UX 设计师以及产品设计师之间的区别。现在，你一定在想，你应该选择哪个角色。所以，让我为你轻松决定。如果你喜欢视觉效果，那么 UI 设计。

是为你准备的。如果你热爱解决问题，那么用户体验（UX）设计就适合你。如果你想要对产品拥有完全的掌控权，那么产品设计就适合你。它还谈到了你为每个角色所需的思维方式。UI 设计师需要创造力和对细节的强烈关注，使界面看起来简洁且视觉吸引力。而 UX 设计师需要好奇心和同理心来理解用户的问题并创造易于使用的体验。产品设计师需要宏观思维和清晰的沟通能力来平衡用户需求与业务目标。现在，各位，让我们继续讨论 2026 年的 UIUX 设计师路线图。这是一个从基础到高级的 UIUX 路线图，实际上分为六个阶段，历时六个月。每个月都建立在你前一个月所学的基础上。所以，如果你一步一步地遵循它，你将从初学者成长为一名自信的设计师。现在，各位，让我们来讨论第一阶段，即设计基础。在第一个月，你不会使用任何花哨的工具，没有 Figma，没有高级软件。你专注于设计基础，因为这是优秀设计师真正诞生的地方。首先，你学习基本的设计原则，如对比度、对齐、间距和层级。这些有助于用户快速理解他们应该看什么、点击什么以及可以忽略什么。接下来，我想说学习色彩理论。所以，如果我谈论色彩理论，你需要理解颜色如何影响情绪、信任、注意力以及决策，而不仅仅是看起来好不好看。然后你学习字体排印学基础。这意味着选择正确的字体并使文本易于阅读，这样你的设计看起来简洁而专业。最重要的是，你将学习设计中的人类心理学。你将理解人们如何阅读屏幕、做出选择，有时甚至在没有意识到自己的情况下感到困惑。现在，让我们讨论第一个月的项目创意。选择任何现有的应用程序或屏幕，例如食品配送或购物应用程序。使用基本的设计规则重新设计屏幕。没有动画，没有花哨的效果，只有一个简洁的布局，良好的间距和清晰的设计。现在，让我们来讨论第二阶段。在第二阶段，你将进行用户体验（UX）研究和线框图绘制。在第二个月，你将从视觉转向 UX 思维。你停止问屏幕看起来怎么样，而是开始问用户是如何思考和感受的。首先，你学习识别真实的用户问题。不仅仅是用户说什么，而是他们实际遇到的困难。然后你创建用户画像，这是真实用户的简单档案，包括他们的目标和痛点。接下来，你绘制用户旅程和流程图，规划用户在应用程序内应遵循的步骤。最后，你创建线框图，简单的黑白屏幕，只关注结构，不关注设计。对于你的第二个月项目，重新设计任何现有应用程序的用户流程，并为其创建低保真线框图。现在，让我们来讨论第三阶段，即 UI 设计工具。在第三个月，你终于开始使用 UI 设计工具。你的主要重点应该是 Figma，因为它是行业中最广泛使用的设计工具。除了 Figma，你还可以探索 Adobe XD 和 Framer。你还可以使用 Fig Jam 进行头脑风暴和规划创意。所以，各位，你们可以看到这些是相应的工具。但是，各位，也要记住，不要试图一次掌握所有东西。深入专注于一个工具，尤其是 Figma。在 Figma 中，你将学习自动布局，这样你的设计就可以适应不同的屏幕尺寸。到本月结束时，你不仅会了解这些工具，还将自信地设计完整的应用程序屏幕。对于你本月的项目，你可以做的是使用组件、自动布局和简单的设计系统，在 Figma 中设计一个完整的移动应用程序 UI。现在，让我们来谈谈第四阶段，即原型制作和可用性测试。所以，各位，在这个阶段，你将了解到，直到真实用户测试过，设计才算完成。你创建可点击的原型并添加小的交互，使应用程序感觉真实流畅。然后你通过观察真实用户使用你的设计并注意他们遇到的困难来进行可用性测试。你收集反馈并一遍一遍地改进设计，而不是仅仅猜测。所以，各位，对于项目，你可以构建一个可点击的原型，与用户一起测试，并对其进行优化，直到体验感觉轻松自然。现在，各位，在第五阶段，我们将讨论高级 UX 和可访问性协作。在第五个月，你开始像一名专业设计师一样思考，而不是像一名学生。你学习可访问性基础知识，这样你的设计就可以被所有人使用，包括残障人士。你为多种设备进行设计，并学习如何清晰地将设计移交给开发人员。你还将了解如何在真实的团队环境中与产品经理、工程师合作。对于项目，各位，你可以做的是改进任何现有应用程序或网站的可用性和可访问性，以展示真实世界的设计技能。现在，让我们进入第六阶段，即作品集和求职准备。第六个月是你的职业生涯真正开始的时候。你专注于为就业做好准备，而不仅仅是学习设计。你创建强大的案例研究，解释问题、你的解决方案和影响，而不仅仅是最终屏幕。你还将展示你的完整设计过程，并练习自信地解释你的工作以应对面试。所以，各位，你展示你的完整设计过程，并练习自信地解释你的工作以应对面试。现在，你的真实生活项目是实施所学知识。这是一个完整的端到端产品，从用户研究和线框图绘制到测试和最终 UI，以及创建一个强大的作品集，证明你已为 UIUX 职位做好准备。所以，各位，在最后一步，你可以做的是构建一个完整的端到端产品，从用户研究到最终 UI。然后，你可以做的是创建你的作品集，上传到任何网站，例如 GitHub，或者你可以说 Behance，并撰写适当的文档，证明你已为 UIUX 职位做好准备。所以，各位，这就是你的从基础到高级的循序渐进的六个月 UIUX 设计路线图。坚持一致性、定期练习和真实项目，你将建立真正重要的技能。现在，让我们来学习 2026 年需要掌握的顶级 UIUX 工具。在 2026 年，设计师应该关注 PenPort、Logoy、UISD 和 Framework AI 等工具。这些工具利用人工智能和自动化来减少重复性的设计工作。它们甚至有助于将想法和设计更快地转换为可用的布局和代码，并允许设计师更多地专注于 UX 思维和创造力，而不是手动任务。继续谈论 Figma 与 AI 工具的对比。所以，各位，如果我谈论 Figma 让你拥有控制权和协作能力，而 AI 工具提供速度和自动化。最优秀的设计师不会选择一个，他们会同时选择两者。借助无代码和自动化，设计师现在可以更智能地设计，更快地切换，从而在工作中获得强大的优势。现在，各位，让我们来讨论你需要掌握的技能。首先，学习 HTML CSS 基础知识。你不需要成为一名开发人员，但了解基础知识可以帮助你更现实地进行设计，并与开发人员清晰地沟通。接下来是设计系统。你将学习组件、令牌和一致性规则。这允许你重用元素而不是重新设计所有内容，并帮助产品随着时间的推移顺利扩展。最后，我想说提示工程。所以，各位，设计师现在通过编写清晰的提示、设计说明和 UX 逻辑来与 AI 合作。这是一项新的但强大的技能，可以帮助你在 2026 年更快、更智能地工作。现在，各位，让我们来谈谈个人品牌。首先是你的作品集平台。你可以使用 Dribble、Behance 和 LinkedIn 等平台来展示你的作品。但不要只上传漂亮的屏幕。始终解释你的想法，你为什么这样设计，你解决了什么问题，以及你是如何做出决定的。接下来是你的案例研究作品集，这是最重要的部分。一个好的案例研究清楚地解释了四件事：问题、你的过程、你做出的决定以及最终结果。请记住，公司不招聘屏幕。他们招聘的是解决问题的人，之后专注于建立在线权威，在 X 上分享简单的设计技巧，并在 Medium 上撰写 UX 文章，并在 LinkedIn 上定期发布。你不必成为病毒式传播者。你只需要被看见。当人们持续看到你的想法时，机会就会开始向你涌来。在 UIUX 中，可见性创造信任，信任创造工作。现在，各位，让我们来谈谈 2026 年的 UIUX 职业道路，因为学习设计是一回事。选择正确的职业道路是另一回事。作为一名 UIUX 设计师，你有三个主要的职业选择。你可以作为一名自由职业者工作，在那里你选择你的客户并独立工作。或者你可以作为一名内部设计师工作，在那里你为一家公司设计并与其产品一起成长。或者你可以与产品团队合作，在那里你与设计师、开发人员以及产品经理密切合作。这里没有最佳选择。你根据你的生活方式、稳定性和工作偏好来选择，而不是仅仅追随潮流。现在，各位，让我们来谈谈远程和全球工作。UIUX 是当今最适合远程工作的职业之一。公司和客户不在乎你住在哪里。他们在乎你的技能和作品集。这意味着你可以与全球团队和国际客户从任何地方合作。最后，让我们看看设计领域出现的新角色。在 2026 年，我们将看到 AI UX 设计师、对话式 UX 设计师和设计策略师等角色。这些角色专注于设计与 AI、语音界面和产品策略相关的体验。所以请记住，设计角色不是在萎缩，而是在演变和扩展。现在，各位，让我们来谈谈 UIUX 设计的未来。首先，我想谈谈 AI 驱动的设计协作。未来，设计师将与 AI 工具密切合作，而不是取代创造力，而是为了加快工作速度。AI 将帮助布局、创意、测试和改进，而设计师则专注于思考和决策。接下来是个性化和道德 UX。产品将根据用户的需求和行为为每个用户进行更个性化的定制。同时，设计师必须以道德的方式进行设计。没有令人困惑的模式，没有技巧。未来的良好 UX 意味着诚实、包容和以用户为中心。最后是混合现实和增强现实界面。设计师正在超越移动和网页屏幕，进入增强现实和沉浸式体验。设计师将开始创造将数字世界和现实世界融合的体验。因此，UIUX 的未来将更加智能、更负责任，也更具沉浸感，而适应的设计师将保持领先地位。现在，各位，让我们来谈谈薪资预期。在印度，作为一名新人，你可以轻松赚取约 4 到 8 LPA。有了一些经验，你可以轻松赚取约 10 到 18 LPA。作为一名高级设计师，你可以轻松赚取高达 20 LPA 或更多，尤其是在产品型公司。在美国，薪资甚至更高。新人平均每年收入约 70,000 美元。如果我谈论中级设计师，他们可以轻松赚取约 100,000 美元或更多。而高级设计师甚至可以赚取超过 150,000 美元或更高。

>> 想象一下，你正在设计一个数字产品，比如一个网站或一个应用程序。你的最终目标是什么？不仅仅是功能性，对吧？它是关于创造一种用户感觉无缝、直观且愉快的体验。所以，让我给你看点东西。这里有一个遵循关键 UI 原则的优秀设计的例子。它简洁、有条理且易于导航。现在，与这个糟糕的设计相比。混乱、压倒性且使用起来令人沮丧。区别非常明显，对吧？所以，这就是 UI 设计原则的用武之地。它们只是一个路线图，帮助像你一样的设计师设计出既用户友好又令人愉快的界面。所以，欢迎来到 Simply Learn 的又一个信息丰富的视频，今天我们将讨论这些 UI 设计原则，为什么遵循这些原则很重要，需要关注的七个关键原则，以及一些将帮助你创建更好的 UI 设计的技巧。所以，出色的 UI 设计不仅仅是漂亮的视觉效果。它是关于让你的产品功能齐全、令人愉悦且易于所有人使用。这就是为什么遵循这些原则很重要。第一，增强可用性。将 UI 设计想象成给某人指路。所以，与其递给他们一张地图让他们自己摸索，不如你指向清晰的标志，他们可以一步一步地遵循。而这正是优秀的 UI 所做的。它提供了清晰和简洁，引导用户轻松地实现他们的目标。第二，改善决策。所以，当你的设计清晰且一致时，用户可以更自信地导航。对于设计师来说，拥有一个结构化的框架可以更容易地预测用户需求并做出明智的选择。接下来是提高效率。所以，Figma 的研究表明，使用设计系统的团队完成任务的速度比不使用的团队快 34%。所以，从清晰的 UI 原则开始，可以帮助设计师和开发人员简化工作流程，然后减少认知负荷。所以，良好的设计可以最大限度地减少用户完成任务所需的精神努力。这意味着更少的挫败感和更愉快的体验。所以，现在在我们继续讨论七个原则之前，这里有一个快速信息给各位。你可以通过 Simply Learn 的高级 UIUX 设计认证来释放你的潜力，并深入用户中心设计世界。这个全面的课程涵盖了线框图绘制、原型制作、可用性测试以及掌握 Sketch、Figma、Adobe XD 等行业领先工具等基本技能。一个以实践学习为重点的 AI 驱动的 UIUX 设计课程。所以，无论你是一名有抱负的设计师，一名希望扩展技能的开发人员，还是正在转型 UIUX 领域的人，这个项目都提供了实践经验、真实项目以及行业专业人士的专家指导。所以，立即注册，开始你的 UIUX 设计成功职业生涯之旅。你可以在描述框和固定评论中找到课程链接。所以，第一个是层级，它指导用户的注意力。所以，层级就是将用户的注意力首先引向最重要的元素。所以，你可以把它想象成报纸上的标题。它在你深入细节之前就能吸引注意力。所以，在 UI 设计中，你可以使用大小、对比度和间距来创建清晰的结构。所以，让我们从字体大小和粗细开始。所以，正如你所看到的，大而粗的字体会立即吸引眼球到标题或关键操作。所以，例如，在电子商务应用程序中，产品名称是粗体的，价格稍微小一些。然后是对比度。所以，确保你使用颜色来使关键元素脱颖而出。例如，一个明亮的“立即购买”按钮放在中性背景上会自然地吸引注意力。然后是间距，这意味着将相关内容分组在一起，并在不相关项目之间留出足够的空间以创造清晰度。所以，正如你在这个例子中所看到的，公司名称或徽标是粗体且醒目的，因为这是他们希望用户首先看到的内容，然后是副标题或部分。所以，视觉线索的使用确保用户可以快速浏览并轻松找到他们需要的东西。问问自己，我希望用户首先注意到什么，然后围绕它进行设计。第二个是渐进式披露，即简化复杂过程。所以，渐进式披露就像剥洋葱。你一次揭示一层，以避免让用户不知所措。所以，而不是一次显示所有内容，只显示当前步骤所必需的内容。所以，例如，在为生产力应用程序引导用户时，你可能会先要求姓名和电子邮件，然后在下一步收集其他详细信息，如偏好和设置。所以，这使得过程感觉不那么令人生畏。为了使渐进式披露有效，第一是提供进度指示器。所以，它可以是你在这个例子中看到的进度条，或者你也可以给出步骤，如第一步、第二步或第三步。所以，用户知道他们身在何处。此外，你可以避免不必要的步骤。所以，保持流程尽可能短，并测试你的多步流程，以确保用户不会在半途而废。现在，第三个是一致性，即通过可预测性建立信任。所以，一致性创造了熟悉感和信任感。所以，当用户知道按钮、菜单或导航栏将如何工作时，他们就可以专注于他们的任务，而不是弄清楚界面。所以，例如，在电子商务平台上，“添加到购物车”按钮在所有产品页面上都一致地放置在产品描述附近。所以，这种统一的放置确保用户可以快速将商品添加到购物车，而无需搜索按钮，从而简化了他们的购物体验。所以，现在一致性适用于颜色。对相似的操作使用相同的颜色，例如绿色表示提交，红色表示取消。然后是字体排印学。保持标题、正文和标签的字体样式统一，以及交互模式。所以，确保你使用的下拉菜单、滑块和按钮在整个设计中表现方式相同。所以，创建一个样式指南或设计系统来强制整个项目的一致性。现在，第四个是对比度，即突出重要内容。所以，对比度有助于用户区分主要和次要操作。它不仅仅是关于颜色。它是关于确保最关键的元素脱颖而出。所以，例如，一个红色的删除按钮放在纯色背景上会立即吸引注意力，表明该操作的严重性。现在，另一方面，次要选项，如取消，可能会显示为灰色，以表明它们不太关键。所以，使用对比度来提高文本可读性，例如白底黑字或高对比度的按钮颜色组合。还要使用对比度检查器测试你的设计，以确保它们符合可访问性标准。所以，要有意图地使用对比度。过度使用它也会造成视觉混乱。接下来是可访问性，即为所有人设计。所以，可访问性确保你的界面对所有人，包括残障人士都能正常工作。所以，这不仅仅是道德责任，也使你的产品更加用户友好。所以，一些关键的可访问性实践是：第一，高对比度颜色。所以，确保文本和背景有足够的对比度以提高可读性。接下来是为图像添加替代文本，这意味着为屏幕阅读器描述图像，这样即使是视障用户也能理解它们。接下来是辅助技术兼容性。所以，使用屏幕阅读器进行测试以确认功能。所以，例如，Netflix 的字幕和音频描述允许有听力或视力障碍的观众无缝地享受内容。现在，第六个是邻近性，即一起分组相关项。所以，邻近性是将相关元素放在一起，以便用户将它们视为连接的。所以，这创造了一个逻辑且直观的布局。所以，例如，在音频播放器中，播放、暂停和音量等按钮被分组在一起，因为它们都与播放控件相关。然而，退出或关闭按钮被单独放置，以防止意外点击。所以，这就是如何有效地使用邻近性。第一，将标签放在它们描述的表单字段旁边。第二，通过适当的间距将相关项分组以显示连接，然后分离不相关的元素以减少视觉混乱。所以，正如你所看到的，空白空间不是浪费空间。它有助于用户专注于并轻松导航。最后，第七个是对齐，即创造秩序和平衡。所以，对齐确保你的设计感觉简洁而专业。就像整齐地排列书架上的书一样。它创造了秩序和可预测性，使用户更容易导航。例如，电子商务产品页面以一致的网格布局对齐图像、产品标题和价格。这种结构有助于用户快速比较产品。所以，一些对齐的最佳实践是：第一，使用网格系统来构建你的布局。第二，沿着一致的边距对齐文本、图像和按钮。还要避免随意放置。它会破坏视觉流程。所以，即使是微小的错位也会让设计看起来不那么精致。所以，仔细检查你的间距和放置。所以，这些是设计时需要牢记的七个 UI 设计原则。所以，现在让我们看一些有效的 UIUX 设计技巧。第一是应用视角。所以，引导用户完成一系列逻辑操作，如前所述。例如，引导他们从浏览产品到将其添加到购物车并完成结账。第二，保持轻松。通过清晰的导航和最小的认知负荷使界面直观。然后使用快捷方式。通过快速访问按钮或键盘快捷方式来加快常用任务的速度。最后，测试。观察真实用户如何与你的设计互动，以便及早发现和修复问题。所以，这就是 UI 设计原则的总结。请记住，出色的设计不是关于华丽。它是关于功能性、可访问性和直观性。所以，在 UIUX 设计的背景下，作品集到底是什么？作品集本质上是你的展示。这是你向潜在客户或雇主展示你的技能和创造力的广度和深度的机会。与许多其他职业不同，在这些职业中，你的简历起着主要作用，而在 UI UX 设计中，你的作品集是决定你是否能获得工作或项目的关键。它是一个视觉简历，但带有故事性。通过你的作品集，你展示了你的解决问题能力、设计过程以及你如何应对现实世界的挑战。把它想象成一个叙事。你不仅仅展示漂亮的屏幕。你展示了你是如何找到解决方案的，问题是什么，以及你的设计如何影响用户体验。所以，简而言之，一个出色的 UIUX 作品集不仅突出了你的技能，还传达了你的思维过程和你带来的价值。现在我们知道了作品集是什么，让我们来谈谈作品集中应该包含什么。所以，你的作品集的内容应该精心制作，以突出你最好的作品并展示你的多才多艺。所以，这里有一个关键要素清单。第一，案例研究。现在，这是你作品集的核心。你需要至少三到五个扎实的案例研究。每个案例研究都应该讲述从问题到解决方案的完整故事。从研究阶段开始，线框图绘制、原型制作和最终的视觉设计。接下来是过程文档。所以，不要只展示最终产品。人们想知道你是如何完成的。所以，包括草图、线框图、迭代和反馈循环。所以，解释你的思维过程和沿途的设计决策。现在是用户研究。展示你了解你正在为之设计的用户。包括用户画像、用户流程、旅程地图以及你在研究阶段收集到的见解。接下来是视觉设计。你作品的美学部分应该反映你的 UI 技能。突出你对字体排印学、配色方案和 UI 元素（如按钮、图标等）的使用。然后是原型制作和测试。包括你进行的任何用户测试以及结果以及你如何根据反馈实施更改。然后是关于部分。所以，不要忘记介绍你自己。这一部分应该解释你的背景，是什么让你进入设计领域，你对 UIUX 的方法，以及你喜欢什么样的项目。最终，你想展示你通过设计解决现实世界问题的能力，同时也要展示你的创造力。现在，我经常听到这个问题，比如，如果我没有经验，我该如何制作作品集？所以，这里有一个好消息。即使你从零开始，也完全有可能建立一个令人印象深刻的作品集。所以，接下来，这里有一些策略可以帮助他们。第一是个人项目。所以，你可以创建自己的假设项目。它可以是重新设计现有的应用程序或网站，解决你在日常生活中注意到的问题，甚至根据一个概念从头开始创建一个产品。所以，这些项目仍然可以展示你的能力。接下来是志愿工作或自由职业。所以，你可以为可能没有大量设计预算的非营利组织、小型企业或初创公司提供你的技能。所以，这是一个双赢的局面，你获得了经验，他们获得了急需的帮助。接下来是设计挑战。所以，你可以参加 Behance 或 Dribble 等平台上的 UIUX 设计挑战。你还可以找到每日或每周的挑战，这些挑战会迫使你在不同的限制下进行设计。所以，这些可以直接放入你的作品集。接下来是模拟项目的案例研究。所以，即使项目不是真实的，你仍然可以像对待真实世界的案例研究一样对待它。所以，概述问题、研究并展示你的设计过程和最终解决方案。所以，请记住，关键是展示你的思维过程和解决问题的能力，而不是你为谁工作过。好了。所以，一旦你收集了你的项目，下一个问题是如何组织它们？所以，这里有一些格式化的黄金法则。好了。所以，一旦你收集了你的项目，下一个问题是如何组织它们？所以，这里有一些格式化的黄金法则。第一，保持简单和简洁。不要用太多的视觉效果或文字让访问者不知所措。重点应该是你的作品。使用极简设计，让你的项目脱颖而出。接下来是讲故事。将每个案例研究构建成一个故事。介绍项目、问题、你的角色、你的过程，最后是解决方案。所以，提供足够的背景信息，以便没有设计背景的人都能理解你的想法。第三是响应式设计。确保你的作品集在桌面和移动设备上看起来都很好。你是一名 UIUX 设计师，所以这是必须的。它表明你理解良好的用户体验的重要性。第四是交互式原型。所以，如果可能，包含交互式原型。所以，Figma 或 Invision 等工具允许你嵌入可点击的实时原型，为观看者提供更具沉浸感的体验。然后是导航的便捷性。所以，组织你的内容，使其易于查找。如果你有多种技能，可以使用类别，如 UI 设计、UX 案例研究或移动项目。所以，现在让我们快速谈谈一些常见的错误要避免。第一，过于关注视觉效果。所以，请记住，UX 和 UI 一样重要。所以，不要让你的作品集全是花哨的界面。展示你理解用户体验方面。接下来是未能解释你的过程。现在，员工不仅仅想看到最终结果。他们想知道你是如何完成的。所以，没有背景的精美设计可能不够。第三是项目过多。所以，质量重于数量。拥有三个具有深刻见解的强大项目比拥有十个表面项目要好。接下来是忽略反馈和迭代。所以，设计是一个协作过程。展示你能接受反馈并改进你的作品。不要跳过这一部分。然后最后是未经打磨的视觉设计。所以，如果你申请 UIUX 职位，你的作品集本身就需要有出色的视觉设计。所以，确保它打磨精良，易于导航，并且使用起来令人愉悦。所以，最后，在了解了所有这些之后，让我们来谈谈在哪里构建和托管你的作品集。幸运的是，有一些很棒的平台可以让这个过程变得超级简单。第一是 Behance，非常适合 UIUX 设计师。所以，Behance 是一个流行的平台，它允许你创建精美的项目演示，与设计社区互动，并向潜在雇主展示你的作品。接下来是 Dribble。以其创意社区而闻名，如果你想展示你的作品的简短快照，特别是 UI 设计，Dribble 是理想的选择。它更具视觉性，但仍然是一个不错的起点。接下来是 WordPress 或 Web Flow。所以，如果你想要一个自定义网站，使用设计主题的 WordPress 或 Web Flow 可以让你完全控制。Web Flow 特别受设计师的青睐，因为它结合了网页设计和开发工具，使得构建精美、响应式的作品集更加容易。接下来是 Adobe Portfolio。如果你已经是 Adobe Creative Cloud 的订阅者，你可以使用 Adobe Portfolio 轻松构建网站。它很简单，但与其他工具集成良好。最后是 Carbon Made。它是一个用户友好的平台，专为作品集设计。它拥有精美的模板，如果你正在寻找一个几乎不需要编码的简单设置，它非常棒。所以，你可以选择最适合你需求的平台，并确保它易于随着时间的推移进行更新。所以，现在你对如何创建作品集有了清晰的认识，让我们来看看 Behance 的一个作品集。所以，这是一个制作精良的作品集。所以，正如你所看到的，首先他们提到了目标、范围和设计方法，然后是详细的客户资料。之后，他们给出了一个详细的时间表，解释了他们所经历的过程，包括规划、研究、线框图和视觉设计，以及他们为此使用的工具。之后，他们展示了使用的调色板和文本样式。然后他们给出了仪表板线框图，然后是登录页面、UI 设计和网站的不同页面。从而使其成为一个完整且制作精良的作品集。所以，在你开始制作作品集之前，请确保参考许多其他作品集以获取更多创意。这就是全部。这些是关于如何创建一个令人惊叹的 UIUX 设计作品集的技巧，即使你没有太多经验。所以，请记住，你的作品集是一个活的文件。保持更新，改进它，并让它随着你作为设计师的成长而成长。

嘿，大家好，欢迎来到 Simply Learn 的 YouTube 频道。你已经收看了 Simply Learn，今天我们为你带来这个关于 Adobe XC 教程的信息视频。本教程旨在通过 Adobe XC 学习 UI UIX 设计。它对 UI 和 UX 设计师、平面设计师和其他专业人士非常有用，因为它在 UI 设计工具中处于市场领先地位，并且因为其许多高级功能和工具而备受追捧。在我们开始之前，如果你喜欢观看这类视频，请点击订阅按钮和铃铛图标以获取通知。如果你是一个科技迷，这里有一个脑筋急转弯。谁提出了 Adobe XD 的概念？第一个是唐·诺曼，塔伦·沃特福德，迪伦·菲尔德，还是雷蒙德·劳埃德？请在下方告诉我们你的答案，并从 Simply Luck 那里获得一个赞。废话不多说，让我们开始吧。现在，让我们先快速看一下议程。这里我们涵盖了 Adobe XC 的基础和高级主题。首先，我们将开始理解什么是 Adobe XC。然后我们将回顾 Adobe XC 的一些高级功能。然后我们将看到原型制作在 Adobe XD 中是如何工作的。最后，用于在 Adobe XC 中设计和创建图像图形和网页设计的有用技巧以及顶级用例。什么是 Adobe XC？Adobe XC 是一个强大且流行的设计工具，易于使用，是一个基于矢量的软件工具，用于设计数字设计和原型制作 UI UIX，它为开发人员提供了协作开发世界最佳体验所需的工具。Adobe XC 用于设计 Web 应用程序、移动应用程序和许多应用程序的 UI 或 UX。它还提供了一种创建不同应用程序资产的理想方式。Adobe XC 由 Adobe Inc. 提供和管理。它仅适用于 Mac OS 操作系统和 Windows。我们不能在基于 Linux 的操作系统中使用它。它创建一个可以通过任何 Web 浏览器打开的基于 Web 的链接。但 Adobe XC 变得最有用的工具。在 Adobe XC 之前，Photoshop 工具被广泛用于设计目的。但 Photoshop 没有用户体验。Photoshop 设计的这个缺点使得 Adobe XC 成为最高效的设计工具，因为我们有一个用户体验应用程序。其原型制作和动画功能使该应用程序成为一个完整的虚拟工具。Adobe XC 最好的地方在于它提供了设计用户界面。Adobe XC 中的每个工具都有最佳选项，使其非常简单易用。因此，它为设计师节省了大量同一项目的时间。不同地方的设计师可以轻松地一起工作。团队成员可以通过浏览器直接使用链接共享工具进行评论和建议。现在我们将看到 Adobe XC 的高级功能是什么。Adobe XC 拥有广泛而强大的功能和应用程序，使其成为任何 UX 设计师的必备工具。一些突出的 Adobe XC 功能是：第一个是组件和状态，第二个是填充和堆栈，第三个是重复网格，最后一个是响应式调整。所以，第一个是组件和状态。这些是 Photoshop 不支持的高级功能。组件允许一次创建，然后可以在同一现有项目中多次使用，为应用程序提供功能。在构建某些设计元素（如按钮和导航）以及维护设计中的对齐时，组件很有帮助。我们对主组件所做的更改也会影响支持组件。因此，它将有助于设计更改，而对于状态，与组件相反，也是使设计功能化的有效方法。我们可以预览单个组件上的各种变体，这要归功于状态。状态可用于设计诸如悬停、点击到切换等效果。它有助于通过减少画板数量来干净地创建和设计。例如，与其为下拉菜单开发一个新的画板，不如使用点击状态来构建一个。所以，下一个是填充和堆栈。这些也是 Adobe XD 中一些高级功能，在 Photoshop 等其他设计软件中不可用，并且是 Adobe XD 的有用功能。在处理动态内容（如按钮和标签）以及管理内容部分和探索设计时，它非常有帮助。它将节省大量时间和精力，并提供一个组织良好的设计结构。第三个是重复网格。重复网格也是 Adobe XD 的一个出色功能，也是 Adobe XD 的最佳功能之一。通过使用重复网格功能，我们可以轻松地多次复制相同的布局。它可以用于构建图像、数据表、图像库和其他内容。重新设计这些 UI 组件需要很长时间。在这些情况下，重复网格功能可以拯救我们的生命。我们只需单击一下即可为某些项目打开重复网格。一旦启用了重复网格功能，我们就可以使用重复滑块重复任何对象或对象集合。重复网格中的文本和图形也可以修改。下一个是响应式调整。世界充满了各种各样的电子产品，智能手机、智能手表和电视。所以，在处理设计时，我们必须确保 UI 兼容所有尺寸的设备。响应式调整功能允许我们自动理解新设备的设计并适应设计。还有其他一些 Adobe XC 的独有智能功能，使我们可以在任何其他图形设计软件中选择 Adobe XC。了解了 Adobe XC 的一些功能后，我们将看到原型制作在 Adobe XC 中是如何工作的。Adobe XC 支持动态和交互式原型制作，以便设计与不同的布局进行交互。我们可以添加动画过渡来模拟应用程序的流程。我们通过原型功能提供应用程序的实时预览。我们可以体验应用程序的虚拟之旅。原型可以通过链接与团队和利益相关者共享。团队可以通过链接直接从他们的浏览器体验应用程序的完整预览并提供有价值的反馈。Adobe XC 支持动态和交互式原型制作，以便设计在不同布局之间进行交互。我们可以添加动画过渡来模拟应用程序的流程。它提供应用程序的实时预览。使用 Adobe XC 的原型功能，我们可以体验应用程序的虚拟之旅。原型可以轻松地通过链接与团队和利益相关者共享。团队可以从他们的浏览器体验应用程序的完整预览并提供有价值的反馈。所以在设计模式下，我们使用 Adobe XC 工具和设计功能为我们的应用程序创建设计。然后我们切换到原型模式来指定画板和组件之间的交互链接。我们还可以使用组件状态创建原型。一旦我们完成了设计和原型，我们就可以使用共享功能共享设计。我们可以使用预览功能预览设计和原型。原型是 Adobe XC 最好的功能之一，使其与其他工具不同。在重定向到其他屏幕时，我们还可以为原型添加过渡和动画。在理解了 Adobe XC 中的原型制作如何工作之后，我们将了解 Adobe XC 在不同领域的顶级用例。顶级 Adobe XC 用例。Adobe XC 是一个灵活的工具，可用于广泛的设计项目。一些流行的用途包括创建线框图模板和原型。设计用户界面，创建插图和图形，简化 UI 和 UX 设计流程。享受自定义设计，最后一个是设计增强现实和虚拟现实。第一个是创建线框图、模板和原型。Adobe XC 是快速创建线框图和原型的绝佳工具。创建简单和复杂的设计很容易，你可以添加交互式元素，使你的原型更逼真。原型工具非常适合网页设计、模型和移动应用程序，以及对 UI 和 UX 项目进行实时更新。下一个是设计用户界面。Adobe XC 是一个很棒的设计工具。它是基于矢量的，所以你可以创建设计，并且有许多内置的 UI 元素可以在你的设计中使用。第三个是创建插图和图形。Adobe XC 是创建插图和图形设计元素的绝佳工具。提供广泛的创意库，包含矢量图像、形状、颜色和字体。交互式原型实时更新。因此，在构建移动应用程序和网页设计等方面时，你的工作流程快速而响应迅速。下一个是简化 UI UIX 设计流程。Adobe XC 使复制和重用常见元素、创建重复内容和自动化流程以节省时间变得更加容易。下一个是享受自定义设计。Adobe XC 允许你创建单个组件的变体，并保持组内容与其他边界之间的间距。这得益于其填充选项和无尽的自定义，可以使用空间线框图和颜色等。最后一个是设计增强现实和虚拟现实。Adobe XI 支持设计增强现实和虚拟现实体验。你可以将 3D 对象添加到你的原型中，并测试它们在沉浸式环境中的工作方式，即使你是初学者，也能轻松制作 AR 和 VR 体验。让我们来看看 Adobe Experience Design。XC 是 Adobe 套件的一部分，主要专注于 UI 设计、UX 设计、原型制作和响应式网页设计。它同时适用于 Mac 和 PC。只要你有 Adobe CC 订阅，它绝对是与最近出现的所有现代设计工具（如 Sketch、Figma 或市场上的其他十几种工具）的竞争对手。所以，在这个视频中，我将涵盖你第一次打开项目时需要了解的关于 XC 的基本知识，以帮助你快速上手并对该程序感到非常自信。我已经准备好开始，希望你也是。让我们开始吧。好的，让我们直接进入电脑，找出你需要了解的 10 个基本知识或基本知识。我将继续并打开 XD。好的。我们将打开程序，你可以看到它已经打开了。它已经启动并向我们的画布中添加了一个画板。画板系统是当今非常普遍的事情。在现代设计工具中，XD 也不例外，它允许你随时在画布上放置新的画板。你可以通过滚动到左侧的工具面板，然后在这里的画板工具来完成，你也可以使用快捷键 a，然后你可以绘制并自定义画板的大小。我将按 Command Z 撤销。或者你可以从我们拥有的不同选择中进行选择，例如我们这里有 iPhone X。也许我们还想做一个 Android 移动设备。然后，我想要 iPhone 14 Pro 在右边。然后，每次你想在屏幕上放置一个画板时，它都会在打开到右侧时进行间隔。而且，使用画板，你可以按 v 命令或使用你的选择工具，然后你可以通过抓住画板顶部的名称部分来抓住画板，你可以移动它在画布周围，你可以获得一些自动捕捉的间距等等。所以，这是你需要注意的第一件事，如何制作画板，如何移动它们，以及如何通过简单地这样做来调整它们的大小。好了。所以，第二件事你可能需要的是基本工具或对界面的理解。所以，我们现在要做的是非常笼统的，不是深入的。我们只是要浏览一下界面，告诉你我们在最左侧有什么。我们已经涵盖了它。我们有工具面板，你可以在那里绘制不同的形状或线条。你可以使用你的钢笔工具、文本，你可以放大。每个工具都有一个快捷键，你可以学习以加快你的工作流程。在同一面板的底部。你可以看到我们有一个快捷键，以及点击过去。是的，这些资产，资产是在 XD 中存储所有颜色、字符样式和可重用符号或组件的地方，你可以在你的项目中重用它们。所以，知道如何在图层和符号之间或图层和资产之间来回切换是非常强大的。就在旁边，我们有所有画板的显示。我们可以看到所有三个画板都在它们自己的单独一行上。在左上角。你可以看到我们目前在设计选项卡上，我们将讨论这个图层，但我们可以切换到原型选项卡，在那里我们可以创建我们各种画板之间的交互，并创建交互式原型。所以，这就是这两个选项卡之间的区别。我们有项目的名称，然后我们有一些基本控件在右上角，如放大、缩小，我们目前看到的百分比是多少，以及我们是否想要设备预览或桌面预览。所以，我们可以共享这些设计，然后你们都有基本工具。如果我只是绘制一个矩形，然后你看到所有基本工具。如果我只是想绘制一个矩形，然后如果你都看到我刚刚绘制的矩形的基本工具，然后你看我的属性面板，然后你就有所有的对齐工具和一些有趣的重复网格，你还有路径查找器或布尔运算，你还有所有关于宽度、高度、x 和 y 值的不同属性。我们还有一些不同的原型选项，以及所有外观选项，如颜色、不同大小的标签等等，所有这些都在那里，这就是界面的基本工具。好了。第三件事你可能想知道如何使用 Adobe XD，就像任何其他 Adobe 产品一样，是使用钢笔工具。只需单击工具面板中的钢笔工具或按快捷键 P。一旦我这样做，我就会得到我的钢笔图标，然后我就可以开始在我的画板上添加节点并创建自定义形状，用颜色填充这些自定义形状。回来并重新绘制。我们可以重新绘制单个节点，我们可以重新绘制单个节点，我可以添加新节点，以及任何线条，我可以通过将鼠标悬停在任何线上来重新绘制。我还可以通过按 delete 键一次删除一个节点，它会慢慢地移动并删除所有这些点。关于 Adob XC 中的钢笔工具的一些有趣之处在于，与大多数其他 Adobe 产品不同，我按住 shift 键并轻轻地，我可以按住 shift 键并获得增量。我可以通过这样做来自由地进行，而无需任何东西，只有我的手。一旦我释放，我就创建了一个贝塞尔曲线，所以它将是，它会出来是直的，它会自动智能地平移或弯曲曲线，我不知道这是好事还是坏事，这只是一个事实，如果我创建了一条直线，如果我按住选项键，就像在大多数其他程序中一样，我可以只控制一个基本手柄，而不是两个手柄，这样我就可以多一点控制我接下来要去哪里。但是自动曲线的东西，有点，是的，你将要了解的第四件事是关于样式和可重用符号。我们在画布上创建了一个有趣的形状。我们可以选择形状，用它填充，我们可以添加一个难看的颜色。是的，那不是那么难看的颜色。但现在假设我想把它做成某种可重用的组件，我可以在这个糟糕的用例中一遍又一遍地使用它，而且它可能更像是一个按钮或徽标或某种风格，你可以在你的项目中拥有。但对于我们的例子来说，这就可以了。如果我想创建一个可重用的符号，我需要滚动到左侧，在我的资产和我的图层之间。我有一个资产面板，它就在这里。我在资产面板中有几件事可以做。

我大概可以创建一个可复用的颜色。所以现在我有，所以现在我们有了一个边框颜色和一个填充颜色，它们都是现在这个设计、这个设计的一部分，而且我总是可以回来重新使用这些样式。我还可以创建一个可复用的符号，并且我可以重命名这个符号。我可以称之为“块”，因为这对我来说看起来就是这样，任何东西。而且任何时候我想要另一个这样的东西，我都可以选择拖动，而且我可以选择拖动另一个出来，或者我可以从我的资产面板拖动一个出来。而且它就像，我喜欢这个。它能很好地直观地展示你项目中的所有可复用组件，而且它确实非常棒，符号以一种非常有趣的方式工作，我会说，你只需要选择画布上任何一个代表的符号，然后你可以改变它的属性，比如颜色，然后我们会改变这个的大小，对吧。我也可以双击来改变元素的大小。当我这样做时，它会改变画布上的每一个符号，而不仅仅是画布上的，还有符号面板上的。所以，是的。所以这有点意思。所以现在我们改变了我们符号的大小，而且，也许我们想把那个颜色放到我们的颜色里。我们也有字符样式。所以我可以使用我的文本工具。我只需要拖出一些文本，然后说，我们来写“标题”。然后我们将，我们来选择一个标题，然后拖出一些文本，然后说那是，然后说，我们来写“标题”，然后我们可以，我们来选择一个标题，比如也许我们会全部选择“Fura”或者“Bold”，或者我们让它的大小稍微大一点，也许甚至，让它更粗一点。是的。而我们的标题仍然是大约 60。然后我们可以采用字符样式，然后我们可以把那个标题放到我们的字符样式里，然后我们可以把它添加到我们的字符样式面板里。我们可以，重命名，就像，我们可以采用，采用字符样式，然后我们可以把它添加到我们的字符样式面板里，然后我们可以，重命名这个，就像，也许我们想要，这个只是，就像 H1。所以现在，所以我们有一个标题，而且任何时候我们有两个新的文本，我们可以开始，输入任何东西，就像，让我看看，我用的是什么样的文本。我可以通过点击我的新文本，然后双击我的字符样式，然后，嗯，我们已经把我们的标题样式应用到了一个东西上，而且，我真的很享受的是，如果你有多个这样的样式，或者多个这样的符号在一个页面上，或者跨不同的画布，你可以右键点击并高亮显示它们，在整个项目中的每一个画布上。这也很酷。我们要谈论的第五件事是，在我看来，Adobe XD 最酷的功能之一是它的重复网格功能，以及它通过可重复网格功能来加速设计过程的能力。我现在已经创建了我认为是可复用的组件。我将点击，我将点击回到我的图层视图，然后我将把它们组合在一起。我将，我只是把它叫做“卡片”。好的。现在我将把那个组合在一起，组合在一起。我只是把它叫做“卡片”。好的。现在我想也许制作很多这样的卡片，然后一次性添加间距以及它们如何协同工作，而不是再次复制和复制。相反，我只需要点击我想要复制的元素，然后转到我的属性。在向下拖动之后，它的所有副本都会出现，现在我们可以有多个副本由我们的网格控制。我们可以，就像，固定它们，然后，如果你想改变或添加我们卡片之间的间距，从一个到另一个，我们可以，就像，双击，然后我们可以滚动过那些边距区域，然后我们可以拖动并稍微拉伸，直到我们满意。所以现在，这个功能非常非常令人愉快。我认为它确实加速了设计的快速原型制作方面，以及一些繁琐的来回调整间距的工作。你不需要这样做，因为所有这些都在我们的重复网格功能中得到了处理。接下来我们需要谈论的是原型制作。在 XD 中，这很重要。它非常重要。它有自己的标签，在顶部左侧，在设计旁边。现在我们在原型标签中，原型制作非常非常容易。你只需要点击任何你想要，就像，例如，我们的卡片，或者三角形，或者圆圈。我将抓住标签，然后我将把它连接到，然后你将设置任何类型的触发器。例如，我将触发器设置为“标签”，然后动画应该是，我将只选择“自动动画”，然后是这个。回到这个，为了这个，我们必须，看看它是否在工作。首先，我们将点击这个，然后我们这里有一个播放按钮。所以它会弹出，当，我们设置的触发器是点击时，当我们点击圆圈时，iPad 的下一页就会出现，在 iPhone 14 Pro 之后，到 iPad 1。所以，我们的最后一点是关于分享。分享是，嗯，而且 XD 就是关于分享的，所以我们不是，我们很抱歉，我们现在在我们的原型视图中，无论你是在设计还是原型视图中，分享图标总会出现在最右上方，通过点击我可以发布原型，以及一些，发布一些设计空间，管理我的公共链接。但首先我们要做的就是发布我们的原型。我们将允许，你是否曾经遇到过一些应用程序，它们可能不是功能最丰富的，但设计得如此之好，以至于你忍不住经常使用它们，以产生如此高的功能。UIUX 设计师在创建用户友好且视觉吸引力的数字产品（如网站和移动应用程序）方面发挥着至关重要的作用。此外，数字产品在日常生活中的使用日益增多，导致对 UIUX 设计师的需求很高，使他们在许多行业中都成为宝贵的资产。你正在观看 Simply Learn。今天我们为你带来这个关于如何成为 UI 和 UX 设计师的信息视频。如果你是一个技术爱好者，嘿，这里有一个脑筋急转弯。用户界面设计实现是一个迭代过程，它借鉴了预定义的设计原则。这是真的还是假的？让我们在下面告诉我们你的答案，并从 Simply Learn 获得一个赞。在我们开始之前，如果你喜欢观看这些视频，请点击订阅按钮和铃铛图标，以便在每次上传新视频时收到通知。废话不多说，让我们开始关于什么让 UIUX 易于使用的环节。嗯，UIUX 设计师的目标是遵循几个原则来创建易于使用的产品，例如保持界面简洁并使用一致的设计模式，设计提供清晰反馈的界面，遵循可访问性指南，并持续与用户测试产品以获取反馈并相应地进行更改。通过遵循这些原则和最佳实践，UIUIX 设计师可以创建用户友好且满足目标受众需求的产品。现在我们已经理解了 UIUX 如何易于使用，我们将探讨它们的重要性。UIUIX 设计对于任何数字产品的成功都至关重要。例如，Instagram Stories 的 UIUX 设计强调简洁、创意和易用性，使用户能够快速有效地与他人分享他们的体验。各种创意工具，用于添加文本、贴纸、滤镜等，以增强故事的视觉吸引力。此外，它还决定了用户与产品互动的愉悦程度。精心设计的 UIUX 可以区分一个被广泛采用的产品和一个被快速放弃的产品。但为什么是 UI 和 UX？UIUX 很重要，因为它直接影响用户与产品的体验。精心设计的 UIUX 可以使产品易于使用、视觉吸引人，并为用户提供无缝的体验。这可以带来更高的用户参与度和满意度，甚至可以推动销售。简而言之，良好的 UI UIX 可以决定一个产品是成功还是失败。糟糕的 UIUX 可能导致沮丧、困惑，并最终导致用户放弃产品。此外，这也是区分你的产品与竞争对手的一种方式，因为精心设计的 UIUX 可以使其在市场上脱颖而出。现在我们已经涵盖了 UIUX 的所有基础知识，接下来让我们讨论 UI 和 UX 设计师的薪资。UIUX 设计师的薪资可能因地点、经验和特定公司或行业等因素而有很大差异。但是，以下是印度和美国 UIUX 设计师的大致薪资范围。印度 UIUX 设计师的薪资范围为每年 2.1 万卢比至 15.0 万卢比，平均年薪为 5.5 万卢比。谈到美国，UIUX 设计师的年薪约为 98,000 美元。他们的就业形势稳定且不断扩大。但是 UIUX 设计师应该追求什么样的角色呢？UIUX 设计师在数字产品的设计和开发中扮演着不同但互补的角色。UI 设计师负责产品的视觉设计和布局，包括按钮、菜单和其他交互元素的布局。他们创造产品的整体外观和感觉，并确保其视觉吸引人且易于导航。另一方面，UX 设计师专注于产品的整体用户体验。他们进行用户研究、测试和分析，以了解用户的需求和行为。他们利用这些信息来创建线框图、原型和用户流程，以指导产品的开发。他们还确保产品易于使用且高效。总之，UI 设计师专注于产品的视觉设计和布局，而 UX 设计师专注于用户体验和可用性。这两种角色共同创造了一个视觉吸引人、易于使用并提供出色用户体验的数字产品。现在我们已经讨论了角色，让我们探讨成为 UIUX 设计师的路线图。第一个是学习设计基础。学习布局、排版、色彩理论和用户体验等设计原则。第二个是熟悉设计工具。学习使用 Adobe XD、Sketch、Figma 和 Invasion 等流行工具。第三个是建立作品集。创建你的设计作品集，向潜在雇主展示你的技能和能力。下一个是建立人脉。参加设计活动。结识其他设计师并加入在线设计社区，以了解新的设计趋势和技术。下一个是持续学习。通过参加在线课程、研讨会以及阅读设计博客和书籍，随时了解最新的设计趋势和技术。下一个是专业化。决定你想专攻的 UIUX 设计特定领域，例如移动设计或网页设计。持续学习和发展，因为设计领域在不断变化和发展。保持学习并了解最新的设计趋势和技术非常重要。最后一个是认证。如果你想展示你在特定 UIU 设计领域的技能和知识，可以考虑获得认证。接下来我们将看到成为 UIUX 设计师所需的技能。要成为一名 UIUX 设计师，必须具备技术和创意技能。这些包括对设计原则的深刻理解，包括布局、色彩理论、排版和以用户为中心的设计。了解用户研究和用户测试方法或理解用户需求。强大的沟通能力，能够有效地向利益相关者展示和解释设计决策。了解 Web 开发技术以及为桌面、移动和 Web 等各种平台设计的能力。强大的解决问题能力，以创建满足用户需求的高效设计。了解可访问性和包容性设计原则，确保设计对所有用户都可用。持续学习并跟上新的设计趋势和技术进步。总之，UIUX 设计师必须具备技术和创意技能的结合。对设计原则的深刻理解，以用户为中心的设计方法，以及不断学习和适应新技术和趋势的能力。现在我们将看到 UIU 设计所需的工具或常用的工具。第一个是 Sketch 或 Adobe XD。这些工具用于创建线框图、模型和用户界面原型。Aure 这个原型工具允许设计师创建交互式线框图和原型。Invasion。这也是一个原型工具，允许设计师创建交互式线框图、模型和原型。Figma。这是一个基于云的设计工具，允许多个团队成员协作，并可用于创建线框图、模型和原型。用户测试。这个工具允许设计师进行用户研究和测试，以收集关于他们设计的反馈。这些是 UIUX 设计中常用的一些工具。但是使用的具体工具将取决于项目和设计师的偏好。让我们讨论 UIUX 设计师需要哪些实践。成为一名 UIUX 设计师需要教育和实践经验。扎实的设计基础对于获得实践经验至关重要。设计师可以参加实习或自由职业项目。此外，及时了解最新的设计趋势非常重要。例如，暗模式概念、工具和技术，以确保你能够交付满足现代数字景观需求的设计。参与设计社区、参加会议和研讨会以及参加在线课程可以保持你的技能敏锐。与开发人员、产品经理和利益相关者等跨职能团队合作和沟通的能力是 UIUS 设计师的另一个要求。接下来我们将看到 UIUX 设计作品集，它需要包含一个 UIUX 设计作品集，它是过去设计技能和能力在设计各种数字产品（如网站、移动应用程序和软件）的用户界面和用户体验方面的数字展示。它展示了设计师的设计过程、解决问题的能力以及创建以用户为中心的设计的能力。拥有作品集很重要，因为它有助于设计师有效地与潜在客户或雇主沟通他们的作品和技能，并使他们在竞争激烈的就业市场中脱颖而出。你的最佳 UI 或 UX 作品的示例应包含在你的作品集中，以及你的专业背景摘要和一个让招聘经理和招聘人员轻松找到他们想要的东西的登陆页面。你的 UIUX 作品集应包含三个主要内容。一个吸引人的登陆页面，几个案例研究，以及工作经历。这里有一个例子。Nia Watkins 是一名 UX 设计师。她的 UX 作品集中有许多显而易见的复选框，包括清晰的设计、导航和组织良好的案例研究。然而，Nia 的关于部分才是真正让她 UX 作品集脱颖而出的地方。现在，当有人查看你的 UX 作品集时，他们可能不会立即查看你的关于我页面。但是，如果他们设法到达那里，这是一个分享你的故事并说一些值得注意的事情的关键机会。Nia 在短短四段浓缩的段落中做到了这一点。她首先清楚地说明了她是谁以及她在做什么。然后她描述了她以前的工作以及它如何影响她决定从事设计事业。Nia 谈到了她在公共服务部门工作时遇到的无效的、设计糟糕的网站，并且经常没有创造性的解决方案来节省时间、精力和金钱。她表达了她对什么使一个好的设计师的看法，即理解人类体验。最后但同样重要的是，Nia 与我们分享了她在设计之外的爱好和兴趣。Nia 的关于部分强大、独特且有影响力。它是她品牌和作品集的重要组成部分，而不仅仅是事后诸葛亮。你可能没有意识到你的关于我页面的重要性。你可以参考 Nia 的作品集，为自己创建一个独特的关于部分，它讲述一个关于你对用户体验的热情的个人有意义的故事。包含关于你的经验的几个简短段落，并告知读者作品集的创建者是谁。让我们快速看一下招聘 UIU UIX 设计师的公司。Google、Freelancer、Apple、Amazon、IBM、Microsoft、Facebook、Adobe、Salesforce、Tesla 和 Oracle。研究你感兴趣的公司、它们的设计理念以及它们设计的产品类型，以确保与你的技能和兴趣相匹配非常重要。在查看了招聘 UIUX 设计师的公司之后，我们将看看如何申请这份工作。所以你可以按照这些步骤申请 UIUX 设计工作。更新你的作品集和简历，以更好地反映你的能力。调查行业中的潜在雇主和职位发布。为你可以申请的每个职位个性化你的求职信和简历，并与该领域的其他人建立联系以获得推荐或联系。通过练习和展示你的设计过程和解决问题的能力，你可以为面试做好准备。现在最后我们将讨论一些面试技巧。了解公司和职位。研究公司、其产品以及你正在面试的具体职位。展示你的作品集。拥有一个强大的作品集，展示你的设计技能和过程。理解设计过程。能够解释你创建的设计过程以及你如何解决设计问题。熟悉行业工具。了解最常用的设计工具，并能够解释你为什么使用它们。了解以用户为中心的设计原则。熟悉以用户为中心的设计原则，并能够将其应用于现实场景。保持更新。了解当前的设计趋势和技术。做你自己。展示你的个性，让你的设计热情闪耀。收集用户需求、创建图形元素和创建导航组件都是 UI UIX 设计师的职责。因此，为了在这个角色上取得成功，你应该拥有使用设计软件和线框图工具的纯粹经验。如今，简历是找新工作的重要工具。在现代就业市场上，简历比其他所有要求都更受潜在雇主青睐。与其先面试，不如简历更能给雇主留下深刻印象。本文将向你展示如何使用 Canva CV 模板创建时尚且吸引人的简历，以准确传达你的工作经验。所以这里我们有创建 Canva CV 模板的步骤。所以第一步是选择模板，然后首先转到 Canva，然后你需要登录。你有一个模板选项，就在主页旁边，然后你需要点击它。你将进入 Canva 的模板页面，然后在搜索栏中输入“简历”，并根据你的选择选择所需的简历，然后通过向上滚动找到你的理想简历模板。一旦你搜索了简历，你将在 Canva 中看到数百万个简历模板。所以你可以根据你的需求选择。所以首先，我们正在创建一个 Canva 模板，所以我们将选择一个空白页面。所以首先，我们将使用一个圆形框架，这样你就可以把你的照片放进去。所以让我们拿一张女孩的照片。就拿这个吧。是的。现在让我们拿一个矩形。把它放在前面。我们将改变它的颜色。让我们拿一种浅色。稍微大一点。所以在这里你可以放你的名字和你的职位，以便在简历中突出显示。所以首先，我突出了名字，因为我给了它，她是平面设计师。所以我突出了这一点。我们可以把它弄粗一点，再大一点。我们可以改变字体颜色。好的。现在选择完图片并突出显示名字后，我们将自定义背景。现在我们在 Canva 主页上，选择了模板，我们可以自定义它。改变背景颜色是一个很好的开始。要选择模板的背景，你需要双击它，然后在左侧面板上会有一个小框，你可以选择任何颜色。嗯，让我们拿，是的，这种颜色，你可以选择任何一种来包含在你的简历中。现在我们将看到标题和联系信息。这个部分包含你的名字、职位以及一些个人信息，如电子邮件、出生日期以及任何其他社交媒体链接，如 LinkedIn 等。所以我们将在这里写。所以这里我添加了带有用户联系信息的标题。所以这里我添加了联系电话和电子邮件 ID 以及位置，以及 LinkedIn 等链接，或者用户所在的网站。接下来我们可以添加摘要声明或职业目标，就像这个部分包含你在这个领域的职业目标的简短描述一样。例如，你对公司的期望。所以我们将在这里设计它。所以这里我用颜色设计了它。假设，我们也可以改变这个的颜色。我把它设成了浅蓝色，或者你可以保留任何颜色。就拿这个颜色吧。是的。所以专业简介之后，在添加了摘要声明之后，我们现在需要添加教育或技能。这个部分包含你的教育细节以及软硬技能。例如，B、BS、CC、B tech 等。所以让我们在这里添加它。所以这里我添加了教育和专业技能，即网页设计、创意思维、Adobe Photoshop、Adobe Illustrator 等。对于教育，我也将提供艺术与插画硕士学位以及艺术或插画学士学位。接下来，接下来我们将添加认证、爱好或兴趣或项目，就像这个部分将包含关于你的习惯、项目等的附加信息。例如，爱好，比如打板球等。我们将用星星来提及，或者我们可以用点来提及，或者用投票来提及。你知道多少种语言。所以这里我提到了认证或爱好兴趣或项目，比如语言，比如她懂多少英语，比如我写了，我用点来表示，比如五分之五，她懂几乎四分之四，或者五分之三，她只懂法语三份之三，等等，对于兴趣，她对旅行或阅读书籍感兴趣。所以这部分是关于认证、爱好和兴趣以及项目。所以下一个是工作经验。这个部分包含你以前的工作经验的细节，比如你在那家公司的职位和职责。例如，系统工程师，并且你有这方面的经验。所以我们将把它放在这个部分。所以这里我提到了用户之前的经验，她之前工作过，现在或之前，我也在这里提到了。所以这就结束了我们关于如何构建 Canva CV 模板的教程。简历的最终输出是这个。或者我们可以用不同的颜色让它更具吸引力。我们可以使用它，就像我选择了矩形一样，我将把它放在这里。1分钟。发送到后面，我们可以改变它的颜色。让我们选择一些颜色，比如，所以让我们把它放在那里。从这边我们也会稍微增加一点。是的。同样，我们也可以将其应用于右侧。你可以复制它们。是的。所以这是我们在 Canva 中创建的简历模板的最终输出，我们用用户的个人资料图片、姓名和职位以及亮点来总结。之后，我们有了标题和联系信息，我们在其中放入了用户的所有信息。之后，我们有了专业简介，我们在其中放入了对公司的期望以及用户的专业技能和用户的教育背景，硕士或学士学位等，或者兴趣和语言。之后，我们提到了标题和联系信息。之后，我们提到了摘要声明和职业目标，以及教育和技能。之后，我放了用户的职业经历，最后我放了，我提到了认证，如果你有的话，或者爱好和兴趣以及项目。所以首先，让我们了解一下 2022 年需要掌握的顶级 UI 和 UX 工具。第一个是 Adob XD。所有平面设计师都熟悉 Adobe 行业领先的软件，包括 Illustrator 和 Photoshop。这些 Adob XD 云产品对 UI 和 UX 设计师很有益。Photoshop 可用于修改、合成和生成视觉内容，如艺术和图形。它的一些功能是它们可以更改主组件，然后将其分发到整个公司，它非常适合大型企业和组织中需要资产统一性的设计师，并且它适合原型制作和设计，并且它可以在 Mac OS 和 Windows 上运行。下一个是 Sketch。为了创建高质量的原型和界面，只需在移动设备上进行中间预览，Sketch 已成为一种常见的 UX 工具。它有一个图标，可以更轻松地构建 UI 元素以供重用。借助此功能，可以创建设计系统并保持界面设计的一致性。它的一些功能是用户可以使用此设计和原型工具生成模型，并与团队共享以获取反馈，从而准确了解最终产品。他们可以添加照片并添加文本，它适合原型制作和设计，并且它在 Mac 上运行。第三个是 Invision Studio。它是一套三个 UI 和 UX 工具，为用户提供了一个集中的工作空间，用于协作和快速屏幕设计原型制作。所有原型、草图和设计都可以在一个地方访问。因此，得益于 Invision 云，通过 Invision Studio 沟通也变得更加简单，他们可以获得中间输入并随时了解每个阶段的文档修改。它的一些功能是 Studio 平台提供了一种简单的方法来快速为任何屏幕生成响应式设计，以及通过基于矢量的绘图功能快速测试用户体验的能力。它可以混合用户导航，通过动画屏幕变化，并且它适合原型制作和 UI 设计，并且它可以在 Mac OS 上运行。下一个是 Figma。它是顶级 UI 设计程序之一。它具有拖放用户界面设计器，支持跨组织协作。Figma 是少数几个将设计师、开发人员和项目经理结合在一起的 UX 解决方案之一。它的一些功能是它以成为组织的单一事实来源而自豪。你可以上传已批准的可重用元素、图标、字体和样式。团队成员可以检查代码并提取关键角色，它适合设计，并且它可以在浏览器、Mac OS 和 Windows 上运行。下一个是 Framer X。Framer 是最有用的 UX 工具之一，以前称为 Framer X。它提供了未来产品功能的演示，并且其性能尽可能接近现实。旨在创建令人惊叹的原型的专业 UI 设计师应该考虑使用 Framer。它的一些功能是它提供 JavaScript 的协作早期输入，并且它支持开发复杂的高级原型，包括增强现实和虚拟现实项目。它有助于建立细微但重要的过渡，并且它适合原型制作，并且它可以在浏览器和 Mac OS 上运行。第六个是 Flowmap。它是另一个专门的 UX 工具，出现在我们的列表中。该工具最适合 IAS 站点地图、用户流程和站点。使用 Flowmap，多个团队在创建需要大量考虑的 UX 策略流程和站点地图时可以快速查看工作流程。有几种技术可以将 UI 和 UX 工具集成到一个平台中。它的一些功能是它是一个简单的站点地图工具，有助于团队合作和网站页面构建。使用 Persona 工具创建客户角色，它适合线框图和网页设计，并且它可以在浏览器上运行。下一个是 Origami Studio。与 Invision 等其他 UX 设计工具相比，它是一款非常高级的软件，专门为专家设计。它最初是为 Facebook 设计师开发的，但现在是免费提供的。它具有陡峭的学习曲线，这使得它成为新用户难以掌握的原型工具，并且它是目前最先进的 UX 工具之一，它创建的交互非常逼真，并提供简单的 Sketch 集成。它的一些功能是它使用补丁编辑器创建原型逻辑，并且它有一个可以立即访问的大量修复库，并且可以毫无问题地复制和粘贴 Sketch 中的组件，并且它适合设计任务，并且它可以在 Android、Mac OS 和 iOS 设备上运行。下一个是 Balsamiq。它是最好的 UI 设计软件之一，也是设计师、产品经理和创新者中流行的线框图工具，它专门用于创建低保真线框图。尽管它很简单，但建议所有级别的 UX 设计师使用此工具来快速演示给定网站或应用程序的可用性。任何试图将想法写在纸上的产品经理或企业主都会发现 Balsamiq 非常有帮助。它的一些功能是它有助于创建专注于实用性和用户流程的低技术线框图。提供拖放编辑器，使设计师能够快速轻松地进行操作，并且它适用于模型和线框图，并且适合浏览器、Mac OS 和 Windows。下一个是 Marvel。Marvel 是另一个出色的 UI 和 UX 工具，可用于创建各种高保真和低保真线框图、原型、HTML 和 CSS 交付。它是用于完善原型界面并赋予其最终外观的绝佳工具。这款应用程序设计工具的学习曲线非常小，这使得该工具在开发界面和创建原型方面非常高效。它的一些功能是它提供测试、交付和快速原型制作，并且它使你能够轻松地构建页面，甚至可以使用原型来测试你的设计，并且它适合线框图动画，并且它可以在 Web、Android 和 iOS 设备上运行。最后一个是 Axure。Axure RP UI 设计工具的动态内容、条件逻辑和可适应视图功能使你能够快速创建功能与真实事物类似的交互原型。为了与利益相关者交换设计，你还可以将 Axure 连接到 Sketch 等知名设计软件。它的一些功能是你可以使用内置的 Azure 云功能立即与组织分发原型以获取中间反馈。它使不经常使用编码的 UX 设计师能够将设计完整地转移给开发团队，并且它适合原型制作，并且它可以在 Windows 和 Mac OS 上运行。现在让我们讨论 Figma 是什么，然后继续。Figma 是一个用于设计和编辑用户和图形界面的在线工具。它可以用于各种图形设计任务，包括线框图网站、为移动应用程序创建用户界面、创建设计原型、为社交媒体创建帖子以及介于两者之间的所有内容。与其他图形编辑器软件相比，Figma 的独特之处主要在于它直接在你的浏览器中运行。此外，你可以从任何计算机或平台开始设计和获取你的项目，而无需安装额外的软件或购买额外的许可证。在讨论了 Figma 是什么之后，我们将看看如何使用 Figma。正如我们之前解释的，它是一个基于 Web 的应用程序。要开始使用该应用程序，你只需要一台带有可靠浏览器和互联网连接的台式机或笔记本电脑。之后，你可以在 Figma 网站上注册一个免费帐户。此外，你还可以立即开始你的设计工作。使用 Figma，你可以从头开始设计产品，也可以使用对初学者来说非常用户友好的编辑器从预制模板开始设计。网上有很多资源可以教你如何使用 Figma，但如果你使用我们下面提供的课程，学习会更容易。在本教程中，我将向你展示开始在 Figma 中设计应用程序和网站的最佳方法，我将为你提供可以逐点击遵循的分步说明。我只会告诉你开始设计界面所需的内容。所以，让我们开始吧。所以我们将看看一个叫做 Figma 的工具，它有一些优点，但对你来说最重要的是，它开始是免费的。如果你独自工作，我们喜欢在 Smart 使用它，因为它也有很好的协作性。所以我们可以有多个人同时处理同一个设计文件，而且它非常快。它可以在任何计算机上运行，无论你使用的是 Mac、PC、Linux，还是其他任何东西，它都直接在浏览器中运行。在你观看视频时，如果你对如何在 Figma 中实现特定效果有任何疑问，或者有任何评论或你想推荐的内容，请将其放在下面的评论中。如果你想了解更多关于 UI 和 UX 的技巧，请务必订阅我们的 YouTube 频道，这样你就不会错过 Simply Learn 的任何更新。我想从模板开始。所以我现在要做的是为我自己的设计创建一个三角形，它将被称为“框架”。所以你需要知道的第一个工具是这里的框架，或者在键盘上按 F，或者我按的任何东西都会显示在左下角。所以你知道我按了什么来激活某个工具，然后我就可以开始绘制尺寸了。但我知道，如果我看看这里的框架，我点击它，它会显示。我可以再次按 F 进入框架模式，然后我可以从这里选择很多模板，我将选择 iPhone pro max，然后它会自动放置一个特定尺寸的框架，我将把它放在这里，然后我将开始设计。所以，假设我想要不同的背景颜色。对吧？所以最简单的方法是，我可以画一个矩形。我可以在这里做到。你可以看到有一个矩形工具，它已经显示了旁边的 R。所以我要按键盘上的 R 并画一个矩形。对吧？所以我不希望它占据整个屏幕。这就可以了。现在我可以看到默认情况下它是深色的。所以我会点击它，然后在这里，我可以说任何我喜欢的东西，我可以选择颜色，让它在位置和尺寸下更具吸引力。所以如果我想改变这个，这只是改变 y 坐标，而这个是，抱歉，这是 y 坐标，这是 x 坐标。你可以看到拖动你的光标。看到光标变成横向箭头。我可以点击并左右拖动。改变这些值，或者我可以在右边输入它们。我也可以改变宽度和高度。这是宽度，这是高度。右边的角落半径。所以有圆角效果。所以我可以使用它。所以用箭头，周围效果和角落半径，假设它必须是 29 或 39。39，我也将把它设为 39。所以我们可以看到这个，这些角落正在产生圆角效果。如果我改成零，你会看到它不再是圆角了。如果我想让顶部是圆角但底部不是，那么我可以改变底部的。对吧？现在看起来不错了。接下来我需要创建的是形状菜单中的圆圈，即椭圆，你也可以使用键盘上的 O 字母来做到。现在默认情况下，你将能够绘制任何比例的任何类型的圆圈。现在让我们改变圆圈的颜色。在设计移动界面时，你经常需要这样做，因为你想要一个主屏幕图标之类的东西，你可以在网上搜索免费的 Figma 图标，搜索这个页面会打开，让我们说我想复制这个，然后我回到我的文件，然后我将粘贴元素。Figma 也帮助你定位。它会自动居中事物。让我们说我想在这里放一张图片，而不是空白颜色。一个好的网站是 Unsplash。我在这里写食物，然后我会写图片并保存。我们将复制它并粘贴在这里。是的，我按了 Command V 粘贴，然后我就可以重新定位它了。现在，我需要在这里输入的文本是“非接触式配送”，而获取文本的方式是通过这里的 T 图标。我只需要在键盘上按 T，然后输入文本。不，非接触式配送。所以我们将通过双击来改变字体。我们将把文本的字体改为 SF Pro Text。让它小一点。所以现在我们将在这里写一段话。所以我将再次点击 T 图标。我们可以写一些与我们的食物相关的内容。我们将把这个字体设为小一点，大约四种，然后把它放在中间。是的。所以现在我将有一个“立即订购”按钮。为此，我将再次点击键盘上的 T。重复矩形，所以现在我将有一个“立即订购”按钮，为此我将使用矩形，所以我将按 R，然后我将画一个矩形，然后把它放在中间。我将选择一种颜色。如果你看到角落半径，然后我说“立即订购”文本，然后我将把它放在中间。我将居中这个，然后让它变成白色。这非常容易。现在我将为这个小姐写另一个文本。所以，从模板开始，我们在 Figma 中制作了我们的第一个特色食品配送应用程序页面。如果你是网页设计师或 UI UX 设计师，你可能已经熟悉 Figma 以及它能为你做的一切。但是你知道有一些简单的 Figma 技巧可以帮助你完成任务吗？它是一个响应式、快速且简单的工具。虽然这个工具很容易使用，但有很多隐藏但有效的特性可以发现。虽然你每天都觉得用起来很舒服，但这额外的 10 个建议可能会改善你的工作流程。让我们直接开始吧。第一个是使用缩放工具避免失真。第二个，最简单的进度环。第三，将对象拖出框架但保持在框架内。第四个是交换位置，整理和组织网格。第五，复制最后一个动作。第六个是用吸管预览颜色。第七，几秒钟内修复行高。第八，轻松创建方形单元格。第九，控制导轨和 Unsplash。最后一个是使用空格键进行更多技巧。让我们详细介绍一下。所以第一个是使用缩放工具避免失真。使用缩放工具，你可以保持你的设计像素完美。要使用它，选择你想缩放的内容。按键盘上的 K 并拖动。这个工具非常灵活，有几个好处。首先，可以轻松调整对象大小，而无需拾取它。第二，你可以一次调整多个项目的大小，使用自由变换工具。第三，你可以使用自由变换工具旋转对象。缩放是至关重要的设计问题之一，在每个项目中都需要仔细考虑。下一个是最简单的进度环。Figma 是一个很棒的应用程序，用于设计环形，因为它有许多工具和功能，可以轻松构建漂亮的图案。这些有助于提醒用户执行所需的操作，或让他们知道他们还剩下多少产品或计划。在 Figma 中，你必须先创建一个新文件。要开始，请从屏幕左上角的菜单中选择“创建新文件”。在菜单或屏幕左侧，选择将成为工具的形状。这样做会在菜单中出现你可以在设计中使用的各种形状。我们建议使用环形中的圆圈。下一个是将对象拖出框架但保持在框架内。对象可以拖动很远。任何对象都可以尝试拖出画布，同时立即将其拉回原位。要将对象保持在容器内，同时将其拖出框架，请按住空格键，以便在对象位于容器外部时查看对象。你也可以为包含该项目的框架禁用“剪辑内容”。下一个是交换位置，整理和组织网格。通过选择数组中的数字对象，然后单击角落中的网格符号来组织你的设计。结果，所有对象的间距都相等，你可以拖动项目来重新排列它们并更改它们的间距。第五个是复制最后一个动作，选择 Figma 中的项目，按住键盘上的 Control + D（适用于 Windows 或 Mac OS），然后将副本拖到所需区域。你可以复制一个对象多次。此外，你还可以使用“编辑”菜单下的“复制”菜单选项。使用复制菜单或命令多次复制网格或图案中的项目。下一个是用吸管预览颜色。你可以用颜色选择器覆盖文本、图层、描边和其他矢量对象。吸管工具允许你从图片中的任何位置将颜色样本添加到你的元素面板。要获得所需的效果，请使用选项栏调整工具设置，如采样大小和采样。通过单击选择要查看的颜色。使用颜色选择器应用纯填充、渐变或图片。此外，你还可以使用混合模式来修改颜色情况或不透明度。下一个是几秒钟内修复行高。当你输入自动或删除行高框中的当前值时，如果它看起来奇怪且没有特定值，Q 行高会自动调整。使用检查器面板文本部分的“前导”设置是修改 Figma 中行高的第二种方法。你可以在此选项中输入数字或百分比来指定文本行之间的距离。下一个是轻松创建方形单元格。你知道 iOS 应用图标是什么形状的吗？它们不像典型的圆角矩形。它们看起来像正方形。在正方形和圆圈之间，方形单元格是一个字体。术语“方形单元格”至少有两个含义。其中最受欢迎的是基于正方形椭圆。术语“正方形”和“圆圈”的组合。UI 设计中的“正方形”一词。这种形式越来越普遍。如何在 Figma 中制作这样的形状？这非常容易。方形单元格位于圆圈和正方形之间。下一个是控制导轨和 Unsplash。两个重要的插件可以节省时间是 Content Reel 和 Unsplash。只需单击一下即可将头像、姓名、地址等添加到你的设计中。得益于 Content Reel，Unsplash 是一个免费的高质量图形资源。在 Figma 中创建新文件时，选择“来自 Unsplash 的新文件”以使用 Unsplash 图片。这将打开一个照片库，你可以浏览并将其用于你的设计。最后一个是使用空格键进行更多技巧。你也可以在绘制形状时留出空间，以便之后重新定位对象。按下空格键将立即将项目转移到自动框架或设计中，如果它足够大并且可以在嵌套中使用。空格键是扩展指针选择区域的绝佳工具。拖动一个选择区域，然后按住空格键。你也可以在绘制形状时按住空格键来移动项目。此外，你还可以使用空格键来防止 Figma 自动将项目嵌套到框架中。Figma 是 UI 和 UX 设计中原型制作的绝佳工具，它允许你创建交互式流程，并允许用户与你的设计进行交互。原型制作很重要，原因有很多。为新用户设置工作流程，并从用户那里检查和获取反馈。现在我们将看到什么是原型制作。原型制作之所以重要，原因有很多，而且你

可以检查新用户的工作流程。原型设计使设计师能够进行设计。在数字产品时代，原型设计是用户与界面之间的交互。原型设计是最终产品如何工作的过程，这使得产品团队能够测试他们的设计。在了解了 Figma 和原型设计是什么之后，我们将看到原型设计在 Figma 中是如何工作的。所以第一个是我们可以添加原型流程、添加交互、固定位置、添加溢出滚动以及如何展示和分享原型。所以第一个是在 Figma 文件中添加原型流程。您可以在每个页面上拥有一个或多个原型流程，并且它们应该有它们的起点和唯一名称。选择您希望在流程中显示的第一个框架。然后单击流程起点旁边的添加图标。添加后，您可以通过单击名称输入来重命名流程。并且可以通过单击流程起点旁边的删除图标来添加描述。下一个是添加交互。交互用于构建原型，并可用于展示不同的行为、导航模式和结果。它们通过连接两个不同的图层来工作。然后，我们将通过添加动画、操作和触发器来检查这两个图层将如何相互交互。交互可以很简单，也可以很复杂，因为动画元素会移动并更改它们的属性。交互可以分三个步骤完成。即时交互、动画交互和智能动画交互。所以第一个是即时交互。使用即时交互动画，让操作被执行并放置，而无需移动或效果。这将有助于在页面或模型之间导航。例如，在页面之间导航。使用即时动画，您可以通过点击按钮进行导航。下一个是动画交互。使用动画添加移动和交互，以帮助移动进入、移动出、滑动进入、滑动出等。使用可用的不同功能。最后一个是智能动画。使用智能动画来检查不同框架上的匹配图层并为它们的差异设置动画。这些差异可以包括颜色、大小和位置的变化。固定位置。固定原型中元素的位置，使其在滚动时易于保持在同一位置。这对于希望保持可见的元素很有帮助。例如，顶部和底部的导航。配置设计面板设置。下一个是添加溢出滚动。它允许在原型中的每个框架中滚动。这对于原型化具有自身滚动属性的组件或 UI 区域非常有用。例如，菜单、表格、列表等。在使用溢出滚动时，拥有一个带有内容溢出的框架很重要。下一个是如何展示和分享原型。首先选择顶部工具栏附近的展示图标，它会展示原型，如果一个页面上有多个流程，则在侧边栏之间切换它们，并且在这里可以将评论作为笔记、任务和问题提及，尽管您也可以留下反馈。通过单击演示工具栏中的共享原型来共享原型。在了解了原型在 Figma 中如何工作之后，我们将看到它有什么用处。使用原型是一种很好的方法。我们可以在用户流程和交互中提前使用它，进行想法共享和改进。我们可以获得用户的反馈，也可以测试用户的交互。最后一个是向感兴趣的用户展示您的概念。您可以通过在 Figma 的原型页面上为您的原型在一个页面上创建多个流程来预览用户的旅程和体验。所以在这个教程中，我们将研究如何使用 Figma 创建原型。Figma 是一个强大的设计和原型工具，您可以将其用于 UX 和 UI 项目。如果您是 Figma 的新手，我建议您先查看我创建的关于如何在 Figma 中创建模型图的教程，我将在下面的描述中链接到它。在这个教程中，我们将制作一些交互式原型。所以，我们将通过打开带有此线框图的 Figma 文件来开始。这里有几个静态页面，包括主页、女性类别页面和产品页面。在这个教程中，我将引导您完成如何连接这些页面，以便用户可以像在真实产品中一样点击浏览。所以我们要做的第一件事是进入 Figma 中的原型。是的。您可以通过单击右上角的原型选项卡来完成此操作。现在您会注意到除了右侧边栏中的内容之外，其他内容都没有真正改变。是的，边栏。所以我们将从那里开始。并且有您的原型的设置。这些是您想更改的一些内容，具体取决于您的设备或您的设计。所以您可能想在此处更改的第一个设置是设备，设备是指您的原型显示的设备。所以在这个例子中，我们正在为桌面设计。所以我们可能不想在任何额外的设备中展示这些设计，我想。所以，但是，嗯，让我这样做，嗯，但是，如果您正在为移动设备设计，那么在 iPhone 中展示这些设计将会很好，嗯，这些设计，但是对我们来说，我们将为桌面设计。所以，让我回到无。好的。嗯，我们想要或可以更改的另一个设置是背景颜色，这指的是我们的原型在您展示模式或展示模式时出现的背景颜色。所以如果我打开，嗯，展示模式在这里，右上角，对。所以我可以看到设计。是的。我可以看到设计。这里有一些边距，这些深色边距在侧面，目前看起来是黑色的，因为这里是背景。另一个我们可以拥有的设置是背景颜色，这指的是您的原型在展示模式下出现的背景颜色。当您点击它时，您可以展示它，并且如果您假设这是背景颜色是黑色的，您可以更改它，所以，嗯，所以，如果我们将其设置为白色，那么它看起来更自然，就像没有那个尴尬的切口或设计侧面一样，如果它是黑色的话。所以让它成为白色。所以，嗯。所以，嗯，所以现在，所以现在我们已经设置了我们的原型并调整了设置，然后我们就可以开始连接这些不同的屏幕了。您做到这一点的方法就是创建连接。嗯，要创建连接，我们实际上需要去主页。是的，这是主页，例如，对，然后让我们想象一下，我们要将这个女性链接连接到女性的女性类别。这是女性类别，对。所以，页面在这里，就像，就像要做到这一点，我想点击女性，您会看到在女性的右边，有一个小的白色，这个，有一个小的白色圆圈出现，这就是所谓的节点，节点允许您将这些链接连接到其他页面。所以如果我点击节点和白色圆圈。是的。然后我将拖动它。一分钟。等等。如果我拖动它。是的。我现在可以拖动到此文件中的许多其他页面。所以我可以拖动到这个类别页面，或者我可以拖动到此文件中的另一个页面。所以如果我将其拖动到这个女性的类别页面，您会看到一个连接已经创建，对。嗯，等等，我认为它没有创建，让我再连接一次。是的，它已经连接了，对。所以，这里有一条线显示，当您点击女性时，当您点击女性时，它将带您到女性类别页面，并且当我创建那个连接时弹出的另一件事是一个小箭头。是的，这里是左上角。这被称为起始框架指示器，它允许，所有这些指示器是原型的哪个框架，或者这些屏幕中的哪个将是人们打开原型时看到的第一个屏幕，对，嗯，所以，现在它设置为家庭主页，但是如果我想更改它，我会点击箭头并拖动，然后更改为另一个屏幕。所以在这个例子中，当人们打开您的原型时，他们将从女性类别页面开始。但是对我们来说，我们实际上希望用户从主页开始。所以我会再次点击那个箭头，然后将其拖回到主页。是的。嗯，所以现在让我们创建另一个连接。所以目前我们有一个从主页到女性类别链接或女性类别页面的连接。对。但是现在，让我们创建一个让用户从女性类别页面返回主页的方法。所以我们要做的就是选择我看到鞋子，然后您会看到节点出现在这里。所以右边，您将要点击那个节点，然后将其拖到。一分钟，然后将其拖到主页，所以，嗯，让我在这里连接它。是的。是的。所以，所以这样，当用户在同一个，嗯，当用户在漂亮的鞋子标志上时，它将带他们回到女性类别的首页，这将是这个。嗯，在我们在这里创建更多连接之前，在我们的原型中，让我们确保已经创建的连接正在正常工作。所以要做到这一点，并预览您的原型，您必须去右边的角落，有一个播放按钮。所以它会打开，打开它。是的，展示模式。这被称为展示模式。对。并且您已经看过屏幕了，并且这是您的实际原型，这就是您所做的。您想与您的用户、客户、团队成员等分享。所以在这个展示模式下，有一些事情需要了解。我们将看到展示模式只是您 Figma 文件中的另一个选项卡。所以如果您想回到您的设计，您只需点击左边的选项卡，您可以去，是的，这个，然后右边的另一个选项卡，然后再次进入展示模式，并且您可以再次进行展示模式。对。这个展示模式真正好的地方在于，当您在左边更新任何内容时，它都会自动更新。这个选项卡会自己更新。您不必每次想预览某样东西时都打开一个新的原型。所以就您而言，您想预览我们刚刚创建的所有连接。所以要做到这一点，我们只需点击任何地方。所以，您会看到一个小三角形，抱歉，一个小矩形叠加在女性上。所以，这就是所谓的焦点，它表明有一个交互式元素，我们可以点击。所以如果我们继续点击，正如我们已经点击了女性元素一样，我们可以，女性，它带我们到女性类别页面，这就是类别页面，对，向下滚动，然后，这个页面像普通网站一样查看内容，然后我们还可以再次点击以查看此页面上是否有其他焦点。所以，是的，所以如果我们点击这里，我们会看到标志上有一个焦点，我们知道我们已经创建了一个，它将带我们回到同一个页面。如果我们点击它。是的。所以看起来我们的两个连接都工作正常，对吗？让我们创建更多。好的。嗯，下一个连接，我们将，嗯，好的，嗯，抱歉，下一个连接，我们将，嗯，是从女性类别页面，对，到产品页面，产品详情，我们要添加连接的地方是这里的按钮，假设顶部蛋糕的按钮，女性的特定产品，对，产品名称，女性的顶部蛋糕。所以，我可以直接点击图像，然后拖动节点，然后将其带到产品页面。但是，但是实际上我想做的是让整个卡片可点击。所以这里的图像或这个块，然后这个标题也是。所以要做到这一点，我想做的是选择这两个元素，然后按住 Ctrl+G。一分钟。是的。在窗口上。好的。您必须在窗口上按住 Ctrl+G，这样做是为了，它会将这两个元素组合在一起，并创建一个单一的节点来表示整个组。所以现在整个卡片都是可点击的，并且用户只需要一个矩形。现在我可以拖动这个节点。是的。然后这个节点，然后将其拖到产品详情页面。对。我们将看到现在有一个连接。现在当我回到预览模式时，我将转到女性页面。向下滚动。等等。当我们向下滚动并且我点击任何地方时。是的，这是原型。我将看到焦点是整个卡片。所以，如果我，所以我可以点击它，它会带到产品。是的，产品页面。这是产品页面。所以接下来我想做的是，给用户一个返回女性类别页面的方式。所以实际上我想在这里包含一个链接。所以，是的，或者将该链接连接回女性类别页面，或者做到这一点，我将回到 Web 设计文件，然后我将通过双击来选择这里的女性。是的，当我选择女性时，选择框或这个边界框实际上很大，当我们转到原型时，我将向您展示这意味着什么。所以如果我点击那个节点，然后将其连接到女性类别页面，我将缩小。看。是的。所以您可以看到，当我们回到原型时，选择框实际上与我们的焦点相同。是的，实际上也很大，在大多数情况下，原型在这种情况下都可以，因为它只是几个页面，我们只是来回链接。但是，如果您有一个更复杂原型，您想包含一个链接，在女性上包含一个链接，然后在运动鞋上包含另一个链接，那真的行不通。要解决这个问题，并使这个焦点稍微小一点，您需要回到您的设计文件，然后我们只需要拖动点击拖动选择这里的女性，您需要慢慢拖动，并确保它只覆盖女性链接，现在当您，现在当您回到我们的原型时，我们可以点击任何地方。您可以看到原型。嗯，等等，一分钟。是的。实际上，嗯，是的，在原型之后，我们点击任何地方，我们可以看到焦点的大小与女性链接和下面的运动鞋完全一样。对。嗯，最后一个连接我想在这里做的是从产品页面进行连接。这个产品页面，这个页面，产品页面，这个页面，我们回到了主页。所以要做到这一点，我将在这里的鞋子标志上创建一个连接。是的，标志连接回主页。嗯，我们将回顾这个设计文件。设计文件是这个。是的，我只需要选择漂亮的鞋子标志，拖动，拖动节点，拖动到主页。但是我实际上要向您展示一个技巧，以加快创建连接的过程，尤其是在处理导航元素时。所以我可以做什么就是去另一个页面，我可以选择这个元素，然后简单地将其粘贴到另一个页面。所以，我先复制它，现在我们会注意到，当我粘贴时，它实际上也粘贴了连接，看到这个，并且它也保留了这个。所以您在女性类别页面上有一个连接，之前已经创建了，并且我们在这个产品页面上有一个新的连接，这非常棒，尤其是在处理菜单等内容时，因为当您有一个有 10 个不同链接的菜单时，您想在每个页面上都这样做，并创建更多连接，例如，在您的每个链接上，而不是复制整个菜单，将其粘贴到新页面，并且这些连接已经做好。嗯，现在我们将看看如何编辑您的原型。换句话说，编辑您已经创建的一些连接。嗯，是的，在 Figma 中这样做非常简单。您所要做的就是点击一个连接。所以，在第一个例子中，从女性到女性的连接，女性类别页面，这个，类别页面，我点击它，是的，现在您有几个选项，或者我们称之为交互细节，关于这个特定的连接，并且右边出现了一个小弹出窗口，称为交互细节，并且这里有一些事情您可以做，其中之一是您可以手动更改您正在导航到的屏幕。所以，例如，我可以选择产品页面而不是女性，我将简要介绍一下，但 Figma 提供了一些很酷的功能。所以，首先是屏幕之间的动画。所以当我点击这个链接，它带我到女性类别页面。嗯，这是这两个屏幕之间发生的动画或过渡。所以，现在它设置为，嗯，它设置为即时。所以，嗯，动画设置为即时。所以，您可以看到当我点击女性时，它会立即带我到女性类别。嗯，但是我实际上可以将其更改为类似溶解的东西。嗯，我想要的是，而不是闪烁到女性类别页面，实际上有一个很好的溶解过渡。嗯，点击这个。是的，这个。嗯，这是屏幕之间的溶解过渡。这只是一个基本的动画样式，但 Figma 有一些更高级的功能，它们确实非常棒。好的。所以，如果您选择智能动画，例如，让我们看看溶解。是的，突然它溶解了，对吗？那个效果。嗯，实际上，如果您选择智能动画，例如，让我们选择。好的。所以，我们将其设置为智能动画。让我们播放，当我点击女性时，有智能动画，例如，当我点击女性时，它将以智能动画的形式进行。并且，如果您可以看到一些元素开始移动，而且不是很流畅，因为这些页面之间没有很多共同的元素。但是如果我做一些类似的事情，比如女性页面，复制它，然后我们将实际复制它一分钟。然后我将这个更改为男性，有点小，然后重复，然后到这个页面，我将连接它。然后我将男性链接到这个新页面，现在我预览，让我们用这个连接它，然后看看，它已经设置为智能动画了。如果我预览它，让我们预览这个。这里看起来是这样的，正如您所看到的，线条会自动动画，看到吗？菜单链接在这种情况下，如果它也变小了，我的意思是，智能动画可以做什么，这是一个非常基本的例子，当您处理不同的元素时，它会变得复杂得多，但它是一种快速创建屏幕之间过渡的方法，尤其是在应用程序中，当您拉起表单或弹出窗口时，它效果很好。嗯，Figma 在动画方面提供了一些令人惊叹的功能，而且它确实非常强大。所以我绝对鼓励您在交互细节面板中玩弄其中一些功能。嗯，接下来我想谈谈如何分享您的原型。所以您可能想与客户或参与项目的团队成员分享您的原型。在 Figma 中这样做实际上非常简单。所以您要做的第一件事是打开您的展示模式。如果您没有打开，您可以点击右侧的这个，或者我们已经打开了原型，嗯，展示模式。所以您可能会注意到，当您打开这个选项卡时，您已经打开了，然后您必须点击共享原型。现在，重要提示是，请确保您没有点击实际设计文件的共享，因为在这种情况下，您需要共享设计文件而不是原型。所以，当您共享时，请确保您不是从展示模式共享。所以，当您点击共享时，然后重复点击共享原型，这给了我们一些选项，对。所以第一个选项是邀请访问，您可以输入电子邮件在这里或那里，他们会收到原型邀请，然后他们会打开它，这是其中一种方式，但我实际上更喜欢分享您的原型的方式是点击这个复制链接选项，然后只需打开一个链接到您的剪贴板的原型。您可以将其分享到消息或私人消息，或通过电子邮件，或通过 FP 或 Facebook 消息，或任何您想要的方式。嗯，是的，但请注意，如果您使用此复制链接方法，我想您要确保它设置为链接任何人都可以访问，因为如果它设置为仅邀请到此文件的人，当某人收到该链接但未被邀请到此文件时，他们可能无法打开。所以，如果您要分享您的链接，请确保将其设置为链接任何人都可以访问。希望您喜欢这个教程，如果您有兴趣了解更多 UX 或成为 UX 设计师，请查看下面的 UX 设计链接，我们将涵盖 UX 设计的基础知识。假设您正在为学校活动创建一个海报。为此，您需要通过选择各种素材来设计海报。要编辑图像，我们需要 Photoshop。用于创建书籍、杂志和宣传册，InDesign 就在那里，如果您需要不同的图片，那么有许多图库照片网站提供模板集合，而不是导航到如此多的平台来完成这些任务，我们为您提供 Canva，一站式解决方案，它不仅结合了这些编辑，还结合了发布工具，提供在线设计平台。所以，大家好，欢迎来到 Simply Learn YouTube 频道。今天在这个 Canva 入门教程视频中，我们将展示 Canva 的设计工具。但是您知道 UI/UX 专家也使用 Canva 吗？所以，如果您想在 5 个月内学习 UI/UX 专家，并参加印度理工学院班加罗尔分校顶尖教授的大师班，请考虑我们的 UI/UX 设计高级认证课程。有关更多详细信息，请查看描述中的链接。如果您是技术爱好者，这里有一个脑筋急转弯。哪个国家使用 Canva 最多？是澳大利亚、日本、美国还是俄罗斯？让我们在下面告诉我们您的答案，并从 Simply 那里获得一个心。废话不多说，让我们开始课程，快速了解您将要学习的内容。我们首先介绍 Canva 是什么以及它为何如此受欢迎。然后我们深入探讨它的一些功能。最后，我们看看 Canva 的使用地点以及它的定价，我们还将创建一个学校海报。所以，让我们对 Canva 进行概述。Canva 是一个图形设计平台，为用户提供工具和资源，以创建各种用途的视觉吸引人的设计。Canva 用户可以创建专业的图形、社交媒体帖子、演示文稿和营销材料等。Canva 是一个流行的图形设计工具，用户可以创建各种模板的视觉内容、可定制的设计、协作和经济高效。现在我们对 Canva 是什么以及它为何如此受欢迎有了很好的理解，让我们深入探讨它的一些功能。我们知道 Canva 是一个流行的在线图形设计工具，它的一些关键功能包括第一个是用户友好的界面。免费和付费计划，社交媒体集成，定制选项，设计元素，并且它拥有内置的全面图像库。总的来说，Canva 是一个多功能且用户友好的工具，非常适合快速轻松地创建专业的视觉设计。接下来，深入了解 Canva 的使用地点。因此，Canva 被企业、营销人员、教育工作者和博主以及需要为他们的品牌或个人项目创建高质量视觉内容的个人使用。凭借其用户友好的界面和丰富的功能，Canva 已成为创建各种用途的视觉吸引人设计的流行工具。最后，Canva 的定价。Canva 提供免费和付费计划。以下是每个计划的详细信息。对于免费计划，它包括访问 Canva 的基本功能，包括数千个模板、照片和设计元素。用户还可以与他人协作并共享设计。而 Canva Pro 是一个付费订阅计划，仅供一个人使用。每年 3,999 卢比。它的一些附加功能是他们的高级协作和团队管理功能，创建和保存品牌套件以实现一致的品牌推广的能力，以及直接从 Canva 安排社交媒体帖子的能力。第三个是 Canva Enterprise 和团队。嗯，这是一个针对大型组织的定制定价计划，适用于两个人以上。前五个人每年 6,590 卢比，需要额外的功能和支持。提供定制品牌选项、高级安全和合规功能、定制模板和设计元素以及高级分析和报告。在今天的教程中，我将分享一个深入的 Canva 入门教程，您将了解开始设计自己的图形所需的一切。无论您是想将其用于 YouTube、Instagram 还是其他社交媒体渠道，都没关系，因为 Canva 提供了各种各样的工具，而且它是免费使用的。所以观看此视频，您将知道实际设计起来有多么容易。所以，我们开始吧。所以，我为您带来了一个全面的 Canva 教程。如果您不了解 Canva，它是一个免费的设计工具，非常出色。它有大量的照片、元素和其他图形供您使用。所以，换句话说，在内容营销世界中是一个完整的救星。它对于您想设计的任何图形都非常棒。无论是社交媒体、您的网站和博客，无论是任何演示卡、邀请卡，任何类似的东西，Canva 都会为您解决。所以，废话不多说，我们开始吧。好的。所以我们将从创建一个 Canva 帐户开始，而且一开始是完全免费的。嗯，所以您可以使用 Google、Facebook 或传统方式通过电子邮件地址注册。显然，我已经有一个帐户了，所以我不必这样做。所以，只需注册，它非常简单，然后我们将开始设计。好的。首先，在左上方是主导航面板，您有主页，当然，然后您有模板，然后显然会按不同类型分类。您有社交媒体模板、背景、生日、营销、教育工作者。所以有很多不同的模板供您浏览，当您需要某些东西时，您可以浏览一下，看看 Canva 已经提供了什么。您有功能。让我们也看看功能部分，带有照片图标、印刷品，因为 Canva 现在也提供印刷服务。有不同的应用程序，您可以连接到 Canva，并且有一些用例，带有不同的图形、图表、视频、团队，您可以邀请您的团队，有不同的模板。所以还有一个学习部分，这非常重要，尤其是当您是初学者时。所以，看完这个视频后，设置好您的帐户，大概了解一下 Canva 是什么，我强烈建议您实际上转到学习选项卡，观看一些视频，例如如何创建顶级设计、标志制作器、传单制作器，然后，正如他们在这里所说的，您可以了解如何连接和发展您的社区。所以，他们给了您一些不同的功能和技巧。所以学习部分非常非常重要，我将在本视频的最后提到一个资源。所以，这是 Canva 主页的样子。有几个不同的区域可以帮助您导航。所以，我将解释每一个，这样您就知道在哪里可以找到某些功能。所以，让我们从右上角面板开始。您有您的帐户。所以，您就在那里，您可以找到您的帐户设置的更改。您还可以设置您的个人资料照片，并推荐您的朋友等。然后有一个创建设计按钮，我将在稍后解释。您有这里的设置，帐户设置以及帮助中心。所以，让我们回到，一分钟。是的。所以，最重要的一部分是搜索栏，一旦您注册了免费的 Canva 帐户，基本的免费 Canva 和 Canva Pro 之间有一些区别，我将在本视频的最后解释。所以，请务必看到最后。嗯，但此时我将只使用免费的 Canva，因为这是大多数人会使用和需要的。所以，我们将坚持下去，然后在最后我会解释一下，或者详细说明。所以，我们要开始的是中间的搜索栏，我不得不说，这是查找任何模板、任何具有您需要的特定尺寸的设计的最快方法之一。所以，例如，如果我想快速创建一个学校海报，嗯，为此，我将转到创建设计，然后我们会拿一个白板，或者我们可以选择，好的。我将选择白板纵向。好的。之后，我们将首先为背景着色以装饰它。首先，我们将为此取一个框架。嗯，让我们搜索更多关于它的信息。让我们不要选择更多设计，比如，让我们选择简单的。我们可以选择另一个。在此之后，我们已经拿到了边框，它不是那么有设计感，但简单，所以不是那么有设计感，但简单。让我们放一张照片。让我们找一些关于学校的照片。比如，黑板。所以，正如我们所知，这是学校的海报。所以，让我们写，嗯，一个标题是数学奥林匹克竞赛。让我们更改此字体。现在让我们添加一些元素，一些我已经安装的图片。我认为要装饰这所学校的海报。让我们拿这个奖牌。您可以从 Google 下载这些图片，并且您可以，实际上将其粘贴在这里。您可以下载关于您要创建的主题的图片。所以，这些是我存储的收藏，就像这样。您可以添加您下载的所有图片。您可以根据您的需要添加元素。所以，所以它看起来是这样的。这是数学奥林匹克竞赛学校海报的最终设计，或者如果您愿意，您可以添加更多图片。您可以编辑背景颜色。您可以选择任何适合您的海报和需求的框架。我添加了奖牌，因为它是一个奥林匹克竞赛，还有一个包作为学校的设计，还有一些带有眼镜和铅笔的书，这是一个数学奥林匹克竞赛。所以我添加了，只是为了让它看起来有吸引力，我添加了这个数学动画，带有颜色和海报。这里有一个地球仪，还有一个铅笔，只是为了让它更漂亮，因为它是一所学校的海报。所以，这是学校数学奥林匹克竞赛的最终海报。接下来我们将创建一个广告，假设是 Instagram。所以，再次转到创建设计，然后让我们选择这个，我们已经打开了。所以，步骤是 Instagram 海报，方形或纵向。让我们看看它是什么样的。它的尺寸是多少？好的，这很完美。让我们更改背景颜色。让我们选择这个，然后转到文件并显示边距。等等。好的。所以在此之后，选择一些元素来使设计看起来，你知道，所以创建，重复。所以，现在选择一些元素来使您的设计看起来更具吸引力和美观。所以，我们将添加一些元素。嗯，让我们说，我们在中间的圆圈，更改颜色。红色牛排。好的，我更改了背景颜色。让我们在这里添加一个元素。颜色稍微深一点。让我们假设这个，这个。好的。用这个做一个设计。让我们把它放在这里。可以根据您的需要添加或调整任何元素。所以，这里有一条线。现在，您可以上传并选择任何图像。所以，正如我已经下载了一张男人打足球的图片。一分钟，首先，或者让我们这样做。然后我们将创建一个边界。让我们给它一个背景颜色，就像我们一样。在此之后，我们将添加一些线条。假设主页，将其对齐在这里。在此之前，我们将添加一个矩形。将其用作边距。更改颜色。这将是关于部分。这将是设置，让我们再添加一个选项和一个联系方式。页面。这将是联系方式。在此之后，我们将写一个标题文本，作为游戏。让我们更改字体。让我们看看。始终记住，在任何设计中都只选择一种字体。所以您可以根据您的需要调整字母大小。然后让我们选择一个。为所有这些选择一种字体。好的。让我们在这里添加另一个文本。只需调整大小。调整大小。嗯，让我们也更改此字体。好的。好的，让我们让它看起来更漂亮。让我们添加一个文本，例如事实。并且始终保持相同的字体。让我们更改此颜色。让它稍微暗一点。没关系。现在让我们添加另一页。先复制这个。您可以在这里粘贴。您实际上可以写任何东西。但是为了设计，让我们看看它是什么样的，你知道吗？然后再次，实际上我们将把它放在这里。复制并粘贴到下面，因为这是一个事实。所以，很好。您可以添加设计来轮播您的效果。让我们再次添加一个元素，或者您可以从这里复制。让我们选择一种不同的颜色。我们已经在这里写了关于 JBT 的内容。我们将在那里再次写一些关于 JP 的内容。让我们调整一下。让我们选择相同的字体，第一页的字体。所以，我们将把它保存为。只需调整文本的大小和对齐方式。同样，您可以添加另一页，具有相同的设计，但文本不同。我可以。然后再次，您可以添加任何其他文本。只是为了创建，只是想向您展示它是如何工作的。我只是在做这个更改颜色。您可以添加任意数量的。更改此颜色。是的。所以，它看起来是这样的。所以，这是最终的输出。它看起来是什么样的？接下来我们将创建一个网页。所以，让我们为游戏 FIFA 或足球创建一个网页设计。让我们来创建它。让我们拿一个白板。让我们先选择一个背景颜色。让我们给它一个主题。所以我已经安装或下载了一个足球主题。让我们编辑它，让它稍微。让我们看看是否还有。是的。我想要一个稍微浅一点的背景。所以，好的，这很好，有点。很好。所以，我们将添加元素。首先，我们将上传一个踢足球的人的图片。一分钟，首先，或者让我们这样做。然后我们将创建一个边界。让我们给它一个背景颜色，就像我们一样。在此之后，我们将添加一些线条。假设主页，将其对齐在这里。在此之前，我们将添加一个矩形。将其用作边距。更改颜色。这将是关于部分。这将是设置，让我们再添加一个选项和一个联系方式。页面。这将是联系方式。在此之后，我们将写一个标题文本，作为游戏。让我们更改字体。让我们看看。始终记住，在任何设计中都只选择一种字体。更改颜色。我们也需要更改颜色。让我们添加一个元素，比如球。抱歉，为了突出它。添加一些元素。所以，这是基本的设计。让我们尝试更改此颜色。不。好的。这样就可以了。所以，这是一个基本想法，用于创建网页设计。一个简单的设计，一个足球或游戏的入门设计。>> 色彩理论入门。色彩理论是有效 UI 设计的基石，它影响用户如何感知和与数字界面交互。它包括对颜色关系、和谐、对比度和心理效应的研究。其核心是色轮，这是原色、二次色和三次色及其关系的视觉表示。理解色轮对于创建与用户产生共鸣的和谐配色方案至关重要。色彩和谐是指界面中颜色的令人愉悦的组合，通过互补色、邻近色和三色等各种方案来实现。这些方案在建立视觉连贯性和传达界面的预期信息或情绪方面起着至关重要的作用。对比度是色彩理论的另一个关键方面，它影响可读性和可访问性。元素之间的高对比度增强了清晰度，而低对比度则提供了微妙和精致感。此外，颜色具有心理效应，会唤起用户的情感和联想。例如，红色可能传达能量或紧迫感，而蓝色可能唤起平静或信任。通过利用颜色的心理影响，设计师可以创建与用户在情感上产生共鸣的界面。总之，掌握色彩理论使 UI 设计师能够创建视觉上吸引人且用户友好的界面，这些界面能够有效地与用户沟通并吸引他们。它作为一种强大的工具，用于创造留下持久印象并提高用户满意度的体验。理解色轮。色轮是色彩理论中的一个基本工具，它提供了颜色之间关系的视觉表示。它由三种原色组成：红色、蓝色和黄色，它们不能通过混合其他颜色来创建。二次色，如橙色、绿色和紫色，是通过混合等量的两种原色形成的。三次色是原色和二次色的进一步组合。色轮上的颜色排列是圆形的，说明了它们的关系并帮助设计师创建和谐的配色方案。一种常见的方案是互补色，它们在色轮上相对放置，使用在一起时会产生强烈的视觉对比。邻近色位于色轮上相邻的位置，通常会产生和谐且连贯的设计。三色均匀分布在色轮周围，提供平衡而充满活力的调色板。理解色轮使设计师能够就颜色组合做出明智的选择，确保其设计的视觉平衡和影响力。通过利用颜色之间的关系，设计师可以创建视觉上吸引人且能有效与用户沟通的界面。无论是为网站、移动应用程序还是其他数字平台设计，色轮都是实现卓越设计的宝贵工具。UI 设计中的色彩和谐。色彩和谐在 UI 设计中至关重要，因为它确保界面中使用的颜色组合在视觉上令人愉悦且连贯。设计师可以采用几种和谐方案来实现这一目标。一、互补和谐。互补色位于色轮的相对位置，产生强烈的视觉对比。例如，一个 UI 使用蓝色和橙色作为强调色。这些颜色一起使用时会相互增强，创造出充满活力和动态的外观。二、邻近和谐。邻近色位于色轮的相邻位置，并具有相似的色调。例如，一个 UI 采用绿色、黄绿色和黄色的阴影。这些颜色创造出和谐且连贯的外观，使界面感觉统一。三、三色和谐。三色均匀分布在色轮周围，形成一个三角形。例如，一个 UI 结合了红色、黄色和蓝色元素。这种和谐方案提供了一个平衡而充满活力的调色板，创造了视觉趣味，而不会让用户感到不知所措。四、分裂互补和谐。与互补和谐类似，但它不使用完全相反的颜色，而是利用互补色相邻的两种颜色。例如，一个 UI 使用红色和黄绿色以及蓝绿色。这种方案保持了互补色的对比度，同时提供了更微妙和平衡的外观。五、四色和谐涉及使用两对互补色，在色轮上形成一个矩形。例如，一个 UI 结合了红色和绿色以及蓝色和橙色作为强调色。这种和谐方案提供了广泛的颜色选择，同时保持了平衡和对比度。通过有效地应用这些和谐方案，UI 设计师可以创建视觉上吸引人、引人入胜且易于导航的界面。每种方案都有其独特的优势，允许设计师根据界面的特定需求和目标量身定制调色板。色彩对比的重要性。色彩对比在 UI 设计中起着至关重要的作用，它影响可读性、可访问性和整体用户体验。对比度是指设计中元素之间的亮度、色调或饱和度差异。高对比度通过使文本和其他 UI 元素在其背景上鲜明突出，从而提高可读性。它还通过确保前景和背景元素之间有足够的区分来提高视觉障碍用户的可访问性。例如，在白色背景上使用黑色文本可为大多数用户提供高对比度和最佳可读性。相反，低对比度会阻碍可读性和可访问性，因为文本和其他元素可能会与背景融为一体。这会使眼睛疲劳，并使用户，尤其是视力障碍用户难以感知和与界面交互。例如，在白色背景上的浅灰色文本或在黑色背景上的深蓝色文本可能会导致对比度低，使用户难以阅读。以下是高对比度和低对比度设计的示例。高对比度。黑色文本在白色背景上。白色文本在黑色背景上。明亮的彩色元素与中性背景形成鲜明对比。低对比度。白色背景上的浅灰色文本。黑色背景上的深蓝色文本。浅绿色背景上的淡黄色文本。通过在 UI 设计中优先考虑高对比度，设计师可以提高可读性和可访问性，确保用户能够轻松感知和与内容互动。此外，保持适当的对比度水平可以增强界面的视觉层次结构，引导用户注意力到关键元素并促进顺畅导航。颜色的心理效应。颜色对个人具有心理效应，影响情感、感知和行为。理解这些效应在 UI 设计中至关重要，因为颜色可以唤起特定的感觉和联想，从而塑造整体用户体验。以下是一些常见的颜色心理效应。一、红色，与能量、激情和紧迫感相关。通常用于唤起兴奋或吸引重要元素的注意力。也可能表示危险或警告。二、蓝色象征着平静、信任和稳定。常用于营造安全感和专业感。可以唤起宁静和放松的感觉。三、黄色代表乐观、快乐和温暖。常用于传达积极和愉快的氛围。可以刺激思维活动并增强创造力。四、绿色象征着自然、成长与和谐。与健康、清新和环保意识相关。常用于促进放松与平衡。五、紫色象征着奢华、创意和灵性。唤起一种精致和神秘的感觉。可以传达皇室和奢侈。六、橙色代表热情、温暖和活力。常用于营造兴奋和活力的感觉。可以刺激食欲并吸引注意力。七、黑色象征着优雅、力量和正式。常用于传达精致和权威。也可能唤起神秘或严肃的感觉。八、白色代表纯洁、简约和清洁。营造宽敞和开放的感觉。常作为背景色以增强清晰度和对比度。人工智能艺术和聊天 GPT 可用于

创建独特的、富有创意的网页设计，将人工智能的力量与人类的输入相结合。通过人工智能艺术，您可以生成令人惊叹的视觉效果、图案和图像。而聊天 JD 可用于生成文本内容，并为网站布局和设计元素提供建议。所以，大家好，你们正在观看 Simply Learn，今天我们为大家带来关于聊天 GPD 在 UI 和 UX 中的信息视频。在我们开始之前，如果您喜欢观看此类视频，请点击订阅按钮和铃铛图标，以便在每次上传新视频时收到通知。废话不多说，我们开始吧，您可以尝试不同的 AI 艺术工具来生成图形，并使用聊天 GPD 来撰写网站文案、创建内容策略，并对设计元素提供反馈。重要的是要记住，虽然 AI 可以帮助产生想法并创造令人惊叹的视觉效果。我将向您展示如何自己生成这些。未来，网站将通过艺术以及像 Charged 这样的工具来构建。所以，在这个视频中，我将解释整个过程，我们将让它为我们编写整个网站布局，所有内容，英雄部分和特色部分等等。这意味着我们可以从头开始构建整个网站，而无需编写一行代码，这将非常酷。好的，我们将从 Midjourney 开始。在谷歌搜索中，我们将输入 Midjourney。这是一个 AI 工具，可以让我们创建现在在网上随处可见的 AI 艺术。要访问它，只需访问 midjourney.com 并加入测试版。入门很容易，因为您所要做的就是加入 Discord。这样做之后，它将打开 Discord 社区，您可以接受条款和条件，然后开始创建自己的 AI 艺术。我们现在就来做。这里有 Midjourney 服务器，我将前往一个新手房间，在那里大家都在创作不同类型的 AIR。我们需要做的第一件事是输入斜杠，然后输入 imagine，然后输入提示词。我们可以请求 AI 任何类型的艺术。我将输入一个漂亮的鞋子网站。然后我将传入 dash v4，这意味着 Midjourney 的艺术工具的第 4 版。最后，我将传入 stylize。我将输入 dash stylize。这基本上是我们想要随机的程度，它在 0 到 1000 之间，我将把它设置为大约 500，这是平均值。所以，我将按回车键。这需要一点时间。这将在后台开始工作。它将生成网站的低保真版本以及此艺术的设计，并且此低保真版本将迭代更新为更高分辨率。然后可以从中选择这四个示例，然后我们可以放大它们，让我们看看会得到什么样的结果。现在，需要注意的一点是，我们确实会看到一个加载百分比条，这就是 AI 生成图像所需的时间。通常需要 1 到 2 分钟，但它会在完成后刷新并通知您。所以，这里完成了，这是我们得到的四个版本，它们不算太差。也不算太好。它们有点……是的，我认为它以某种方式看起来很有趣。所以，这是我们可以开始更具创意地使用提示词的方式。我的意思是，通过提供更多关于我们想要做什么的上下文。所以，这是我们创建的提示词。我将再次将其输入到 imagine 中，然后将此提示词粘贴到这里，我将提供更多上下文。我将传入 UI 这个词。O 鞋子 UI UX UI UX 网站。这基本上意味着它或多或少地专注于拥有良好的 UI 和良好的 UX，并且更像是一个网站，而不是仅仅一个创意鞋子或设计。如果您想要更好的输出，提供这些上下文线索很重要。您可以提供的不同类型的上下文线索是找到您想要的风格，例如，您希望设计看起来和感觉如何，您是否希望它代表某个品牌，或者更多类似这些只是简单的例子，但让我们看看仅通过对设计进行这些微小的更改，我们会得到什么样的结果。在这里您已经可以看到……等等。看，它更有趣了。我们有一些滑块，看起来更像耐克鞋，顶部还有一个菜单，我真的很喜欢我们这里的这个设计。而在这里，因为它看起来非常像一个网站，我们有一个英雄部分或英雄设置部分等等。所以，从这里我们可以选择版本一。所以，从这里我们可以选择版本 1、2、3、4 来放大，我将放大版本三，也就是 U3，这将给我们提供这个特定设计的更高分辨率版本，我们可以将其推向市场，甚至可以用来构建。这同样需要一点时间。它将处理这个并进行 beta 版的放大。让我们在后台运行它，这样您就可以看到……等等。这同样需要一点时间来处理。它将处理这个并进行 beta 版的放大或放大。让我们在后台运行它，这样你们就可以看到它的样子。所以，这是最终结果。这看起来……相当不错。我们为一双鞋设计得很好。我们有一个英雄部分。我们还有一个看起来像两个号召性用语的。底部还有一些选项。顶部还有这些颜色，它们基本上看起来像是这些鞋子的颜色被用作网站设计的一部分。所以，不太张扬。让我们选择另一个。让我们看看……是的，但我认为我们可以对这个网站的设计做一点更多的定制，我将向您展示如何做到这一点。我将复制这个提示词一次，这次我将传入一些额外的东西。所以，让我来最大化一下，我们将输入……正如我在这里粘贴了 URL，所以我将传入上下文线索，比如……耐克的线索，因为耐克显然制作了网站。所以，我们也……所以，我将在这里写耐克。重复。我希望它是红色、蓝色、绿色，或者……也许是黄色，我想……还有……一个跑步的人会很有趣。抱歉，一个人。看看它会如何设计会很有趣。我认为这就足够了。让我们实际改进一下这里的风格。一分钟。让我们改变风格。让我们让它变成 750，让它更有创意一点。这是结果。我没有跑步的人，但我有一个网站，它确实开始使用了我推荐的颜色，通过 Journey 的 AI 艺术系统使用。所以，这些网站设计看起来比以前更有创意。我们仍然有这个滑块设计。这些网站设计看起来比以前更有创意。我们仍然有这个底部部分的滑块设计，我们可以选择不同的鞋子。但即使是这些鞋子看起来也很酷。我可以看到上面的耐克标志。而且这些实际上是我在耐克店里看到可能会买的。但总的来说，这些也是网站，因为我们有顶部的菜单。我们有文字。所以，总的来说，这些设计非常有趣。现在我还有一个选项，叫做版本 1、2、3、4。这实际上允许您根据这些图像或这些设计中的实际生成来选择更多的生成。现在，从这些设计中，我实际上喜欢 1、2、3 和 4。我认为最多是 4，因为它有蓝绿色和红色，或者有点黄色或蓝色。所以，我将选择版本……四，这将为我们创建四个更多版本。让我们看看我们得到了什么。这里是我们得到的结果，我们有更多的例子，所有这些看起来都非常相似。我认为唯一的区别是蓝线，红线。它似乎在移动和变化，以及一个英雄部分，通常您会在右上角有这个菜单，这些鞋子有点颠倒，但总的来说，这是您可以期待的变体。现在，让我们看看另一种生成网站生成的方法。现在您可以做的就是进入任何网站并选择任何图像。所以，首先我们将进入一个应用程序网站，您可以选择任何您喜欢的图像，我实际上已经在这里了，我将拉入这双鞋的图像，但我喜欢设计美学。在这里我们将进入这里，然后我们可以从这里复制 URL。但这次我将输入 imagine，然后我将传入我们复制的 URL，我们将其再次粘贴在这里，我将再次写它，然后我们将复制并粘贴到这里。所以，这里会发生什么？它将查看我们通过 URL 定义的图像。它将以此为参考点。然后它将查看我们输入的提示词，即使用颜色的鞋子提示词，它将尝试设计一个具有与该图像相似美学风格的网站，这真的很酷。让我们看看我们得到的结果。看起来……准备好了。让我们看看这个。所以，这里您可以看到设计是静态的。等等，静态的，它与这里看到的页面相似。这是一个更活泼、色彩丰富的图像，现在在设计美学中得到了很好的体现。我们这里底部有这四个元素，如果您看看原始设计，我们这里有四个元素，所以您可以看到它正在提取这些设计美学来创建基于此的设计，这就是您真正开始使用 air art 重复使用 air 工具来发挥您的优势，尝试组合不同的风格，自定义它们，并从中创建新的、独立的和独特的。所以，在这四个中，我真的很喜欢……第四个版本或第二个版本很不错。所以，我正在考虑对其进行放大。所以，我们将放大 V2，我们将等待……一分钟，我将使用 chat GPD 为我编写大部分内容，然后我可以将其带给客户立即开始分享。所以，让我们看看放大版本。如果我们仔细看看，我们会看到它拥有网站的所有主要元素，包括一个标志区域，一个菜单区域，一个漂亮的英雄图像，以及一个标题标语按钮，以及特色部分。所以，我将把这张图片保存到我的电脑上。我将保存它，然后稍微自定义一下。但在我们这样做之前，我们将前往 GPD。在这里，我们将使用一些 AI 工具为网站准备大纲。所以，我将要求 RGBD 为我提供鞋子网站的广泛产品大纲，包括英雄标题、标语、号召性用语按钮以及特色和鞋子细节部分。所以，让我们看看 Chibi 会返回什么。嗯，它很快。它有一个标题，号召性用语按钮，特色和细节部分，它并没有真正告诉我这些是什么。这些是我们可能需要更具体地说明我们想要它做什么的地方。它给了我……它给了我网站的广泛大纲和它需要的东西。所以，请，我将写，请为我提供的每一个我可以直接复制粘贴到网站上的内容提供。英雄标题在这里。标语，号召性用语，按钮。特色。好的。和细节。好的。细节规格在那里。好的。评论和评分。好的。所以，我认为我这里有足够的信息可以简单地复制粘贴到网站上。所以，让我们开始设计这个。我在 Photoshop 中打开了这个设计，我实际上将把它裁剪到这里的主要元素。我真的很想捕捉这张图片。我将裁剪它。然后我会清除其余部分。我们可以逐个设计这个设计的每个方面或每个部分。我将在这里保存它。是时候构建我们的网站了。所以，我将前往 editor X，我将在其中构建这个网站，我已经登录了，然后我将创建一个新站点，在这里我将被带到一个 Web 仪表板，我将从复制粘贴所有元素开始，从 chat GPD 和 mid journey 直接开始，第一件事是，我想回到 chat GPD 这里并复制英雄文本。所以我将先把它拿走，然后我将添加标题，然后我将把它粘贴在这里。然后我也会获取标语。但在我之前，我将先在这里放一张图片。我将更改图片，因为我已经下载了图片。让我们上传那张图片。我们将打开它。让我们等待它上传。是的，它已上传。现在我们将更新它。让我们把它做得很大。好的。所以，我们将……我们将更改大小。但首先，我将删除这个。我将更改它的大小。我将把它弄小一点。接下来，我将添加公司图标，我们要为这双鞋制作网站。我将添加这个，然后我将更新并使其变小。然后这将是任务栏。完美。把尺寸弄小一点。然后我们将插入另一张图片。这将是我们要在那里放置的公司徽标。我们将最小化它。我们可以调整它的大小。可以把标志放在这里。接下来，我还要获取这里的标语。所以我将选择这个标签。我将添加文本在这里。好的，我将把它弄小一点。然后我们将粘贴。最后，让我们获取一个号召性用语，上面写着“购物”并为此创建一个按钮。所以，所以这里有我们至少需要的所有工作。所以，对于内容，让我们先调整一下大小。现在我们将添加……我们需要添加图片本身。所以，而不是仅仅浏览图库图片或其他任何东西，我们实际上已经有了我们在 Photoshops 中完成的图片，就像从 mid journey 一样，所以我将拖动图片，我将更改图片，它应该在这里。我已经下载了。不，我必须上传它。我有一系列鞋子。让我们看看。我将安装一个。我将上传这张照片。这需要一点时间。让我们等一会儿。一旦上传，我们将……我们将更新它。就这样吧。我们……所以，我们改变了我们的内容位置，使其固定在一个地方。所以，这里我们也可以很好地改变这个。好的。所以，基本上让这里的文字多一点。我们已经看到了如何从这个滚动条调整它。所以，现在让我们再添加一张图片，让它看起来更好。让我们从这里拿一张图片。更改图片。从电脑上传，从……我们将再次上传。抱歉。然后我们将更新它。调整它的大小。让我们打开它。让我们把它放在屏幕最顶部的任务栏上。我们将有一个主页。所以，我们将在这里写文字，它将……把它弄小一点。尺寸稍微调整一下。我们将添加另一段文字。它将显示关于我们。它将显示关于我们部分。所以，我们将在这里写。让我们把它弄成相同的大小，更多地……让我们把它弄得更多。好的。下一个……下一个部分将是服务。最后一个是联系我们部分。还有一个选项。那就是一个开始按钮，就像我们在这里放置开始按钮一样。所以，我们将……我们将把它放在这里。所以，就这样吧。是的。所以，接下来……我将要做的是，我将选择添加……部分，我将只添加一个空白部分。在这里，我将首先……我将添加一张图片作为背景。让我们做吧。我将添加一张图片。让我们看看。我下载了……我没有下载。等等。让它上传。我将更新它。这将是整个页面的……所以，让我们为另一双鞋添加图片。我将重新打开这个。好的，我将更新它以添加它。把图片放在这里。同样，我们将在这里上传三张图片。在此之后。让我们把它放在这里。让我们把它放在这里。我们将在那里添加另一个标题。我们需要……它们正在让它变得有点……我们将更改字体。让我们这样。在此之后，我们将开始编辑鞋子的特色。让我们去 chat GBD。让我们拿第一个段落。弄小。弄粗体。我们将在这里添加另一段文字。同样，我们也会为这个做。最后，我们将添加一个联系我们。加上我们将再次在这里添加一个联系 us 部分。所以，这是 chat GPD 的最终输出，或者我们如何使用 chat GPD 和 AI 艺术来为我们的 UI 和 UX 设计创建鞋子的网站、网页或登陆页面。想象一下。你正试图开门，一只手拿着杂货袋，另一只手拿着手机。家庭情况，对吧？嗯，以人为本的设计就是让这些时刻的生活更轻松。想想超市里那些在你走近时神奇地滑开的自动门，腾出你的手来处理购物。这就是以人为本设计的力量。以人为本的设计就像制作完美适合人们的东西。你通过访谈和观察等方式找出他们喜欢和需要什么。然后，你利用这些信息来制作出易于使用且令人愉悦的东西。这一切都是为了把用户放在首位，并确保你创造的东西对他们来说效果很好。所以，在这个 Simply Learn 的视频中，我们将讨论以人为本的设计过程。我们将为你提供 HCD 所有方面的完整图景。从它的演变到它的原则、阶段和现实生活中的应用，我们都为你涵盖了。>> 渴望职业升级？订阅、点赞并在此评论。点击描述中的链接，加速你的雄心。无论你是想转行还是想更上一层楼，SimplyLearn 都会支持你。但在此之前，如果你对 UIUX 职业感兴趣，加入我们沉浸式的 UIUX 认证课程，并在短短 5 个月内成为专家。该课程提供由班加罗尔 Triple IT 知名教授授课的在线直播课程。通过顶点项目获得实践经验，在 Ribble 上制作你的作品集，并获得顶级设计师工具的个性化指导。立即报名，开启 UIUX 设计领域的无限可能。那么，让我们开始吧。以人为本的设计过程。以人为本的设计专注于创造符合人们需求和行为的解决方案，使他们的生活更简单、更愉快。首先，让我们看看以人为本设计的历史。以人为本的设计自 1960 年代初以来已经走了很长的路，当时它主要是为了使军事装备更安全、更易于使用。这种对理解人们如何与环境互动，很快就传播到消费品。在 1980 年代，像 Donal Norman 这样的先驱强调需要直观且用户友好的设计，这催生了以用户为中心的设计。如今，HCD 原则在技术、医疗保健、消费品、公共服务和教育等各个领域都至关重要。谷歌和苹果等公司在其产品中优先考虑用户体验，而医疗保健和城市规划等领域则使用 CD 来创造更易于访问和包容的服务。这种演变凸显了在创造不仅有效且令人愉悦，而且可持续的解决方案方面的重要性，同时将用户的需求和体验放在首位。那么，在实施以人为本的方法时，需要牢记哪些关键原则？优先考虑人。始终关注将使用你产品的人，并考虑他们独特的需求和情况。请记住，你的目标是创造出能帮助他们更有效地实现目标的东西。确定核心问题。重要的是要找出根本原因，而不仅仅是解决其症状。通过解决根本原因，你可以防止反复出现的问题并创造更有影响力的解决方案。考虑整个系统。即使在处理特定方面时，也要牢记更广泛的用户旅程。通过理解每个部分如何融入更大的图景，你可以创造出更具凝聚力和无缝的体验。从小处着手。经常迭代。不要直接深入复杂的解决方案，而是从简单的干预措施开始，并通过迭代测试和原型设计不断改进它们。这种方法允许逐步改进，并确保你的解决方案真正满足用户的需求。现在，CD 过程中有六个阶段，如下所示。共情。这个阶段是关于理解你正在为之设计的人。它涉及收集他们生活、需求和挑战的见解。你可以采访潜在用户，了解他们的经验和需求。在环境中观察用户，了解他们如何与现有解决方案互动，并发现未被表达的需求。从更大的用户群收集定量数据，以识别模式和常见问题。定义。在这个阶段，将综合第一阶段收集到的见解，以定义核心问题和挑战。创建典型用户的详细资料，以代表不同的用户类型。绘制用户旅程图，以识别痛点和改进机会。制定一个清晰的问题陈述，概括需要解决的用户需求和挑战。接下来，构思。这个阶段涉及生成广泛的想法和潜在解决方案。进行会议以生成大量想法。绘制简单的草图以快速可视化想法。使用思维导图来探索问题的不同方面和潜在解决方案。创建故事板来描绘解决方案在现实生活场景中的使用方式。接下来，我们有原型。开发想法的表示形式，以探索其可行性。创建低保真原型，即产品的简单且廉价的版本，如纸质草图、线框图等。你也可以创建高保真原型，即更详细、功能更全的原型，它们与最终产品非常相似。构建模型，如视觉模型，以测试外观和感觉。使用工具构建数字产品的交互版本。测试。用真实用户评估原型，以收集反馈和见解。观察用户与原型的互动，以识别可用性问题。比较原型的不同版本，看看哪个表现更好，并通过访谈、调查和观察收集反馈。根据反馈完善原型，然后再次测试。最后，我们有实施。将最终解决方案变为现实，并确保它满足用户需求。将最终原型转化为成品或服务，并将产品或服务部署到市场。然后监控用户反馈和绩效指标，以确保解决方案继续满足用户需求，并根据用户反馈和不断变化的需求进行持续改进。因此，以人为本的设计方法可以极大地改善我们的 UIUX。通过关注用户的真实需求和行为，通过研究和反馈理解用户想要什么以及他们如何与产品互动，设计师可以创建更直观、更令人愉悦的界面。根据用户输入进行的定期测试和完善也确保了产品能够持续有效地满足他们的需求。因此，我们希望现在您已经清楚了以人为本的设计方法是什么以及实现它的方式和过程。现在，让我们看看品牌如何应用 HCD 过程来增强其 UIUX 的一些现实生活示例。首先，让我们看一个来自 IDEU 的例子，它是一家全球设计和创新公司。因此，一家医疗设备公司委托 IDEU 为护士在特定手术期间设计一个数据输入工具。客户设想了一个时尚的未来派小工具，类似于 iPad，需要双手操作。然而，当 IDEO 团队观察医疗程序时，他们注意到一个关键细节。患者在接受手术时感到焦虑和害怕，而护士经常会握住他们的手来安慰他们，这是客户忽略的一项基本人际互动。意识到双手设备行不通，IDU 集思广益，开发了一个单手设备，带有拇指滚动功能，看起来像这样，允许护士在仍然握住患者的手的同时输入数据。虽然它不像客户最初的想法那么酷，但它更实用、更富有同情心。因此，IDO 的方法侧重于理解最终用户的需求，并利用这些见解来指导他们的设计，从而创造了一个出乎意料但最终为所有相关人员创造了更人性化、更有效的体验的解决方案。现在，让我们谈谈 HCD 在数字产品中的作用。因此，以人为本的设计通过将用户的真实需求和行为置于设计过程的最前沿，深刻地影响了软件和数字产品的 UIUX。通过全面的用户研究和富有同情心的理解，设计师可以获得关于用户偏好、挑战和动机的宝贵见解。这种深刻的理解使得创建直观、用户友好且情感共鸣的界面成为可能。现在，让我们通过一个例子来看看 HCD 如何影响数字产品的 UIUX。Uber 使用以人为本的设计来确保应用程序满足用户的需求。他们首先研究人们不喜欢传统出租车的地方，例如长时间等待和不明确的定价。Uber 应用程序拥有一个简单、易于使用的界面，具有清晰的视觉效果。它允许一键快速预订，并实时显示司机的去向。用户可以保存地点并写入偏好以获得个性化体验。此外，该应用程序可以通过语音命令和可调节的文本大小进行访问。它提供公平的估价和实时跟踪以确保透明度。因此，信任是通过司机评分和安全功能（如紧急按钮）建立的。Uber 根据用户反馈不断改进应用程序，并在广泛发布新功能之前进行测试。它支持多种支付方式和语言，以包容所有用户。因此，这些 CD 原则使 Uber 成为一个用户友好、个性化且安全的乘车应用程序。>> 我认为……我听到了很多很好的答案。嗯，而且可能只是……为了详细说明我收到的一些回应，他们似乎可能没有在用户群体方面进行足够的研究。嗯，当你推出产品时，嗯，当你进行测试时，你是在从小团体进行测试。所以，他们可能只测试了一个区域。我知道可口可乐基本上在我居住的城市。嗯，他们在这里有很多……至少总部在这里。嗯，或者至少有很多办公室和仓库在这里，就分销而言，我应该这么说。嗯，所以这是一个非常可口可乐的城市。嗯，然而，我相信当人们……我看到 BJ 在聊天中说了些什么。嗯，关于情感依恋和品牌认同以及人们……当人们已经喜欢一个产品时，他们并不……他们并不真的愿意从它那里转移。然而……我认为它表明了它的强烈反对，即人们实际上喜欢这个产品。嗯，这只是一个……重新吸引观众并了解他们对产品的热情程度的问题。嗯，所以，这绝对是一个……你可能会看到某些品牌改变其标志的类似情况。例如，嗯，纽约大都会博物馆。嗯，这是一个巨大的博物馆。嗯，如果有人听说过 Met Gala，那就是他们……在那里举办。而且他们几年前改变了标志。而且当它出来的时候，有很多……如果你愿意的话，关于他们为什么这样做以及关联不一定完全相同。嗯，但它确实使标志现代化了。他们确实使标志现代化了……我猜是为了让它更跟上时代。嗯，所以，还有一些……品牌依恋，一些情感依恋，一些品牌认同……嗯，在那里。嗯，Joanna 说可口可乐。所以，它……太大了。他们测试了不同的年龄组，不同的国家。小组有多大？那是……是的，正是如此。嗯，在不同的……年龄组中进行测试可能会经历不同的事情。在不同的……人口统计学中进行测试，就地点、年龄、范围而言，有不同的变量……性别、职业、经济……收入。你可以基于很多不同的变量进行测试，但这确实让人……想知道他们当时的变量是什么。很好。嗯，所以，今天的学习目标是……在课程结束时，你将能够解释用户研究在 UI 和 UX 设计中在增强用户体验方面的作用。你还将能够分析不同的用户研究方法，以识别有效的数据来源策略，并使用 genai 工具 typeform 设计交互式调查，以吸引用户收集可操作的数据。有人用过 typeform 或任何其他……投票设备，谷歌表单，任何类似的东西来为课程或项目进行调查或投票吗？有些人可能拥有的技能水平或经验，或者有人以前用过 typeform 吗？好的。所以，概述一下，用户研究……UX 用户体验涉及系统地研究目标用户，以了解他们的需求、行为、动机和痛点。它确保产品在设计时考虑到用户的视角。为什么用户研究在 UIUX 设计中至关重要？用户研究至关重要，原因如下。我们想了解用户需求。当然，嗯，通常识别用户的需求是我们基本上要解决的问题，我们已经确定的问题。嗯，所以，了解用户需求基本上是第一个关键点。然后你想做出明智的决定，通过做研究。你正在了解其他……也许其他行业……其他公司可能经历过这个问题或类似的用户……类似的平台，有类似的用户，他们可能正在解决这个需求。然后，当然，你想增强可用性。嗯，这就是我所说的……功能设计。提高用户满意度，确保他们对你的结果真正满意，然后降低成本和风险。嗯，如果这是一个潜在的变量。嗯，通常成本和风险可以是罚款，也可以是用户离开你的平台。所以，你也想减少这一点。然后获得竞争优势也是一个……巨大的……方面，因为……当某样东西存在时，它也提供了更好地解决它的选择……尤其是如果你在类似的领域……无论是行业……业务领域还是项目类型。了解用户需求场景。想象一下，你正在为用户研究设计一个杂货配送应用程序。用户研究发现，客户希望轻松地将以前订单中的商品添加到购物车。结果是，通过了解这个需求，你可以优先创建一个允许用户快速重新订购他们喜欢的杂货的功能，从而提高便利性和用户满意度。一个做出明智决策的场景是，假设你正在设计一个打车应用程序。研究表明，用户经常难以找到下车地点输入字段。通过利用这一见解，你可以重新设计界面，使下车地点输入更加突出，从而简化预订流程并减少用户沮丧。然后增强可用性……场景是，想象一下你正在创建一个健身追踪应用程序，用户说很难找到开始锻炼按钮，因为它隐藏在设置中。建议的结果是将开始锻炼按钮放在主屏幕上。你可以让应用程序更容易使用。这有助于用户快速开始锻炼并更享受应用程序。我自己也绝对……不一定丢失了开始按钮，但……遇到了一些有趣的事情，就按钮放置或……某些应用程序的功能而言，尤其是我刚刚下载并删除了某些应用程序，只是为了弄清楚哪个……最适合我。所以，然后提高用户满意度。假设你正在更新一个音乐流媒体应用程序。用户提到他们想轻松找到并返回到他们最近听过的播放列表。通过在主屏幕上添加一个最近播放的部分，该应用程序变得更加用户友好。这使用户更容易返回他们喜欢的播放列表，从而提高用户满意度。然后降低成本和风险。想象一下，你正在设计一个预订旅行住宿的预订网站。早期的用户测试表明，过滤系统令人困惑且难以使用。在发布之前修复此问题，可以避免以后昂贵的重新设计和客户服务问题。降低用户因沮丧而放弃网站的风险，然后获得竞争优势。想象一个在线服装店，客户表示有兴趣使用一个功能，该功能可以根据他们以前的购买建议服装组合。通过推出一个功能……结果是，通过推出一个根据购买历史推荐个性化服装的功能，该商店可以提高客户满意度，并使自己与竞争对手区分开来，从而吸引更多注重时尚的购物者。所以，快速检查一下。莎拉正在一家在线商店浏览小工具，发现比较选项很令人沮丧。根据 UX 研究，什么功能可以使比较过程更加用户友好？A，添加一个快速查看功能，以显示每个小工具的简要摘要。减少小工具描述中的文本量，为选定的几个小工具实现并排比较工具，或在每个小工具旁边添加一个评分系统，以突出受欢迎的选择，他们的答案是 C。嗯，我还想指出一些评论，我看到……就 Olivia 说 D 而言。她也认为 D 有帮助。嗯，我也……我也看到了。我看到了 D 很有帮助。嗯，通常当人们想比较一些东西时……其他人的评论……尤其是，例如，如果你在亚马逊购物，你在寻找……相同的用例。想象一下亚马逊是你的购物平台。通常你可能正在比较两个产品……一个与另一个，但……亚马逊在展示有多少人购买了它，有多少人……留下了评论以及评论系统是什么方面做得很好，以及……甚至受欢迎的选择是什么。所以，我认为……或者甚至亚马逊选择，我认为他们也有。所以，我认为这是一个……伟大的补充，但……它并不太直观地说明她正在寻找什么。如果她正在寻找一个基于意见的比较，那么当然，我认为 D 会很有帮助。但……我认为绝对的答案……足够肯定的答案绝对是 C。嗯，然后我还想指出……BJ 所说的关于减少认知负荷……做出更快、更自信的决定。是的。嗯，那个并排比较也……让你看到某样东西的本质。详细的规格通常……并排，并且……自己进行评估。现在，我们将开始探索用户研究方法。所以，有一些不同的用户研究方法……涉及各种……这些各种方法……用户研究使用各种方法来深入了解用户需求、行为和体验。以下是一些常见类型。这两种可能会交换你的 L 和 M，但第一种是定性的，第二种是定量的，然后是行为的，最后是态度的。定性研究涉及收集和分析非数值数据，如意见、评论、感受和动机。它侧重于理解用户行为背后的原因。>> 是的。而且它确实有助于……识别……特定的……也许是特定的痛点……在那种体验中。我自己也做过一些用户测试，我也参加过一些焦点小组……只是为了帮助改进……某些产品。嗯，其中一个甚至是面部识别的，基本上我必须……帮助……扩展面部识别的类型，或者摄像机的定位，……人们可以坐的各种变化，然后就我的体验给出反馈。嗯，所以，它不一定是……一个群体环境，但我确实有一个我自己的……可以说是个人或向导……如果你愿意的话，在我身边帮助我……所以，这是一次很棒的经历。但这些都是定性研究的例子。嗯，在收集……并且这当然是非数值数据，但在收集……意见、评论……感受和动机……使用某个产品背后的方式。然后定性就是你开始接触数字的地方。……这里有一些流行的用于定性……抱歉，定量的方法，我们将在稍后讨论，定性数据方法是访谈、焦点小组和观察……就像我们刚才讨论的，然后定量就是你接触数字的地方，它侧重于测量和分析数值数据以识别模式和趋势，它分析大量数据以识别行为趋势。例如，通常人们想知道他们的网站表现如何或他们的平台表现如何。……他们想知道用户似乎喜欢什么……哪些方面……以及用户似乎更喜欢哪些功能。……如果你正在运行一个……你正在运行一个博客，你将……查看更多的定量数据，以了解有多少人可能阅读某些文章，有多少人可能……对某些话题感兴趣，……潜在的访问你网站的时间。所以，这些是……你可以纳入定量数据的一些变量，但它分析大量数据以识别行为趋势。一些例子是调查…… A/B 测试和……可用性测试，定性与定量。这是两种基本研究方法的区别。所以，从左到右，我们将介绍……焦点。嗯，当涉及到定性研究时，它主要关注见解和理解。然后当涉及到定量时，它是数字和统计。从方法上看，定性包括访谈、焦点小组和观察，而定量则包括调查，包含调查、实验和问卷。结果……就定性研究的数据而言，它是非结构化的文本数据。……同时，定量是结构化的数值。定性的目的是探索和理解，而定量的目的是测量和量化。定性的一个例子是问用户为什么点击按钮，他们期望什么，以及他们期望发生什么。而定量的重点是……定量的例子是计算用户在你的应用程序中点击按钮的次数。现在我们进入行为研究。它侧重于观察和测量用户的行动和行为。它试图理解用户做什么，而不是为什么这样做。以下是一些在行为研究中常用的流行方法。眼动追踪、热力图、会话录制，以及……有人在网站或登陆页面上看到过热力图，只是为了看看用户可能喜欢什么吗？……但热点区域。它有点像天气图……如果你愿意的话……至少是我见过的一些……或者用过的。它们看起来像天气图，只是显示了最亮的颜色或最深的颜色，红色……热点在哪里。然后人们不喜欢什么……它不一定会给你表情，它会比较浅，取决于……你的用户的大多数偏好。然后，态度研究旨在了解用户对产品或服务的信念、意见和感受。它深入研究用户行为背后的原因，探索动机、感知和满意度水平。一些态度方法的例子是卡片分类、树状测试和调查。然后行为与态度。所以，就行为而言，它关注用户行动和互动，而态度是用户信念、感受和意图。行为……涵盖方法观察。方法是观察、分析和 A/B 测试，而态度包括调查、访谈和焦点小组。对于行为研究，数据……是定量的，例如，点击率……页面停留时间，而态度是定性的，例如，引述和意见。行为研究的目的是了解用户如何与产品互动，而态度研究的目的是了解用户为什么会表现出某种行为。好的。所以，现在我们将进行一个快速练习。大家闭上眼睛。不是马上，但首先我想让你拿一张纸和一支笔。好的？如果有人没有纸……请随意打开一个 Figma 页面，然后用钢笔工具画一下。所以，这也会很有趣。但是，嗯，好的。所以，记住，闭上眼睛，画出你最喜欢的形状。例如，一个圆，一个三角形，或一个正方形，更……定性地确定原因。嗯，但然后我想找出……就你们的行为……态度而言，就像……原因……不一定是原因，而是……心理因素……在你的决定背后。嗯，我听到有人……说他们选择了正方形的人，他们……感觉更结构化。选择三角形的人……想要……更完美。选择圆圈的人想要一种轻松感或感觉一种轻松感。然后画星星的人觉得它……与脱颖而出有关。而有了这些信息，它确实有助于……人们对形状本身常常有的感受。嗯，所以，它确实与每个形状倾向于带来的感觉相符。所以，要记住的一些事情……当你使用这些形状时，人们对它们的感受如何。嗯，正方形更结构化，三角形基本上显示出完美的迹象，而圆圈则更轻松或……更具适应性，如果你愿意的话。嗯，然后星星真正脱颖而出。所以，一些……来自你同行的……数据。然后回到课程中，什么是心智模型？心智模型是用户对像网站、应用程序或产品这样的系统如何工作的想法。它帮助用户预测与它互动时会发生什么，从而塑造他们如何使用界面。基于用户心智模型的产品的例子，例如 Gmail。用户通常将他们的电子邮件收件箱与物理邮箱相关联，他们会在其中收到消息。他们期望打开一封电子邮件来阅读其内容，并在不再需要时将其删除。类似于扔掉一封实体信。有多少人将 Gmail 作为他们的主要……电子邮件收件箱或电子邮件平台？是的，几乎每个人都有一个……主要的 Gmail。所以，很高兴知道。我有很多。所以，我猜……

我可以举几次手。嗯，现在我们要进入亚马逊。所以，在电子商务中，用户将在线购物视为与实体店购物类似。他们期望将商品添加到购物车，查看购物车中的商品，然后在虚拟收银员处结账。有多少人拥有亚马逊账户或使用亚马逊？是的，有相当多的人。这和使用Gmail的人差不多。数量差不多。然后是Netflix推荐。用户期望娱乐服务根据他们的观看历史来推荐内容。这就像朋友可能会推荐你知道他们可能喜欢的节目或电影一样。对。有多少人拥有Netflix或以前使用过Netflix？哦，哇。我认为这是最多的。使用Netflix的人比使用Gmail和亚马逊的人多。所以，对于今天的分组讨论，让我们考虑这个场景。你已经发布了一个新应用程序，并想了解用户体验。你对用户进行一次深入访谈，让他们在浏览应用程序时分享他们的想法。你探索他们喜欢什么，什么让他们感到困惑，以及他们为什么可能会放弃一项任务。这种方法类似于进行一次导览，在那里你可以从用户的角度收集详细的主观见解。在这个场景中，你使用的是哪种研究方法？请为你的选择提供理由。但明确的答案绝对是定性的，因为定性是行为研究的一个方面。但它们有点齐头并进。嗯，但是当你，例如，当我，我做过用户测试，我是在线托管的，基本上是引导用户完成我的体验，或者我设计的体验，在每个屏幕上，当他们到达每个屏幕时，我们让他们表达他们对每个屏幕的感受，以及不一定是对每个屏幕的感受，但我们问他们一些问题，当他们到达每个屏幕时，并使用他们的行为来确定是什么促使他们继续下一步，或者他们点击了什么来继续下一步，就他们如何导航应用程序而言。嗯，这主要是为了决定，至少这项研究主要是为了决定，为什么某些商家会注册该平台，我们想知道他们在这个过程中在哪里感到困惑。嗯，就商家入职而言，这个过程相当漫长。所以，我们开始要求额外的，我们有额外的要求和法律法规，我们必须将其纳入设计。所以，基本上我们做了很多，我们做了很多定性研究来决定体验应该是什么样的，然后也通过行为方式进行测试，看看用户是如何完成这个过程的，以及他们的痛点可能是什么。但如果我把它变成一种态度上的例子，那将更多地是关于商家在经历这个过程时的感受。嗯，我当时会更关注这一点，以及商家在平台上的感受，就变化而言。我会更深入地研究这一点，但那将进入我即将进行的另一个项目，在那里我能够做一些研究，或者至少找到一些这方面的信息，特别是随着我们纳入的变化。所以，这里有一些有趣的事实。现在我们将进入生成式AI工具用于数据收集的介绍。用于用户研究的AI工具。生成式AI工具通过提供简化流程、增强见解和改进决策的高级功能来帮助用户研究。以下是一些用于用户研究的集成工具。第一个是Google Analytics，Type Form，Hot Jar，以及IBM Watson。顺便说一句，我们将在演示中使用Type Form，因为它是最通用和最强大的调查工具之一。然后，就Google Analytics而言，它使用AI进行高级行为分析，提供对网站和应用程序上用户交互和模式的见解。Hot Jar利用AI分析热图、会话录制和用户反馈，帮助理解用户行为并识别可用性问题。然后，Type Form使用AI分析调查响应，提供对用户需求和偏好的见解。而IBM Watson提供AI驱动的情感分析和自然语言处理，以解释用户反馈和调查。快速检查一下。Nath，想象一下Nathan正在进行用户研究，并希望使用AI工具来深入了解用户在其网站上的行为。Nathan会使用哪个AI工具来分析热图和会话录制？我觉得这很简单。是的，来吧，大家。我认为到目前为止大家都答对了。所以，在这个问题上，是的，当然，答案是B。Hot jar。接下来是今天的演示，我们将探索Type Form，正如课程刚才建议的那样，它是一个交互式调查和表单。我们将探索其主要功能和能力，以创建交互式和引人入胜的调查。所以，我总是喜欢从最重要的事情开始。我将分享我的窗口，以便你们可以看到我的注册过程。所以，我们将进入Type Form。然后，我们将注册。我喜欢使用Google注册。对我来说更简单。嗯，我用于这个课程的电子邮件是这个。至少对于我们的演示来说。我同意。然后，让我接受我的cookies。只想隐藏它，然后访问他们的平台。你们需要吗？有人需要几分钟时间注册吗？我知道我做得很快，而且我的Gmail已经加载了很多，但是有人吗？好的，Miranda，有些人需要几分钟。好的，他们首先会问你的问题是，你想成为哪种用户。也就是说，你想用Type Form做什么。嗯，我将只说个人。如果你愿意，可以随意说学校或工作，但我只说个人，以便我想要显示的帐户类型。嗯，然后我想用Type Form来帮助我做什么，是进行研究，获取反馈，获得更多客户和销售，招募人才，管理活动，项目和请求。我想用它来做研究，然后我将提交那个响应。然后，它开始于你想如何构建你的类型，构建你的表单。如果你想从头开始，导入问题或使用AI创建。所以，指导练习是让我们应用我们学到的技能，并在Type Form中通过创建我们自己的基本调查来展示它们。这加强了对功能、焦点以及创建交互式和引人入胜的调查的理解。所以，事不宜迟，我们将从多项选择开始。这类似于你可以问某人的第一个问题，你的年龄是多少，然后可以是18到25，25到30，30到35，35到40，40到45，然后是50，45到，我们就说65岁以上，哦，45到55，然后是65岁以上，对吗？这是一个必填项，你可以根据你选择的变量来指示它是否是必填项，如果是多选选项，例如，如果人们不能选择多个年龄。所以，我不会在这里使用它，但这是一个你可以包含在你问题中的选项。然后你也可以随机化投票的顺序，或者选择的顺序，以及提供其他选项。所以，它是更标准的。然后，如果你想让它水平或垂直对齐，取决于它。然后，如果你有图像或视频要附加到Type Form，你也可以附加它。甚至可以添加一个图标。嗯，我想谈论某人的年龄。所以，也许我想包含一个说生日的图标。嗯，我不知道，也许我想以一种非常不同的方式来布局它，如果你愿意的话。所以，有一些变化你可以包含，特别是如果它是在，取决于它在什么设备上，你可以提供一些变化，关于它如何显示。嗯，但无论如何，也要玩得开心。嗯，了解组件的变化，如果你想要一个长答案，如果你想记录某人的地址。还要注意它填充的字段类型。通常，当你构建自己的屏幕、系统和平台时，你想确保你收集的是正确类型的信息。嗯，这是熟悉你可能需要或可能被要求做什么的一个好方法。嗯，如果你要地址，或者如果你要某些联系信息，甚至如果你要收集付款信息。嗯，这些都很重要，而且通常是系统化的，一致的事情，你应该知道或需要知道去包含。嗯，随着这些变化，这是一个很好的，我猜是集中的起点来弄清楚。然后，当然，你可以结束你的调查，无论你构建了多少问题。嗯，然后你可以用某种行动号召来结束你的调查，以告别你的用户。嗯，从而将他们链接到你的社交媒体或网站链接，或者其他可以让他们回到他们来这里的原因的东西。所以，这里有一个快速的工作流程，展示了你的用户或你的用户将经历的过程，取决于你包含在你的Type Form中的内容。然后，你还可以连接不同的插件，不同的API，他们有，以使这个过程更好，并使Type Form更好。甚至可以将你的数据直接指向某些系统，例如，如果我在这里收集用户，我可能想连接我的Mailchimp来收集这些电子邮件。所以，我通过新闻通讯来重新定位这些用户。我可能想使用HubSpot做类似的事情，或者Excel将这些数据导入到一个Excel表格中。所以，只是举例说明一些，我还能展示什么给你们？我不会深入研究。嗯，是的，总的来说，我觉得这提供了一个简短的概述，你可以利用什么，或者如何利用Type Form。但是，今天，我们将进行一个快速演示，邀请大家创建自己的基本调查。嗯，我会说，尽量让你的调查关于一些现实的东西。无论你是想弄清楚有多少人，或者你想弄清楚有多少人喜欢棒球场小吃摊的某些食物。你可能想围绕这个问题来构建你的问题。也获得更多的人口统计学方法。嗯，但请随意承担这项任务，并开始构建你的调查。嗯，让它不超过三个问题，或者说变量，你可以从短格式答案，多项选择，甚至一些核心身份信息中选择。所以，然后我将分享，回到课程来结束这个模块。所以，哦，我的设计中有更多的空间，但结果并非如此。但我创建了一个独家晚宴。嗯，我想邀请人们参加。我问了他们的名字，以及他们的核心身份信息，基本上我称之为他们的名字，名字，姓氏，电话号码，以及他们的电子邮件，只是为了获取他们的联系信息。然后我问他们的可用性。嗯，这是一个独家的场合。所以我选择，我可以选择周三或周五或周六。然后我想，如果，我想测试两个调查，并询问人们他们的可用性，然后也许根据他们的共同可用性范围，根据我的多项选择来确定。所以，这是我在创建这个调查时想到的另一个想法，为什么这个问题在这里。然后，但是，然后我问，是的，我认为我放了短格式答案，这只是问我的电子邮件，但最后一个问题是，你是否有食物过敏，当然是为了确保，如果这是一个独家的，是的，我绝对没有选对的。嗯，是的，所以我的最后一个问题是，他们是否想带一个加一或客人，然后他们可以选择提交，然后在那儿见我。现在我将回到模块。结束。所以，一些关键的收获是进行用户研究，使其与产品用户需求、行为和痛点相符，当然还有定性和定量方法，揭示用户为何如此行事，并衡量模式。嗯，然后接下来是行为和态度方法，它们提供了用户行为和意见的完整视图，而Type Form帮助我们通过高级分析和情感分析来增强研究，以获得更深入的见解。这里有一些Simply Learn提供的额外资源，关于什么是用户体验研究员。我不知道你们是否还记得我说过，某些组织或公司可能有专门为用户研究设立的指定人员或角色。嗯，这更深入地探讨了那是什么。什么是用户研究员？什么是用户体验研究？当然，还有我们今天讨论的方法和方法。学习目标是，在本课程结束时，你将能够选择最适合的研究方法来高效地进行用户研究。你还将能够使用chat GPT创建访谈问题，以收集关于应用程序可用性和导航的有意义的用户反馈。你将能够探索各种定性和定量数据收集工具，以节省时间和精力。你还将使用Type Form工具创建调查，以有效地收集定量数据。而且这确实取决于，因为有些公司，他们正在用AI筛选你的简历。所以，这就是为什么最近我发现，我的简历以ATS格式拥有更多的印象。而作为一名设计师，有时我的简历是水平的，并且收到了很好的反响。而我确实发现，随着AI开始接管许多人力资源和招聘角色，拥有一个超级独特或超级精心设计，或者在我看来，一个超级精心设计，或者不一定能适应AI的简历，肯定更难获得很多印象。所以，这是我个人的反馈。我不一定，我不知道他们是否使用AI。我应该检查一下。但我实际上，我为自己做的最后一份简历，是别人写的。所以，定性数据收集方法。所以，一些定性数据收集方法收集详细的非数值信息，以更好地理解人们的想法、感受和经历。以下是一些方法。我们有访谈，焦点小组，人种学。我不认为我经常使用它们，或者至少根本不使用。嗯，然后是观察，然后是可用性测试，我想这也可以接续上周的谈话。我问了是否有人参加了任何焦点小组。我再次强烈建议你们注册这些。你们会用到它们，如果你们附近有大学，十有八九那些学生需要研究，或者需要帮助做他们的研究。如果你们所在地区或你们城市附近有科技公司在开发，也许有一些焦点小组正在出现，可能有助于他们开发他们的产品。甚至可以去useresting.com进行一些可用性测试，回答一些民意调查。你甚至可以注册useresting.com上的访谈式可用性测试。嗯，那些是更长的形式，而且你会得到报酬。有时一次五到十美元就能累积起来，或者可以快速赚点油钱，而你不是在浏览，你知道的，任何你喜欢的社交媒体。嗯，我曾经有过这样的情况，我说，“嘿，与其浏览TikTok，不如浏览用户测试。”我真的做到了，我在大约一个小时内完成了几个调查。我得到了额外的30美元。我知道这不多，但这也是获得经验的过程，关于如何构建你的问题，你应该问你的受众什么类型的问题，以及何时在你的流程和过程中问某些问题。抱歉，我看到聊天了。聊天里有很多人。只想确保我能回应大家。嗯，有些人经常使用chat GBT。我给Perplexity用户点了赞。我也使用Perplexity。嗯，我是一个新粉丝。嗯，我想我以前听说过它，但是VJ有一个非常好的关于这个平台的演示。所以，我只是想，“嘿，为什么不试试呢？”我试了，我实际上用我和chat GPT相同的提示来提示它。我更喜欢Perplexity，就它能提供的细节量而言，以及你可以让它以什么格式来呈现数据。是的，绝对有办法调整AI，使其听起来更像人类，而且你越与你的个人AI声音合作，你使用的提示越好，你的系统听起来就越人性化。这是我目前对Perplexity唯一的变通方法。它听起来非常系统化，因为它还没有听起来像我。这是因为，一，我没有使用专业版本。二，我最近才开始使用这个特定的AI，所以它还不认识我。而我的chat GPT，我认为它太了解我了。嗯，让我看看还有什么。嗯，我可以提供网站吗？是的，我会。哦，有人是。这是别的东西吗？另一个网站。Leaders of Awesomeness。哦，这很酷。我一定会自己看看的。然后，是的，我的一些朋友问过chat GPT一些非常有趣的问题。而且我认为，如果你曾经深入了解过chatbt TV或TikTok或YouTube等世界，以及人们通过它提示的不同事物，我认为你会发现它非常有趣。但是回到访谈部分，访谈是研究员和参与者之间的一对一对话，通常是面对面或远程进行的。目的是了解参与者关于特定主题或问题的经历、想法和感受。我自己通过user testing.com进行过一次访谈过程，那是一次远程访谈，我只是问用户他们对平台注册和入职过程的感受。所以，这里有一些背景信息。然后，一个例子是，在推出一个新的旅行预订网站后，你对试图预订航班的用户进行了访谈。这种定性反馈指出了影响用户体验的用户体验问题。结账过程应该更简单，而且多次输入个人信息很令人困惑。一位年长的用户说。很多时候，我们在设计东西时，我们为我们的理想用户考虑，而不是所有可能与我们平台互动的所有用户。这就是为什么创建用户角色和通过这些角色创建用户旅程图非常重要，以了解每个人的需求。而这位顾客似乎是一位年长的绅士，他们说他们希望过程更简单，而且多次输入他们的详细信息很令人困惑。很多时候，如果你帮助过长辈使用手机或任何技术设备，他们不喜欢做两次事情，特别是当他们习惯于写下来的时候。写下来，你就不必再写一遍了。十有八九，除非你搞砸了。所以，访谈在UI和UX中的一些优点和缺点是优点，有助于深入了解用户需求。它们也有助于灵活地适应不断变化的情况，并且它们还提供了用户行为和背景的见解，同时揭示了情感和动机。优点还包括开放式探索，而缺点是它耗时，因为访谈可能很长，它涉及的样本量很小。所以，虽然有时你可能有小组访谈，但很多时候它们是一对一的。然后另一个缺点是它存在偏见的风险。这可能是出于多种原因。它们还需要熟练的访谈技巧来获得无偏见的数据。也就是说，你如何提示一个人也很重要。这和你在求职面试中一样，你也会在你的职业生涯中继续下去。有时你可能会遇到一个面试官，在面试后你可能就不想要这份工作了。你的观点作为参与者和你作为面试官的观点一样重要，确保他们是道德的，尊重你的时间。并且他们尊重你的时间，他们是有礼貌的，他们也是平易近人的，就像你必须做的一样。我认为这是我们应该更多地谈论和平衡的事情。然后，结果也可能倾向于主观回应。也就是说，由于你是一对一地收集数据，你可能会有一些偏见的回应，或者一些主观的意见，可能是对提问者，甚至是面试官，我见过有时面试官可能会根据用户的类型或人口统计学，甚至他们可能没有时间，而从访谈中省略某些问题。所以，这些也是一些缺点，而且很难将这些反馈进行概括，就当你收集人们的自然人类反应而言。可能很难将它们改写和总结成某些群体或类别，让他们能够紧密地联系在一起。克服UXUI访谈缺点的技巧是，你想要关注行为，而不仅仅是意见。也就是说，一旦一个人在接受访谈。如果你在收集访谈，你想要关注这个人是否诚实、真实地回答，而不仅仅是关于实际产品，而不一定是关于主观的意见，无论是关于主题还是行业。然后，你还想避免引导性问题。确保你问的问题是你已经做了足够的研究来问的，而且你并没有特别地引导用户做出你希望他们做出的决定。你希望他们做出最适合他们的决定。然后问开放式问题，让用户能够回应，并对主题形成意见，不一定，很多时候在访谈中，你进行访谈是为了找出用户真正认为的，而不是问是或否的问题。然后，你可以鼓励具体的例子。你可以要求用户进一步阐述他们已经提供的特定答案，如果你觉得你可能需要更多细节。然后使用后续问题来深入挖掘。这是一个很好的做法，如果你愿意的话。我意思是，要更熟悉如何提示用户提出额外问题，而又不一定建议他们，建议他们回应，这需要时间。这更多的是让他们以不同的方式进一步阐述主题，并扩大视野，扩大他们的观点，而不让他们知道，嘿，我们想要你对这个特定事物的看法，或者我们想要你在某个特定领域内的看法。就像，就像你进行，或者如果你曾经看过真人秀，让我们暂时把这个从计算机科学中移开。如果你看过真人秀，你曾经看到过忏悔室，很多时候那些只是制片人和节目中的参与者之间的一对一访谈，他们会问参与者一系列问题，有些问题可能对该参与者的经历是独特的。然后有些问题是相当标准的，关于节目中每个人都经历过的。所以，这是一种方式，但是作为一个好的面试官，这是一种方式，你可以通过你的参与者深入挖掘，并为你的研究获得更多信息。然后，当然，避免行话和假设。试着像你和人们交谈一样。你想要一个以人为本的回应。所以，提供并使用以人为本的语言。我认为这一点有点不言自明。然后，克服缺点的技巧是优先考虑关键兴趣领域。当然，要专注于实际的讨论主题，然后从广泛到具体。例如，我举了一个例子。我做了一些用户测试访谈，他们可能会问我，你拥有汽车吗？这非常广泛，是的，我拥有一辆汽车。然后他们会变得非常具体，你拥有这种类型的汽车吗？然后我可能会说不。然后他们可能会说，选择年份，不是年份，选择你的汽车的品牌。这比你提示用户的内容更具体、更详细。然后问情感。我们不是治疗师。我们不必总是问，这让你感觉如何？我们可以更直接地，就参与用户的情感而言。然后，当然，以提供反馈的机会结束。这绝对是一个好迹象，表明你提示了你的用户，并且分配了足够的时间，因为用户有机会给你反馈，也是为了改进你自己，或者你的系统、你的公司、你的组织在不同方面。所以，然后也使用中性语言，这与使用以人为本的语言，而不是使用行话相吻合。就像我们之前谈到的，使用AI为你做事，为你说话，而这种阅读就像一种机器人信息。在访谈中没有人想听到这个。所以，请确保你平易近人，并且做你自己。然后，当然，根据用户的经验水平调整你的问题。这是我所说的部分，我见过一些面试官说，向某些用户提问，或者根据他们观察到的经验来调整他们的问题。或者，也许某些用户被指定要问这些问题。假设你有12个问题，你只能问10个，对于每个用户，你可能会根据你可能看到的关于该特定用户的某些事情来轮换两个问题。现在我们将进入演示，使用chat GBT创建访谈问题。我认为这可能是令人兴奋的部分，对一些人来说，请随意，有人需要链接吗？还是大家都可以找到自己的chat GPT？我也有一个应用程序，而且我有时使用chat GPT有点太多了。我们将进行这个演示。今天我们将使用chat GBT进行演示。就像我们在过去的课程中使用了Figma和Type Form一样。这个演示展示了我们如何使用chat作为工具来快速生成访谈问题，以收集关于应用程序可用性和导航的有意义的用户反馈。它还将展示我们如何通过调整不同功能和用户的答案来定制访谈过程，以获得更有效的结果。我只想让每个人都在chat中创建自己的提示。你可以使用，我认为这个句子的一部分，生成有意义的用户反馈的访谈问题，关于应用程序的可用性和导航，只是为了看到一些你可以问的通用问题。有趣的事实是，我的一位客户最近通过chat GPT分享了反馈。我不知道具体原因，但是她，或者我认为这只是时间问题，也许也因为有些人不是那么视觉化或技术化，他们甚至可以使用这样的东西来沟通他们想说的话，而不会遗漏他们不会想到的事情。所以，她提示chat对我们正在做的一些工作提供反馈。所以，我觉得这很酷，特别是当涉及到AI时，你的提示越好，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这可以简洁地完成，取决于你使用的平台。但是，你的提示越详细，而且有时这

与产品进行交互。然后，最后但同样重要的是，参与式观察，研究人员成为环境的一部分，参与与用户相同的活动，同时观察他们的行为。观察的优点是它提供了真实世界的背景，通过观察用户在其自然环境中的行为，提供了真实的见解和真实的见解。它是无偏见的数据，显示实际用户行为，然后避免了自我报告反馈的偏见。然后，另一个或最后但同样重要的是发现未说出的需求，它有助于揭示可能在访谈中未浮现的隐藏问题或潜在需求。一些缺点是观察者效应。用户可能会因为知道自己被观察而改变行为。然后是时间和资源密集型。观察多个用户需要大量的时间和资源。然后是主观性。最后但同样重要的是，研究人员对用户行为的解释可能会在其发现中引入偏见。在 UIU UX 研究中进行观察的一个有效技巧是保持中立，避免影响用户行为或引导他们采取特定行动。相反，观察他们如何自然地与产品互动。这是一种很好的经验法则，适用于访谈和焦点小组，只是为了不给用户群体带来任何偏见，同时也确保您通过行动来引导他们，而不是影响他们采取的行动。您想记录非语言线索。注意肢体语言、面部表情和停顿。有人可能不会说他们感到沮丧，但他们可能会表现出来。所以，这是一个很好的捕捉方式。然后这些可以表明困惑、沮丧或满意。接下来，您想避免打断，让用户在不干扰的情况下完成任务，即使他们遇到困难。只有在必要时才提供帮助。这只是一个很好的规则，不会显示任何偏见。例如，如果您正在通过焦点小组让人们经历一些挑战，您不会仅仅为了让一个团队赶上而帮助他们解决一些您没有给另一个团队的东西。这也在创造偏见结果。然后关注背景是观察用户在其自然环境中，以了解他们的周围环境如何影响他们与产品的互动。然后，最后但同样重要的是，记下详细的笔记，记录一切。记录用户互动、情绪反应和困惑的时刻。将进入可用性测试。可用性测试是 UX 设计的关键部分。它有助于评估用户与产品或服务交互的效率。一旦您确定了问题，您就能检测到用户遇到的可用性问题和障碍。您还可以通过收集反馈来改进体验，从而完善和增强用户体验。您还可以验证设计，确保设计满足用户的需求和期望。然后继续，有三种可用性测试类型。有不同的方法可以进行可用性测试，每种方法都提供对行为和产品交互的独特见解。第一个是已审核的可用性测试。而下一个可能是未经审核的可用性测试，然后最后但同样重要的是远程可用性测试。可用性测试的类型是第一种是已审核的，它是在有主持人（无论是亲自还是远程）在场的情况下进行的。主持人引导用户完成任务并观察他们的互动，以提供即时反馈和澄清。而未经审核的是用户自行完成任务，通常使用在线平台，无需实时协助。这种方法具有成本效益，并且允许更广泛的参与者。我不知道今天发生了什么。这种方法具有成本效益，并且允许更广泛的参与者。然后最后但同样重要的是，远程可用性测试的参与者在他们的环境中与产品互动，同时被远程观察。这种方法有助于了解产品在真实世界环境中的表现。可用性测试的一个好处是它是以用户为中心的设计，它确保产品在设计时考虑了用户的需求和偏好。它提高了效率，它尽早识别和解决可用性问题，降低了昂贵的发布后修复的风险。然后您还有增强的满意度，它通过创建更直观和用户友好的产品来提高整体用户满意度。谢谢大家。所以，look back io 会为您提供实时反馈，并有像您自己的用户这样的特定参与者。而 user testing 则用于更广泛的测试者样本，并偏好未经审核的测试。一些需要注意的笔记是，lookback.io 不提供免费套餐，但为所有新用户提供 14 天免费试用，在此期间您可以测试所有功能。然后 user testing 没有免费套餐或传统的免费试用。但是，您可以请求演示，他们有时会通过销售代表和潜在客户为潜在客户提供有限的试用。然后是 hot spot hot jar 和 full story。Hot jar 为您提供用户参与您产品的可视化概览，并收集简单的反馈。然后 full story 提供了对单个用户会话的深入见解，并分析了特定的用户行为。关于这一点的一些笔记是，hot jar 提供了一个功能有限的免费套餐，适合小型项目或刚起步的个人。而 full story 为小型团队或个人提供功能有限的免费套餐。它是一个可用性测试工具，对于内容组织任务特别有用。最优研讨会可以改进网站的内容结构，以便于导航。它还支持测试网站结构的信息层次结构。所以，如果您曾经——我经常看到我指导过的设计师——有时会遇到困难，我可能也需要一些关于如何最好地优化信息层次结构的复习。所以，我认为这是一个很好的工具。然后请注意，虽然 Optima workshop 提供免费套餐，可以基本访问他们的工具集。所以，这绝对是您可以用来改进您工作的东西。此外，然后可用性测试过程有大约五个步骤。步骤是——在可用性测试中进行的步骤如下。第一步是定义目标。第二步是制定场景和任务。第三步是进行测试，第四步是分析结果。第五步是实施更改。类似于我们之前讨论过的定义识别您的目标，确保您知道为什么进行这项研究，您想通过这项研究解决什么问题？然后制定场景和任务，这些场景和任务将允许用户——潜在用户——经历这种体验并获得您正在寻找的见解，然后当然是交付测试——分析结果，然后当然是最后但同样重要的是将这些更改实施到您的——现在您有了知情的设​​计决策来实施这些更改和这项研究。所以，这是我们如何获得这个。然后这个部分的快速检查是，在进行 UIUX 研究观察时，以下哪种方法是推荐的方法。A 仅关注面部表情以记录非语言线索。B 一旦用户出现困难就立即提供帮助。C 观察用户自然行为而不影响他们的行动。然后您有 D，仅在用户表现出困惑或沮丧时才记录笔记。我们永远不想影响用户的行为或行动。我们不是去收集我们自己的反馈。我们是去收集他们的。然后，当然，我们想确保我们收集的东西没有偏见。所以，这就是为什么您想确保您记录了关于好、坏和丑陋的笔记，基本上。然后，如果用户在某件事情上遇到困难，让他们去挣扎。我知道这就像，我的天哪，就像，但他们花了太长时间，或者他们真的就是搞不懂。您必须让他们自己弄清楚。如果有一个有时限的环节，他们还没有弄清楚，那就好吧，继续。您没有时间进行这个环节。我不知道您的规则或建议是什么。要么移除用户，要么——也许只是——只是表明他们必须继续下一部分。但无论如何，不要帮助他们完成您希望他们提供反馈的体验。然后，当然，人们的面部表情将是他们将要成为的。虽然我理解写下这些非语言线索，但不要让它们成为您记录的唯一非语言线索是面部表情。所以，不要只专注于这一点。然后，接下来我们有定性数据收集方法。关于这一点的一个快速总结。定性数据收集方法可以收集关于用户体验、想法和行为的丰富详细的见解。访谈进行一对一的对话，以探索参与者的想法和经验，而焦点小组进行小组讨论，以了解共享经验并收集对某个主题的不同观点。而民族志研究是在其自然环境中观察用户，以了解他们如何与产品互动。而观察则允许用户实时与产品互动，以识别他们的行为、挑战和偏好。而可用性测试是要求用户完成任务，以了解他们如何与主题互动，并识别可用性问题和需要改进的领域。然后我们有一些定量数据收集方法。我们可能没有时间了，但我会尽力完成。定量数据收集方法涉及收集可以进行统计分析的数值数据。这里有一些方法。我们有调查，网络分析。所以，我们有可用性评估和测试。理解可用性评估的基础。今天的参与和思考关注像 Airbnb 和 Spotify 这样的公司，它们将它们的快速增长和可用性归功于此。这些平台以提供无缝的用户体验而闻名，让人们乐此不疲。您是否曾经因为出色的可用性而向某人推荐过应用程序或网站？是什么让它脱颖而出？这就像我不知道你们是否熟悉早期或者曾经有什么可以下载到手机上的东西，您可以在一个界面中拥有您的社交媒体，并在一个屏幕中切换您的应用程序，而不是像我必须离开我必须离开 Twitter 或 X 去完全离开 X 去 Instagram。但是现在大多数手机的操作方式，这并不是一个困难的过程，而当您在笔记本电脑上，您有您的 Slack 频道，您有您的电子邮件，然后您有您的 Spotify，因为您想听音乐，然后假设您想快速查看您的 Facebook，但您也——我最后放进去的是什么？您还想——查看您的 Notion 板。单盒就像你可以登录并输入你拥有的所有平台的凭据，你主要使用的平台，而不是每一个平台。我不会把每一个平台都放进 Singlebox，但我会把我的所有电子邮件都放进去。我所有的社交媒体。我不知道，这就像高度机密，但我不得不购买这个。我不得不购买一个访问密钥。所以，一旦您购买了访问密钥，基本上，它就像在你自己的产品版本中一样。它不是一个——我认为它不被认为是网络应用程序。我认为它被认为是桌面应用程序。但它基本上只是允许您导航很多。假设您有一份工作，或者您有几份工作，您可以将它们放在一个集中的地方，在一个屏幕上，并在选项卡之间切换，而不是您打开了数百万个选项卡和不同的窗口，您正在寻找所有这些。我之所以提到这一点，是因为提示是关于让人们回到他们的平台。而我喜欢我知道一个平台，我只是——我从来不想——我从来不想——不是我从来不与 Google Chrome 或 Safari 互动，但对于大多数情况，这就像我的——如果你愿意的话，我的侧边栏——一个单盒。所以，至少在我个人的设备上。所以，今天的学习目标是，在本课结束时，您将能够应用可用性原则来评估产品或服务的用户体验。您还将能够进行可用性评估，以分析产品或服务或网站中潜在的可用性问题。您还将能够利用 Nielsen 的 10 项可用性启发式方法来评估产品界面设计的有效性。可用性概述。可用性是指特定用户在特定环境中，以何种有效、高效和令人满意的方式使用产品或设计来实现既定目标。它侧重于设计的直观性和用户友好性。理解 UX 中的可用性，评估可用性可能具有挑战性，但 Nielsen Norman Group 确定了五个基本组成部分，使评估产品可用性更容易。从可学性、效率、可记忆性、错误和满意度开始。这种方法通常被称为 LER's 框架，Lemur's 框架。可用性作为 UX 的一个子集是理解关键差异及其对设计的影响。所以，可用性是产品易于使用和高效使用的程度。它有多少摩擦。这是您可能想更深入地思考的事情。如果您的项目或流程可能存在用户障碍或可能存在一些困难或易于筛选。我们称之为摩擦。有时您希望在流程中存在摩擦，有时您不希望在流程中存在太多摩擦。例如，当我曾在 Wish 工作时，我们不得不增加我们注册流程中的摩擦量，而不是仅仅让人们随意进入并做他们想做的事情。这是为了业务需求和联邦法规。所以，这里有一些值得思考的东西。继续，可用性是产品易于使用和高效使用的程度。它侧重于特定的元素，如任务完成、导航和效率。它还——我们有一个食品配送应用程序，如 Uber Eats。可用性是指用户搜索餐厅、下订单和结账的难易程度。然后对于用户体验 UX，它涵盖了产品的外观和感觉以及它唤起的情感反应。UX 是关于与产品的整个互动，从第一印象到长期满意度。一个例子是整体体验包括易用性、应用程序的外观以及送货跟踪和订购食物的乐趣。然后接下来您有可用性因素。可用性包含三个核心因素。首先我们有指导，然后是满意度，然后是效率。所以，关于指导，它指的是产品通过提供清晰的方向或支持来帮助用户导航和完成任务的程度。例如，Uber 在其地图界面上提供了出色的指导，具有自动位置检测功能，使用户能够准确地设置接送点，从而实现无缝的预订体验。效率——在可用性方面，它侧重于用户在系统或界面中完成任务的速度以及所需的最小努力和操作。它是关于改进用户。它是关于改进用户体验。例如，您——例如，Uber 通过几次点击简化了乘车预订，使用保存的位置、预计到达时间以及 Uber Wallet 和 Apple Pay 等付款选项。然后满意度。满意度衡量用户在与产品互动时体验到的愉悦和满足程度。Uber 通过提供实时乘车跟踪、票价估算和乘车后评分系统来提高用户满意度。这创造了一个更愉快和值得信赖的体验，从而提高了用户留存率和忠诚度。我今天没有创建快速检查窗口。今天的快速检查视图，但我会从屏幕上读出来。Alex 正在使用一个新的银行应用程序转账。他发现该应用程序在视觉上很吸引人且易于导航，但交易过程很慢，需要多个步骤才能完成。在这种情况下，哪个可用性因素需要改进？可用性评估方法介绍。什么是可用性评估？可用性评估评估用户在与产品互动时完成目标的难易程度和愉悦程度。首先您有需求，然后您有调查，然后进入您的分析和设计，然后您有早期设计测试，这是另一个评估点，然后您有实施，然后可用性评估——抱歉，然后测试，然后是分析和 A 和 B 多变量测试，然后是部署。它确保产品满足用户需求并提供顺畅、无挫败感的体验。一个例子——一个很好的可用性评估例子是 Venmo。有多少人使用 Venmo？偶尔。哦，我得给我朋友一些披萨钱。酷。几个人使用它。所以，Venmo 测试用户如何发送金钱、分摊账单和查看付款历史记录。这有助于使其易于使用和安全，并确保顺畅的交易。为什么可用性评估很重要？可用性评估通过使产品直观且以用户为中心来改进 UX 设计。它始于以用户为中心的设计，然后是问题识别和迭代改进，然后是成本降低，最后是竞争优势。一些可用性评估方法被归类为定性，提供用户行为的见解，以及定量，使用成功率和任务时间等指标来衡量可用性。可用性评估的三种主要类型是可用性检查、可用性测试和可用性查询。以下是一些在不同可用性评估类型中使用的常见技术。首先我们有启发式评估。我以为我会分别介绍每一个。抱歉。首先我们有启发式评估、认知走查、专家和专家评审。然后对于可用性测试，我们实际上已经介绍了很多。我们回顾了用户测试、A/B 测试、远程可用性测试、眼动追踪研究，然后是出声思考、出声思考协议。然后对于可用性查询，我们有调查、访谈和焦点小组，我们也回顾了这些。所以，可用性检查类型，这里是不同可用性检查类型的区别。从启发式评估开始，然后是认知走查和专家评审。启发式评估被描述为专家根据预定义的可用性原则审查产品，以发现可用性问题，最好在设计过程的早期使用，在用户测试之前。优点是快速、经济高效、不需要真实用户，并且可以尽早突出主要问题。局限性是缺乏直接的用户反馈，并且可能错过真实世界的问题。然后您有认知走查。描述是评估者模拟用户任务，以识别任务流程和学习难易程度方面的问题。最好在设计阶段使用，特别是对于可学性。然后最后——抱歉，下一个优点包括识别任务流程和顺序问题。然后最后但同样重要的是，局限性包括耗时且需要熟练的努力——抱歉，熟练的评估。专家评审。描述解释为可用性专家根据行业标准和指南提供快速见解。最好在设计早期使用，或者在需要快速评估时使用。然后优点包括快速、廉价、基于标准的有价值的见解，然后局限性是缺乏真实用户反馈，可能反映专家偏见。所以，启发式评估启发式评估是一个过程，专家应用可用性指南或启发式方法独立审查用户界面并识别问题。它至关重要，因为它可以在设计过程的早期快速识别可用性问题，从而实现经济高效的改进，而无需真实用户。启发式评估的一些阶段。这些阶段提供了一个清晰的结构化方法来有效识别、优先排序和解决可用性问题。以下是这些关键阶段的细分。首先，您有评估前培训。接下来，您有评估，然后是严重性评级，此外还有暴露评估。最后但同样重要的是，汇报。接下来，我们将学习——我们将回顾 Nielsen 的 10 项可用性启发式方法。这些是由 Jacob Nielsen 格式化的一组用户界面设计通用原则，它们广泛用于启发式评估，它们是系统状态可见性、系统与现实世界的匹配、用户控制和自由、一致性和标准，以及错误预防。接下来是识别而非回忆，使用灵活性和效率，美学和极简设计。帮助用户识别、诊断和从错误中恢复，然后提供帮助和文档。接下来，我们将介绍系统状态可见性。系统应始终通过及时清晰的反馈让用户了解正在发生的事情。一个很好的例子是上传或同步文件到 Google Drive。它显示处理指示器和通知，让用户了解上传状态。系统与现实世界的匹配。系统应使用用户熟悉的语言和概念，提供——抱歉，用户理解的概念，遵循现实世界的惯例，使交互直观。例如，Airbnb 在描述预订日期时使用诸如入住和退房之类的熟悉术语，这与现实世界中住宿的体验相匹配。用户控制和自由。用户经常犯错误。所以，应该有简单的方法来撤销和重做操作，如后退和取消按钮。一个例子是 Microsoft Word 允许用户通过工具栏中的清晰按钮来撤销和重做他们的操作，从而帮助用户轻松纠正错误。我们有一致性和标准。系统应遵循平台的惯例，并在整个界面中保持设计和术语的一致性。Facebook 在其应用程序和网站之间保持一致的界面设计，使用户能够轻松地在设备之间切换，而无需重新学习交互。接下来，我们有错误管理。设计应通过提供确认选项或在潜在错误发生之前突出显示它们来管理错误。一个例子是创建帐户时，如果所选的用户名不可用，系统会建议替代选项以简化该过程。接下来是识别而非回忆。设计应通过保持可见的选项来减少用户记住信息的需要。可见的选项、说明和操作易于访问。例如，Amazon 可以轻松访问过去的订单，允许用户重新订购商品，而无需记住确切的产品名称或再次搜索它们。我甚至现在注意到——这已经有一段时间了——像订阅这样的东西，如果您真的服用维生素或在 30、60 或 90 天内使用某些东西，这是一个您经常使用的产品，您只需订阅并节省更多钱——只是订阅以持续订购该产品。然后使用灵活性和效率被描述为系统应通过提供快捷方式和加速器来满足新手和专家用户的需求，从而提高熟练用户的使用效率。并且可以随意记住一些这些快捷键，如果您愿意的话，在某些平台上。检查。我几乎一直使用它们，只是为了确保我能快一点。但例如，Photoshop 提供了一些高级用户快捷方式，例如以下。还有更多的快捷方式。美学和极简设计界面应避免不必要的信息，并专注于用户完成任务所必需的内容，最大限度地减少混乱。一个例子是 Gmail 的应用程序界面，它体现了极简设计，布局干净，具有搜索栏、发件人信息、主题行、内容预览和时间戳，以便快速访问。接下来我们有帮助用户识别、诊断和从错误中恢复。错误消息应清晰，指出问题，并以简单易懂的语言提出解决方案。例如，当用户离线时，Spotify 会显示一条清晰的消息，提示他们检查连接并重试。帮助和文档。当最好的设计是直观的时，有时用户需要帮助。我们希望提供易于访问、简洁的文档或支持，解释如何完成任务。一个例子是 GitHub 提供了一个全面的帮助中心，其中包含有关使用存储库、拉取请求和工作流的清晰文档和指南，确保用户可以轻松找到他们所需的帮助。所以我现在在启发式评估文件中。基本上，我们想优先排序和评估可用性问题的严重性，并使团队能够更有效地集中精力。所以，基本上，我们将从零到四进行评分。零意味着您根本不同意这是一个可用性问题。一意味着它只是一个化妆品问题，除非项目有额外的时间或可用性，否则可能不需要修复，然后二是次要的可用性问题，修复——这应该被赋予低优先级，然后三是主要的可用性问题，需要修复——这应该被赋予高优先级，然后四是——使用是灾难性的。在产品发布之前，必须修复此问题。所以，您想确保您填写了评估者的其他信息——您的日期、您的产品和您的任务。然后我们今天讨论的一些事情，如系统状态可见性。您观察到这些问题并对它们的严重性进行排名，以及您为潜在改进提出的建议。所以，您能继续进行吗？我们还打开 Airbnb 平台。所以，在另一个屏幕或另一个窗口中。我也可以在这里打开它，这样我们就可以来回切换录制。所以，首先我们将打开——哦，我没切换。等等。所以我正在共享 Airbnb 标签，我们基本上将使用启发式原则评估系统状态可见性，并在模板中添加我们的观察和严重性。所以，让我们以——例如，让我刷新屏幕。网站的加载指示器提供了清晰的视觉反馈。是的，我正在查看的例子基本上表明——第一个是观察。网站的加载指示器提供了清晰的视觉反馈，向用户保证系统正在积极处理请求。我认为这在某种程度上是真的。至少当您滚动到底部时，您可以看到底部仍然有更多内容。我认为这就是他们所说的加载指示器。所以，您会将其放在——您将其放在第一个部分。让我复制一下。好的，让我——实际上，我没有复制这个。是的，我们可能需要一段时间才能访问它。所以，我将把它复制到我的草稿中，看看它是否会显示一个可编辑的版本，然后也许我可以与您分享。是的，我可以编辑。酷。给你们。这可能是一个更好的版本。是的，我同意，亚历山德拉。这就是为什么我现在使用的参考指南——它比当前的 Airbnb 界面有点过时。所以，我只是有点——我明白他们的意思。但是的，好点。抱歉。然后接下来，您想评估 Airbnb 网站上的系统与现实世界启发式原则的匹配程度，并在模板中添加您的观察和严重性。所以，当我们切换回——当我们谈论转到 Airbnb 时。我只是想确保我的屏幕仍然可见。所以，简而言之，因为我不知道我的屏幕停止共享了。我们刚刚用网站加载指示器语言填入了第一个存储桶系统状态可见性。然后接下来我们讨论的是系统与现实世界的匹配。所以，这看起来更像是使用熟悉的徽标和图标，如支付网关 AMX、Visa 和社交媒体页面 Facebook、Twitter、Instagram，营造熟悉感和信任感。回到这一点，在底部您可以看到社交媒体图标被链接在那里。当您实际付款时，您可以看到一些品牌识别度，即使您提供了您的实际信息，然后——选择您的付款方式。我依稀记得他们仍然有一些——我不知道他们是否还显示卡片类型，但——我认为如果您有其他付款方式，他们会显示它们，这也能提供一层信任。然后接下来，我们评估 Airbnb 网站上的用户控制和自由启发式原则，并在模板中添加观察和严重性。所以，例如，如果我选择我的特定退房日期或入住日期，假设——哦，我在退房。假设我的入住日期是 12 日，我的退房日期是 22 日，我正在搜索地方。我还可以进入这个屏幕并参与——例如我的价格估算。用户可以控制他们的行动，例如优化搜索过滤器、探索列表和管理预订。该界面允许他们轻松地在不同部分之间导航。所以，如果——这些对您来说都是主要的，比如您需要洗衣机，您需要——某个地方可以停车，并且您需要能够带上您的宠物。您想确保您实际上将其包含在您的潜在住宿中。我认为很酷的是，因为我的笔记中有很多过时的东西，我需要在这里包含。我认为使用评估来显示改进的严重性以及改进的优先级将是很酷的。接下来我们有——一致性和标准。所以，当涉及到 Airbnb 网站上的事物外观的一致性和标准时。我们想确保——例如，字体是一致的。形状、颜色——以创建统一且视觉上吸引人的界面。所以我认为这基本上是准确的——关于 Airbnb。比如他们的字体是一样的。一切看起来都很干净清晰。即使是他们的圆角——圆润度也差不多。然后接下来是错误预防。错误预防是 Airbnb 网站上的一个启发式原则，它主动提示用户检查他们的卡详细信息，并在缺少必需的详细信息时通知他们，并正确更新，从而防止潜在的错误。我无法同意这一点。比如，如果有任何信息，或者如果您——您的预订有问题，Airbnb 会很好地告知您，比如，嘿，这是——这是——比如，您可能想注意这一点，或者引起您的注意。接下来是识别而非回忆。对于识别和——而不是回忆——我们想确保他们——嗯，Airbnb 使用了很多清晰的标签。回到这个入住退房屏幕。这些充当视觉线索——基本上帮助用户理解和导航界面，而无需真正依赖他们的记忆。所以我不知道有多少——我不知道确切的有多少——我知道我需要从 12 日到 22 日在某个地方，我不知道确切的天数，或者我需要多少晚，但——当我看到这里的指示器时，它是 10 晚。我知道我正在寻找某个价格范围内的房屋。我想确保我能以某个价格范围和预算获得东西，而且肯定是在特定的日期。所以，确保您的标签清晰对于确保您预订很重要。有没有人曾经预订过错误的旅行安排或住宿？我曾经有过。太糟糕了。预订错误的航班，或者不是航班。我实际上是乘坐巴士——从我所在的一个地区到另一个地区，它基本上——有人很好，让我上车了，因为他们看到了我的预订方式。它就像翻转了，但它确实发生了。是的。点击那个链接，谢谢亚历山德拉分享。然后接下来是使用灵活性和效率。这看起来更像是——Airbnb 提供各种过滤器和搜索选项，允许用户根据他们的偏好和效率找到合适的住宿。所以，这都在这里。表明您需要什么。工会，一种地方，房间数量等。美学和极简设计被归类为该平台的干净整洁。设计体验——增强视觉吸引力并减少认知负荷。然后接下来是——帮助用户识别和恢复错误。Airbnb 的错误消息清晰，并提供有关如何在预订过程或帐户管理中纠正错误的指导。例如，如果您需要——包含您的个人资料照片或——更新您的卡信息。我甚至遇到过问题，比如——虽然他们没有帮助我恢复，但他们让我意识到了问题。我有一个关于我的实际住宿的问题，出于某种原因，我的预订一直在通过系统被取消，并说是我做的。这完全很奇怪，但我不断收到那些通知——它们不一定提供了清晰的指导，但——消息——错误消息是清晰的，然后是帮助和文档。所以，为了评估 Airbnb 网站上启发式原则的帮助和文档——我们首先想——比如，看看他们提供的一切——基本上，高层次的。我不得不说，Airbnb 确实有一个不错的——我意思是，即使在那特定情况下它没有奏效，我也利用了 Airbnb 的支持团队，而且他们在其他时候对我很有帮助——他们提供技巧、常见问题解答——支持功能来协助用户——他们有一个帮助中心——它提供了更多的见解。我只是——他们不断分享知识和见解，以最好地使用他们的平台。所以，是的，只需遵循这些步骤，您就成功地使用既定的可用性原则对 Airbnb 界面进行了启发式评估，这个过程有助于识别关键的可用性问题，并为改进用户体验提供了见解，并且您可以随意扩展这一点。——表明问题的严重性，然后潜在的建议或解决方案——如何解决问题。所以，继续，确保屏幕共享。好的，然后如何进行启发式评估。进行启发式评估的步骤包括定义范围和设定目标，选择启发式方法，招募和准备评估者，然后进行独立评估。您还想整合和分析发现，然后报告发现。——并提出建议。最后但同样重要的是，实施设计改进。启发式评估亚马逊的可用性。想象一下您是亚马逊移动应用程序的 UX 设计师。您注意到用户很少使用语音搜索和扫描功能，因为难以找到或激活它们。为了解决这个问题，您进行了一项启发式评估，以提高它们的可见性和可用性。接下来，我们想定义产品的哪些部分将被评估，并定义——定义可用性目标。第一个行动是识别关键用户任务和场景。明确是评估整个产品还是特定功能。然后阐明目标，例如解决导航或表单可用性，然后是范围。范围是——将您的评估专门集中在语音搜索和扫描功能上。然后您的目标将是——识别和解决与功能发现——功能可发现性和用户可访问性相关的可用性问题，然后选择启发式方法。选择一组可用性原则来指导评估。尼尔森的 10 项可用性启发式方法通常使用。行动将是选择或自定义启发式框架，具体取决于产品。一个例子是系统状态可见性、一致性、错误预防和灵活性。然后潜在的解决方案将是提高语音搜索和扫描功能的可见性和易用性。选择系统状态可见性和识别而非回忆作为您的指导启发式方法。然后您的方法将是使启发式方法与用户问题保持一致，专注于关键设计方面并提供有针对性的反馈。接下来，您想招募和准备评估者。我选择三到五名可用性专家进行评估。一个多元化的群体确保了更广泛的问题识别。然后是行动，它允许您选择具有相关经验——抱歉，相关专业知识或经验的评估者。——向他们介绍产品用户、产品用户和评估背景，然后提供对必要材料的访问，如原型或线框图。在这个真实世界的场景中，您将为评估招募可用性专家。然后，现在，假设您的团队拥有经验丰富的评估者，他们具备移动应用程序和电子商务设计专业知识。您的方法将是提供关于亚马逊目标用户和功能目标的背景信息，以指导评估者在评估期间的重点。评估者独立审查产品，专注于任务并应用启发式方法来查找可用性问题。您的行动将是遍历界面，记录与特定启发式方法相关的问题。——根据严重性和位置记录这些问题，然后对每个问题的严重性进行评分。例如，次要、中等或主要。在现实生活中，这看起来是这样的——为评估者提供至少最新版本的亚马逊应用程序，并设置现实的任务，如通过语音搜索查找产品或使用扫描功能查看类似商品。您的方法是使用真实世界的任务，让评估者从用户的角度体验应用程序，从而更容易识别可用性问题。您还想收集和分析所有发现，以识别模式并优先排序问题。关于整合和分析发现，您的行动包括将所有 EVA——抱歉，将所有评估者的发现合并到一个主列表中，对类似问题进行分组，并删除重复项，然后根据共识和严重性对问题进行优先排序。这在现实生活中看起来是这样的——每个评估者独立审查语音和扫描功能，记录图标可见性、激活反馈和功能状态清晰度等问题。您的方法是记录每个问题及其违反的启发式方法和严重性评级，以帮助在分析期间优先排序修复。然后您想报告发现并提出建议。准备一份详细的报告，包括问题、它们的严重性以及建议的解决方案。您的初步行动将是组织报告——带有执行摘要、方法论和发现。使用屏幕截图或注释来说明可用性问题。根据对用户体验的影响优先排序解决方案。然后，关于这一点，更深入的背景是，在评估之后，编译一个问题主列表，对类似问题进行分组，如可见性和反馈，并优先处理需要立即关注的关键可用性问题。所以，类似于从一到四的排名——四意味着——这需要立即改变。而一意味着如果我们有时间，我们可以改变它。这并不那么重要。它更主观。然后实施设计改进——实施设计更改并重新评估产品以确认可用性改进。行动是与设计和开发团队共享报告，同时首先解决关键问题。我们还想考虑后续评估或用户测试来验证这些改进。确保它们值得实际的总预算时间和成本。然后，根据您的发现，创建一个报告——一个包含具体建议的报告，用于设计团队，例如使语音和扫描选项更加突出。添加视觉反馈，例如发光的边框以显示活动状态，——悬停状态以显示——比如某些东西已更改。交叉——做到这一点。然后包括一个针对首次用户的工具提示，解释这些功能。然后——只是为了回顾一下，工具提示只是一个快速的信息——选项卡或悬停，它只是显示额外的——内容信息，以帮助指导用户完成体验。方法是他们提供清晰的结构化建议，以指导设计团队增强用户体验，使语音搜索和扫描功能更直观、更易于访问。——实施设计改进。在进行启发式评估并实施设计改进后，扫描和语音搜索选项图标被放置在搜索栏中。一些好处与缺点。好的，让我们仔细看看关键的好处和缺点，以了解何时以及如何有效地使用它。一些好处包括经济高效、省时、灵活、早期识别可用性问题、提供专家见解、资源要求少、详尽且兼容，并且可以定期重复。一些缺点是它缺乏真实的用户反馈。——主观判断——范围有限，可用性专家稀缺，潜在的虚假叙述，以及——忽略了情境因素。然后我们有另一个快速检查。这个快速检查，乔丹正在为一款移动银行应用程序设计导航系统。他想确保用户在浏览应用程序时能够轻松看到他们交易的当前状态。它是——a 使用灵活性和效率，b 系统状态可见性，c 美学和极简设计，还是 d 一致性和标准。好的，我看到大多数人都回答了，我觉得你们今天都做得非常出色。做得好。是的，答案是 B。只是关于这方面的一些背景是，系统状态可见性是 Nielsen 的 10 项可用性启发式方法之一。这意味着系统应始终通过在合理时间内提供适当的反馈来让用户了解正在发生的事情。在这种情况下，乔丹希望用户能够轻松地看到他们交易的当前状态，这直接关系到确保系统状态的可见性。好的。所以，我们有可用性评估类型可用性测试。什么是可用性测试？它是一种通过真实用户测试来评估产品、服务或系统的易用性和用户友好程度的方法。它侧重于观察用户与产品的互动，识别可用性问题，收集定性和定量数据，并理解用户行为和偏好。为什么我们需要可用性测试？它是创建用户友好产品的关键。——以下是一些它提供的关键好处。它增强了用户体验。它提高了用户满意度，降低了开发成本，然后支持业务目标。所以，只是为了回顾一下可用性测试类型——用户测试、A/B 测试、远程可用性测试、眼动追踪研究——基本上是查看您的眼睛在哪里扫描，然后出声思考协议或您的眼睛或您的鼠标。然后可用性测试——用户测试是一种方法，其中真实用户在被观察的情况下（无论是亲自还是远程）执行预定义的任务，以根据他们的行为识别可用性问题和用户偏好。何时使用——在开发的不同阶段，从线框图到最终产品。好处——它提供了来自用户的直接反馈，并有助于揭示可用性问题和用户偏好。局限性——它可能耗时且成本高昂，尤其是在亲自或大规模进行时。一些例子是 Shopify 进行可用性测试以完善专家资料的信息架构，确保商家能够轻松找到相关信息并在招聘决策中感到自信。一种比较方法，测试产品的两个或多个版本或功能，以根据预定义的指标（如转化率和点击率）确定哪个版本表现更好。何时使用——在开发阶段或发布后，以优化特定的设计元素。好处——它提供了关于用户偏好和设计性能的客观驱动的、数据驱动的见解。局限性——它需要大量的样本量才能获得统计学上的有效性，并且只适用于测试特定元素。一个例子是 Ben，一家总部位于荷兰的预算电信提供商，在其产品页面上进行了 A/B 测试，通过更改电话颜色的放置

调色板使选项对用户更加可见，相关性提高了 17.63%，对话量增加了 63%。然后是远程可用性测试，类似于传统的用户测试，但远程进行，允许用户在自己的环境中完成任务，而研究人员则进行观察并收集非受控数据。何时使用：当测试地理位置多样化的受众，并且无法进行现场测试时，这是最佳选择。一些好处包括它具有成本效益、可扩展性，并且允许更大、更多样化的参与者池。局限性包括它对参与者环境的控制不足，并且可能遇到潜在的技术问题。例如，Slack 进行了远程可用性测试，以收集国际用户的反馈，帮助他们了解应用程序在不同设备和网络条件下的表现。可用性测试眼动追踪研究。一种使用眼动追踪技术来分析用户在屏幕上注意力集中位置的方法。识别吸引用户注意力的地方以及可能被忽略的地方。你好。这最好在评估视觉设计、内容层次结构和识别困惑区域时应用。这里的一些好处包括它提供了关于用户交互和思维模式的丰富定性数据。它还包括限制，这些限制可能会让参与者觉得在执行任务时说话不自然或分散注意力，这可能会影响他们的任务表现。我也以前做过，我在进行测试时，必须基本上说出我的想法，大声说出我的想法或大声说出我的行动，这可能会有点分心，比如说你忘记说一个步骤，或者你试图说出每一个点。这可能会有点分散你整体体验的注意力。一个例子是 LinkedIn 进行了一项“出声思考”协议研究，以观察用户在其平台上导航并识别困惑的区域，特别是像限制，抱歉，反应图标和信息流排序选项。一些可用性测试的类型。虽然还有其他几种可用性测试类型，每种都适合产品开发周期的不同阶段，但它们都适合产品开发周期的不同阶段和特定的研究目标。这里有一些。您有基于任务或基于场景的测试。然后您有概念测试、可访问性测试，然后是生存能力测试。这些是可用性测试格式。这些是常见的可用性测试格式，每种都适合产品开发周期的不同阶段和特定的研究目标。所以，首先我们有受控测试，有人主持。非受控测试，这可能更像是自主进行的。没有人主持，或者至少没有指导你进行现场测试。然后您有，这是不言自明的。然后您有远程测试。可用性测试过程是高效准备可用性测试的关键，以确保过程顺利进行并提供有价值的见解。以下是有效准备的一些关键步骤。首先要定义目标，然后制定测试计划。准备测试材料。招募参与者，然后设置测试环境。创建主持人指南，然后进行试点测试，然后确保道德考量。只是为了更详细地阐述一些事情，比如定义您的目标。是的，您想寻求反馈，但您从该反馈中获得的实际目标是什么？您希望用户完成此任务的目标是什么？您希望他们完成什么？您在目标部分定义了这一点。然后我只是想进一步重申在准备测试材料方面，这并不总是仅仅展示您的原型。有时是演练、介绍、之后的调查。所以，准备好所有测试材料，然后，就像您想制定测试计划一样，以及您的测试材料。您还想创建一个主持人指南，这样主持人就不会在他们沟通的内容中带有暗示性，并且他们确保他们正在清晰有效地引导对话。所以，为了继续可用性评估和测试，今天我们将重点关注探索可用性测试工具。快速回顾一下昨天。我们回顾了可用性，我们学习了可用性确保产品易于使用，帮助用户快速完成任务而不会感到沮丧。可用性评估方法，如启发式评估、认知走查和用户测试，有助于评估产品的有效性和用户友好性。可用性测试涉及真实用户执行任务以发现产品性能中的任何问题。在今天的参与和思考中，我们将使用谷歌地图寻找一家新餐厅。您使用谷歌地图寻找一家新餐厅。您按照指示行驶，但您错过了一个转弯，因为指示不够清晰。这很令人沮丧，对吧？用户体验中出了什么问题？谷歌地图有什么方法可以检查这个问题吗？特别是，我发现当地点可能是新的，或者某些地址时，这种情况更多。当我说的地点时，我的意思是它们是新开发的，就好像没有现有的企业或现有的机构一样。所以，我发现当事情是新的开发时，比如新建筑，或者它们有时有点难找，或者至少一开始在谷歌地图上，东西在哪里，或者如何访问它们。好了，今天的学习目标是，在本课结束时，您将能够识别流行的可用性测试工具，了解其功能和应用。我们还将演示 Maze 中的可用性测试，以收集关于用户交互的可操作见解。我们将应用数据分析技术来解释测试结果并改进用户体验，以及分析关键可用性指标来评估产品有效性并识别改进领域。最后但同样重要的是，我们将构建可用性报告来传达发现和建议。所以，进行可用性测试，我们之前已经看到过类似的图表，对吧？所以，高效的可用性测试准备工作确保过程顺利进行并提供有价值的见解。以下是有效进行可用性测试的关键步骤。目标定义目标。制定测试计划。准备测试材料。招募参与者。设置测试环境。创建主持人指南。进行试点测试，然后确保道德考量。本课建立在可用性测试过程的基础上，并侧重于利用各种工具来有效进行可用性测试。所以，进行测试，进行可用性测试，必备工具。可用性测试工具是专门的软件或平台，可帮助设计师观察用户行为。这些工具允许您跟踪用户如何与您的界面进行交互。收集反馈，我们在这里从用户那里收集口头和书面反馈。然后是分析绩效指标，他们可以衡量任务完成率、任务花费时间和点击路径。接下来我们将能够，下一个工具是生成报告。它们总结了发现，以帮助传达问题并提出改进建议。所以，流行的可用性测试工具。可用性测试工具帮助我们了解用户如何与产品交互，识别可用性挑战，并增强整体用户体验。这里快速看一下一些最流行的可用性测试工具。首先，我们有 Maze，Hot Jar，User Testing，和 Look Back。有人以前用过这些工具吗？>> 不，抱歉。你说你用了 Maze，还是什么？我以为它叫 Maze，或者类似的东西，类似于谷歌地图。>> 哦，Ways。>> 哦，Ways。抱歉，不是 Maze。我以为是另一个叫 Maze 的。抱歉，Ways。抱歉，我的意思是，我必须试试 Ways。>> 是的，Ways。W A W A Z E 是一个导航应用程序。>> 好的。是的，我必须试试那个，看看它如何比较。>> 是的，他们有时有很酷的声音来帮助你，帮助你指导你。我曾经有过 Cookie Monster。另一次，我想我有 Christina Aguilera，这有时很酷。但 Maze 是一个可用性测试工具，有点不同。>> 好的。好的。Ways 是游戏化。你可以说，就像你知道你看到那些小车，你可以告诉他们，如果路上有障碍物，如果附近有警察，你知道，当你使用它时，你可以通知其他司机。是的，它会给你一些积分，我不知道积分有什么用，但你基本上可以报告东西。他们会问你，他们会问你是否看到什么，以确认它是否在路上。他们会问你是否仍然看到它。我想是为了确保它被移走了，或者检查它是否被移走了。如果路上有一辆车，它会告诉你。是的。如果有一个坑洼，那真的很，你知道，那真的很，你知道，很好。是的。我学到的是，它更多的是用户在帮助他们自己的体验，因为如果你不报告某事，或者别人不报告，你就不会知道。所以，比如，如果路上有警察，而你在超速，有人报告了，你可以在地图上看到，可能会有警察过来。如果有人不报告，你就看不到。我必须说，因为我以前经常用 Ways 和 Google Maps，它们真的很像，它们基本上是在 Ways 之后让它们与 Ways 相当，Google Maps 就像你可以报告一样，就像路上有警察，路上有事故，它们正在为它们而战。>> 他们达到那个点了，你可以看到吗？>> 他们绝对达到了。是的。>> 是的。终于。终于。现在，我们也需要 Apple Maps 达到那个水平。我知道我们今天肯定会使用 Maze。我们过去也经常谈论用户测试。所以，你们中的一些人很熟悉。有一些你们必须，你知道，今天稍微深入了解一下，但有一些你们用过。关于 Maze，Maze 是一个快速测试平台，通过基于任务的测试和深入报告来验证原型和概念。Maze 的一些优点是它与 Figma 等设计工具无缝集成，能够快速反馈。缺点是它在进行复杂可用性研究和招募参与者方面的功能受限。Maze 提供免费和付费计划，免费版本的功能比高级选项有限。然后 Hot Jar 是一个行为分析工具，提供热图、会话录制和用户反馈，以帮助了解用户在网站上的行为。这里的一些优点是它设置简单，通过热图提供视觉洞察，以及有效的用户行为跟踪。缺点是与更深入的可用性测试工具相比，它的交互洞察有限。快速提示是 Hot Jar 提供免费和付费计划，高级功能可在高级版本中使用。然后我们有 User Testing，这是一个平台，通过提供对大量参与者的访问并捕获用户会话的视频录制来促进远程可用性测试。一个优点是它设置简单，提供详细的用户反馈，以及多样化的参与者池。一些缺点是它不适合频繁使用，并且对参与者选择的控制有限。快速提示是 User Testing 是一个付费工具，具有针对需要全面可用性测试功能组织的各种定价计划。最后但同样重要的是 Look Back，这是一个远程研究平台，支持实时和录制的可用性测试，研究人员和参与者之间进行实时交互。他们的一些优点是实时交互以及用于受控会话的易于使用的界面。缺点是需要稳定且强大的互联网连接才能进行流畅的实时会话。快速提示是 Look Back 是一个付费工具，根据所需的功能和会话数量提供不同的定价级别。所以，用于受控或非受控测试的工具。我们的受控测试涉及实时交互，而非受控测试允许参与者独立工作，这对于大型用户研究非常理想。非受控测试工具包括 User Testing 和 Look Back。抱歉。受控测试工具包括 User Testing 和 Look Back，而非受控测试工具包括 User Testing 和 Maze。User Testing 能够同时进行受控和非受控测试，并根据您的研究需求提供灵活性。屏幕录制和反馈分析工具。屏幕录制捕获用户在屏幕上的操作，而反馈分析收集和检查用户评论以获取见解。这些是使研究人员和设计师能够捕获用户交互并有效分析反馈的工具。User Testing，Look Back，Crazy Egg 和 Full Story。屏幕录制和反馈分析工具。这里有一些流行的工具。首先是 User Testing。主要功能是用户会话的视频录制，用户反馈的自动转录，以及参与者的人口统计信息和见解。最后是基于任务的测试，带有用户提示。然后是 Look Back。主要功能是实时屏幕共享和录制，会话内笔记和标记，参与者交互分析，以及用于团队讨论的实时协作工具。接下来是 Crazy Egg。主要功能是热图、滚动图和用户会话录制。它包括 A/B 测试工具，用于比较页面的不同版本，以及用户参与度和转化率的见解。然后是 Full Story。主要功能是会话回放，用于实时观看用户交互，高级搜索过滤器，用于特定用户旅程，转化漏斗分析，然后是反馈工具，集成到平台中的反馈工具。所以，选择适合您需求的工具。首先，我们将定义您的测试目标，然后确定可用性测试的类型，考虑您的预算，评估关键功能，评估可用性和集成，研究工具的声誉和支持，然后尝试和实验工具的功能。所以，简而言之，我们将进行一次快速演示，基本上是设置我们的配置文件帐户，然后演示如何设置和进行可用性测试。所以，事不宜迟，我将获取链接并与大家分享到聊天中。或者您可以直接访问网站，但我需要一秒钟。应该是 maze.co。如果您输入。所以我将使用 Google 登录。我现在只是浏览一下，但我已经输入了我的凭据。我将在每个人都打开它并加入时暂停。所以，接下来它问我们想用 Maze 做什么。今天我只是浏览一下。但您可以随意选择您可能想选择的。但我今天只是浏览一下。然后接下来我们将继续。然后我们应该看到这样的屏幕。当每个人都到达这个屏幕时，请举手。这样我就知道，至少有相当一部分人到达了这一点。好的，再给一些人几秒钟。所以，首先我们将开始创建研究。我们有非受控、AI 受控和受控访谈。我们今天只点击非受控。Onyx 不。我们只点击非受控 Maze，因为 AI 的有一个附加组件，抱歉，我回去。AI 的有一个附加组件，而受控访谈是高级功能的一部分。所以，为了坚持我们的免费版本，我们将点击非受控，然后我们将选择从头开始。所以，我们将重命名我们的项目，我们将将其重命名为食品配送应用程序。>> 你是怎么得到那个屏幕的？抱歉。>> 哦，我悬停在名称所在的区域。>> 名称。好的。它点击了。好的。谢谢。不客气。好的。然后当你们到达那里时，我们将点击添加块，然后我们将选择原型测试。首先，我们将添加一个任务。它可以是这样的：确定食品配送应用程序的用户体验。所以，你们都有。确定食品配送应用程序的用户体验。然后描述可以是订购一个芝士汉堡。我知道你们有不同的食物类型。所以，请根据你们的食物类型来选择。然后我们将。然后我们将添加原型。您会看到一个屏幕弹出，说允许 Maze 访问 Figma。我将选择继续，然后它应该同步到您的 Figma 帐户。使用相同的浏览器或相同的笔记本电脑或设备进行授权。每个人都到达这一步时，请举手，只是为了让我知道，也许可以继续了。所以，我们将允许 Maze 访问 Figma，我们的 Figma 文件。在 Maze 中导入 Figma 原型。我们可以创建一个专用的工作文件，或者我们可以创建一个文件，以减少测试人员的加载时间。我们建议只将必要的框架复制到专用文件中，或者您可以获取链接并确保您的原型权限设置为任何人都可以查看，然后您可以将其导入 Maze，允许人们导航他们想要的文件，至少查看您的文件。为了节省时间，我将给出一个链接。所以，让我去我的 Figma。为了让这个工作，Figma 文件中的页面需要像链接一样，你知道，流程，对吧？>> 是的。你需要。>> 侧边问题。>> 是的，你需要基本上拥有你的原型。>> 明白了。好的。>> 是的。>> 我知道我的不会起作用，因为它们还没有链接。哦，我不知道这是谁的项目。我只是想，让我看看这个。>> 不，那个不是我的。>> 让我们试试。>> 让我们试试。VJ，你介意吗？>> 是的，我没问题。没关系。>> 太好了。>> 看起来很漂亮。>> 封面看起来不像我点击的，我不知道它看起来像什么。是的，我一直在业余时间做一些工作，当我感到无聊时就添加一些东西。>> 好的，我们今天将忽略这条消息，但我认为它很清楚它在说什么。它确实导入了。>> 哦，抱歉。>> 抱歉。>> 好的。所以我将刷新它。当我上传原型时，基本上它说它很重，可能会导致测试人员放弃，为了改善体验并减少加载时间，将所有必要的框架复制到专用文件中。所以，我暂时会忽略这条消息，只是为了继续设置。所以，我们无论如何都会导入它。考虑到这一点，然后一旦我们导入，我们将选择基于目标的。然后目标可以是。>> 下一步我将做一个专门的购物车，一个叫做什么，最近订单或购物车列表。所以，我想这可能是我的下一步。>> 好的。嗯。好的。所以，我将快速选择目标。所以，流程的开始。所以，我将说目标是，让我们看看，目标是查看我们的个人资料，对吧？在我们基本上创建了那个目标之后，我们就可以，我只是想确保，是的。好的。所以，我们添加了目标屏幕。我们可以添加多个目标，比如去你的个人资料或查看愿望清单。我已经将总体目标设定为购买一件衬衫。所以，我将选择这个第一张屏幕，因为我看到了衬衫。然后选择。我暂时将交互式组件关闭。您还可以添加开放式问题。所以，如果您向下滚动这里，您会看到开放式问题作为您的块标题。然后，例如，您可以问诸如“订购衬衫时的用户体验如何？”之类的问题，或者如果您仍然有您的食品配送应用程序，比如芝士汉堡或披萨，您可以说，为了课堂简单起见。然后在那之后，他们可以添加他们的笔记。您可以添加图像来支持您要求他们做的事情，但当然不要分散注意力。然后接下来，您还可以添加一个意见量表。所以，简要地向您展示一下它的样子。它是这里的绿色星星。您可以问一个问题，比如“您喜欢这个应用程序吗？”我们已经看到在某些平台或应用程序使用结束时，对吧？您如何评价您的体验？您有多喜欢？这就是他们首先想知道的。然后接下来您可以选择星级数量来预览您收到的内容，也可以测试一下它对用户的样子。走完每个任务，确保说明清晰，并检查所有原型交互。所以，您可以说，从这里我们可以去分享选项，然后我们将准备好导航。所以，让我们点击实时看看会发生什么。它没有说。好的，首先，然后您可以，当您到达屏幕时，您可以复制您的链接，这样您就可以与潜在的测试人员分享。基本上看起来是这样的。所以我将我的主屏幕复制到另一个标签页并打开了它。这基本上是引导您的用户通过您的应用程序，同时让他们与之交互。您要求他们确定应用程序的用户体验，以及要完成的任务。模拟他们登录，他们想购物，他们想看别的东西。在您完成与您正在交互或设计的应用程序或平台的交互后，它会提示您说用户体验如何，然后>> 糟糕。不，它很好。然后您如何评价这个应用程序？所以，只是做一些快速研究。Maze 是一个由 AI 驱动的产品研究。它通过一套由 AI 驱动的工具增强您的产品研究，这些工具可以减少偏见，揭示更深入的见解，并加速分析。它帮助您制定完美的问题。动态流程，动态跟进，挖掘更多见解。然后它显示了一些更高级别的趋势，例如易于使用，产品性能，客户服务，以及您是否曾经有过，从表面上看，即使是这个特定的功能，AI 受控访谈，也可能类似于用户测试，我不知道他们是否有 AI 组件，至少不是这样。但类似于您与 ChatGPT 交谈，并且他们现在有了语音功能。似乎 Maze 有自己的语音 AI，他们可以加速或提升招聘流程。抱歉，在某些平台上，您可以基本上，我使用过某些 AI 工具，您可以加速招聘流程，您正在与 AI 交谈，但似乎对于这些，您可以提示您的问题，AI 正在与您的潜在用户进行交互，就像我与某些工作交谈一样，而不是与招聘人员或 AI 代表交谈，我开始与 AI 交谈，并且有一个 AI 机器人基本上在问我问题，并捕获我的母语，并根据我所说的提出后续问题。有人以前有过这样的互动吗？我希望每个人都能伸展四肢，喝点水，喝点咖啡或茶之类的。所以，回到今天的课程，关于工具跟踪的关键可用性指标。可用性，工具跟踪的关键可用性指标。在可用性测试中，某些指标对于评估产品设计的有效性和效率至关重要。以下是关键可用性指标的快速概述。首先是成功率，然后是错误率，抱歉，首先是成功率，然后是错误消息，然后是主观反馈，最后是任务花费时间。成功率是用户成功完成任务的百分比。目的是衡量用户在多大程度上能够实现预期目标。一个例子是亚马逊优化其一键购买功能。如果 100 名用户中有 90 名顺利完成交易，则成功率为 90%。此指标有助于亚马逊完善其无缝购物体验，确保数百万购物者享受无摩擦的结账过程。接下来是错误率，这是用户在尝试完成任务时犯的错误数量。目的是它表明了困惑或设计不佳的区域。一个例子是像 Airbnb 这样的热门住宿预订平台。错误率衡量用户犯的错误，例如选择错误的入住日期或输入错误的预订地址。如果 100 名用户中有 20 名犯了这些错误，则错误率为 20%，这表明需要进行设计更改，以使预订过程更清晰、更直观。用户完成任务的平均时间。抱歉，任务花费时间是用户完成任务的平均时间。目的是评估任务效率和用户熟练程度。一个例子是像 PayPal 这样的银行应用程序。任务花费时间衡量用户发送金钱所需的时间。如果大多数转账在 1 分钟内完成，但有些用户需要 4 分钟，因为步骤不清楚，这表明可能需要简化流程以提高效率和用户满意度。接下来是主观反馈。这是用户意见。主观反馈是收集用户意见和满意度水平，通过调查或访谈。目的是提供关于用户体验和情感反应的定性见解。一个例子是像 Netflix 这样的热门流媒体应用程序，主观反馈包括用户评论，例如内容推荐非常准确。自动播放功能令人沮丧，这些见解有助于 Netflix 改进用户体验并提高整体满意度。有效解释可用性数据的技术是数据分析技术。这些是处理和解释数据以提取见解并指导决策制定的方法。可用性测试提供了有价值的定性和定量数据，有助于改进用户体验。了解分析数据的正确技术有助于我们获得有意义的见解。定性数据分析技术是主题分析。它通过熟悉、编码、主题开发和细化来识别定性数据中的模式。接下来是亲和图法。它将相似的见解分组，通过收集反馈、记录见解和聚类相关笔记来组织定性数据，以发现模式。内容分析涉及对定性数据进行编码和分类，以识别趋势、定义类别并分析模式以获取见解。定性数据分析技术。一个例子是，在对食谱应用程序进行可用性测试时，用户强调了难以找到食谱和令人困惑的分步说明等问题。为了有效解决这些问题，应用了三种分析技术。首先是主题分析，它识别了诸如搜索过滤器有限和说明不清晰等主题，用户说我无法按烹饪时间过滤食谱，而且说明对初学者来说太模糊了。然后是亲和图法，它将相关的反馈分组到诸如搜索问题和说明清晰度等集群中，使平台更清晰以便于优先排序。第三是内容分析，它对数据进行分类和量化，现在显示 40% 的人难以使用搜索过滤器，35% 的人难以使用说明，从而指导改进工作。一些数据分析技术，定量数据分析技术是描述性统计，它使用统计数据来总结可用性数据并评估用户绩效。它涉及比较用户组之间的可用性指标，通过收集数据并使用统计检验来识别显着差异。热图和点击流分析通过热图和点击流数据可视化用户行为，通过跟踪点击和滚动来突出参与区域并分析导航路径。这里有一个快速的例子，对一个电子学习平台的定量分析侧重于课程时间、测验完成率和点击行为等指标，使用了三种关键技术。描述性统计显示学生在课程上花费了 20 分钟，但在测验上只花费了 5 分钟，表明参与度低。比较分析显示，重修课程的用户完成课程的速度快了 40%，这表明熟悉度提高了绩效。然后是热图和点击流分析，它识别了导航上的频繁点击，但滚动很少，这表明需要重新组织内容。然后我们有混合方法。当涉及到分析技术时。三角测量，它整合了定性和定量数据以获得全面的可用性见解，比较两者以验证发现并理解用户行为。接下来是用户旅程图，它创建了用户旅程的可视化地图，结合了反馈和指标，以突出接触点和痛点，从而帮助设计改进。混合方法的一个例子是对旅行预订平台的混合方法分析，结合了定性和定量数据来理解用户行为。这是通过以下技术实现的。三角测量，它结合了用户反馈和分析，揭示了大多数用户在搜索选项时感到沮丧，导致搜索页面上的放弃率增加了 30%，然后是用户旅程图，它可视化了预订过程，结合了反馈和指标，以识别搜索困难和付款混淆等痛点。然后我们有另一个快速检查。这次我们将想象我们是 UX 设计师，正在分析。我们是 UX 设计师，对吧？所以，我们是 UX 设计师。我们将想象我们正在分析一个电子学习应用程序的可用性测试数据。用户经常在测验功能中暂停，而热图数据显示大部分参与度在测验屏幕的下半部分。哪种技术最能帮助您理解这些问题？是 A 主题分析？B 亲和图法？C 描述性统计？D 热图和点击流分析？好的，让我们来揭晓。之所以选择主题分析，是因为它是这里最好的技术，因为它有助于您解释可用性测试中的定性见解，特别是理解用户为什么暂停或更多地与屏幕下半部分互动。虽然热图和点击流数据显示了用户在做什么，但主题分析通过分析用户评论、出声思考反馈和用户访谈数据，帮助揭示其行为背后的模式和原因。对此有什么问题吗？好的，我们继续。我知道，那个有点棘手，特别是因为他没有工作，只是解释了为什么分析是正确的。然后我们将进入使用工具生成可用性报告。可用性报告与利益相关者分享测试的关键发现，提供见解和可操作的建议以改进用户体验。以下是其结构的指南。首先，我们要列出可用性问题并推荐解决方案，然后是突出积极观察结果并总结结论。接下来，我们要包含附录。呈现关键发现，描述用于数据收集的方法，定义可用性研究的目标和范围。最后但同样重要的是，我们要提供执行摘要。可视化数据以进行清晰报告。提到的方法有助于说明用户行为和问题，使数据更容易被利益相关者理解和采取行动。首先是热图。接下来是图表。最后是会话回放。清晰的视觉表示对于有效呈现可用性发现至关重要，有助于利益相关者轻松理解和参与见解。有多少人曾经在网站上看到过热图或自己与之互动过？没有人。它们有点像天气图。如果您曾经在新闻中看到天气预报，它有点像天气热图，但它只是跟踪特定网站或平台上的移动和交互。目的是显示用户最常点击、滚动或悬停的位置。类型包括点击热图、滚动热图和悬停图。最佳用途是识别导航问题，分析内容可见性，并理解交互模式。接下来是图表和过滤器。它们以易于理解的格式呈现定量数据，例如成功率、错误率和任务完成时间。这些类型包括条形图和折线图、饼图和直方图。最佳用途是总结复杂数据以便于比较并突出趋势或模式。一些会话回放的目的是提供用户交互的实时录制，以可视化他们如何浏览您的产品。这里的最佳用途是理解用户的痛点和沮丧。例如，重复点击和放弃率。一些面向利益相关者的可用性报告，在演示中，获得支持和推动可操作的设计变更至关重要，以引人注目的战略方式传达发现。考虑以下方法。一，定制您的演示文稿。构建您的演示文稿。使用视觉效果。突出业务影响。这非常重要。然后保持简洁。尤其是在您的屏幕上，人们想要易于消化和掌握的东西。而不是阅读长段落和长演示文稿。然后促进讨论。提供一份完整的，抱歉，提供一份总结报告。然后接下来我们将回到 Maze。这次我们将遵循确切的路径来执行可用性测试。所以，我正在打开它。好的。所以我将开始一项新研究。然后这次，您可以随意打开您的应用程序。我觉得这次也许我可以换一下。我将选择一个人的食品配送应用程序。实际上，我认为 Cat 的有一个相当扩展的。>> 我已经测试过我的了。说实话，它测试得不太好。>> 抱歉。>> 不客气。不客气。我想知道我们是否可以为确切路径使用它，因为我们不打算到达特定屏幕，但让我看看还有谁。我试着回忆一下还有谁做了那个。嗯，谁的 Swift Eats？我们可以用这个吗？>> 我认为这是 Living。>> 是的，那是我的。它不是最干净的，但我们可以用。>> 好的，太好了。所以，让我拿一个链接，然后我将回去。>> 我已经。>> 啥？>> 我想说我有一个我的链接，如果你想用那个。>> 比如，我的意思是，我有一个来自 Maze 的链接，我的意思是，但让我们，但对于这个，我假设你想创建一个新的。是的，我只是想创建一个新的，因为，因为它是不同的路径。>> 好的。嗯，这次不是，所以我回到课程，而不是做直接屏幕或我们打算用户登陆的屏幕，这次我们做确切路径，这是一个不同的选项。所以，如果我们选择从头开始，我们可以按创建，然后我们将添加一个块原型测试。将您的链接粘贴在那里。好的。然后>> 你需要链接吗？你有吗？好的。>> 是的，我有。我只是不小心把它复制到错误的地方了。所以我正在寻找我的提示说明。好的。我敢肯定，我们以前遇到过这个错误，但现在没关系。我将导入它。无论如何，我只是在更改任务。确定应用程序的用户体验。然后我们可以说，结账。所以，这是。所以，这是我们选择是，上次我们根据目标，也就是登陆特定屏幕或与特定屏幕交互，来确定我们的成功标准。但现在我们将遵循确切的路径。所以，我们的第一个屏幕是我们的主页。然后我们可以点击原型来确定我们想要的序列是什么，可能是是的，点击底部的按钮基本上就是它所经历的。不错。嗯，>> 我想我应该告诉你，你应该找出用户体验，但这只是为了创建它。>> 不，我明白了。我明白了。嗯，所以，在我们开发了成功标准并点击了原型以同步之后。所以，点击原型在预览选项卡中定义路径。所以，现在我们将开始测试或预览它。加载完成后，我将把我的链接放在这里。哦，它给了我一个错误。好的，我们现在就去现场，我将把它粘贴到。等一下。试图。好的，这是链接。拿到了。给你们。然后回到演示。>> 哦，这很有趣，我们会得到一些有趣的反馈。>> 是的。所以，确定食品配送应用程序的用户体验。我只是再次点击。抱歉，莉亚。所以，我不知道为什么我只是在这两个屏幕之间切换，但那个只是让我在这两个屏幕之间切换，我不确定为什么。嗯，所以，这是一个放弃，对吧？我不知道我在这里做错了什么。嗯，抱歉。给我两秒钟，我只是在找。我正在寻找我再次打开它的地方。分享。所以，回头看链接。我认为这是因为我已经在该浏览器中提交了。我不确定，但应用程序上有分析。我知道这可能有点混乱，因为我只是知道，嗯，纠正我，如果我错了，奥利维亚，你原型化了你的吗？>> 我确实原型化了它，只是为了简单的东西，比如点击它，以及出来的侧边栏。但里面没有太多东西，但它主要是点击原型。>> 我明白了。不客气。我只是想知道。好的。所以，回到事情上来。好的。所以，我们又有一个快速检查。我没有把它放在我的 Figma 里。我忘了。所以，一个 UX 研究人员需要向利益相关者展示可用性发现，以获得支持和设计变更。研究人员应该采取什么方法？是 A，展示所有技术细节而不与业务影响挂钩。B，使用视觉效果来突出关键见解和业务相关性。C，随意交付发现，没有结构化方法。D，列出问题而不提供可操作的建议。好的，我认为你们在这方面做得很好。答案是 B。我们使用视觉效果来突出关键见解和业务相关性。解释是这样的：向利益相关者展示可用性发现。目标是清晰且有说服力地传达见解，而不是用技术细节淹没技术，例如视觉效果、图表、截图、用户引述、旅程图，并将发现与业务目标或影响联系起来，这更有助于利益相关者快速掌握设计变更的重要性，并鼓励改进。有什么问题吗？没有问题，大家。好的。迭代可用性测试。迭代可用性测试是通过持续反馈和改进来增强用户体验的关键过程。UX 设计师的角色在可用性测试中起着至关重要的作用，鼓励准确的参与者选择和可操作的见解来改进设计成果。UX 设计师通过以下方式为这个过程做出贡献：一，定义受众，识别关键用户，使用人口统计年龄、地点和行为标准，如习惯和偏好。创建筛选问题，以确保参与者符合目标用户画像。与营销团队合作，利用受众数据并优化测试细分。首先是方法。以下是高效运行迭代可用性测试的分步方法。首先，我们定义清晰的目标，例如设定验证设计概念或改进导航的目标，并选择成功率或错误率等指标来衡量可用性。计划和准备测试。接下来，我们要开发原型并招募多样化的参与者。设计与您的目标一致的现实测试场景。第三，我们进行可用性测试，包括使用受控测试进行直接观察或使用非受控工具获取独立见解。两种方法都提供了有价值的数据来改进设计。最后但同样重要的是，我们分析发现，这是审查数据以识别常见挑战或将反馈组织成主题，例如导航或标签问题。迭代可用性测试的好处是用户中心设计。它确保设计决策基于真实的用户体验。它还包括降低风险。好了，我们还有最后一个快速检查。这个快速检查是关于一个 UX 研究人员正在开发一个新的健身应用程序。测试后，用户提到导航困难和标签不清晰。下一步是什么？是 A，立即进行所有更改？B，使用影响与精力矩阵来优先排序问题。还是 C，跳过分析并重新测试。还是 D，记录发现而不进行更改。是的，各位。好了，答案是 B。使用影响与精力矩阵来优先排序问题。背后的解释是，在识别了可用性问题，如导航困难和标签不清晰之后，下一步是在进行更改之前分析和优先排序它们。

变化。嗯，一个影响与努力的矩阵可以帮助你确定哪些问题将对用户体验产生最大的影响，并且嗯，将是嗯，开发工作量最小的。嗯，这确保了设计资源得到有效利用，并且改进得到战略性实施。嗯，面向高级应用的包容性设计。所以，面向高级应用的包容性设计。嗯，设计确保了数字产品能够被最广泛的人群使用，无论其能力或背景如何。关键原则包括考虑多样化的需求。嗯，设计时注重适应各种身体、认知和感官能力。嗯，提供灵活性，允许用户自定义，例如调整文本大小或修改颜色对比度以增强可访问性。确保易用性。嗯，简化交互并提供直观的指导。嗯，清晰的错误消息，清晰的错误消息和有意义的反馈。然后我们有使用辅助工具。嗯，使用屏幕阅读器、颜色对比度分析器和键盘导航等辅助工具。然后接下来我们有为多种残疾而设计，为视觉、听觉、运动和认知障碍而设计。嗯，应用 WCAG 和动态系统。网络内容可访问性指南，也称为 WCAG，提供了一套全面的标准来创建可访问的内容，重点关注关键原则。嗯，是可感知的，使内容可适应和可区分。例如，为图像提供文本替代。嗯，它是可操作的，确保用户可以使用多种输入方法与界面进行交互，例如键盘导航。它是可理解的，使文本说明和交互易于理解，并且是健壮的，支持辅助技术并提供，抱歉，提供跨各种平台的兼容性。嗯，介绍 WCAG 等级。网络内容可访问性指南是一套全球标准，旨在使数字内容对所有人，包括残疾人士，都可访问。嗯，以下是确保满足多样化用户需求的包容性的成功标准和等级。A 级是基本的可访问性标准。AA 级是增强的可访问性，增强的可用性和包容性，AAA 级是全面的可访问性的高级标准。A 级示例是 X，以前称为 Twitter，允许用户通过选择 alt 按钮来查看图像和 GIF 的 alt 文本，无论是否使用屏幕阅读器。嗯，对于双 A 级，Airbnb 改进了颜色对比度和文本大小调整，以满足 WCAG AA 标准，从而增强了所有环境中旅行者的可用性。搜索字段中的文本。例如，入住日期等信息与白色背景相比具有足够的对比度。AAA 级示例是 BBC 实现了 WCAG AAA 合规性，提供手语视频和高对比度设计，从而提高了视听障碍用户的可访问性。因此，WCAG 的一些标准概述了可操作的要求，以创建可访问且用户友好的数字界面，以满足多样化的受众。以下是每个 WCAG 合规级别的成功标准。首先，我们有 A 级，当然，其标准是为非文本内容提供文本替代，确保功能可通过键盘访问，然后是清晰的导航和可识别的页面标题。双 A 级是文本和文本图像的对比度至少为 4.5:1。文本和文本图像的对比度为 4.5:1。然后文本可重用到 200% 而不丢失内容或功能。抱歉。可调整大小。嗯，一致的导航输入标签已提供。然后对于 AAA 级，我们有预录制媒体的对比度至少为 7:1，以及防止数据输入错误的机制，例如输入验证和确认。WCAG 对用户体验的影响，其影响超出了合规性，增强了所有用户的可用性、可访问性和整体满意度。它消除了残疾用户的障碍，增强了更广泛受众的可用性，包括在不同环境中的用户。嗯，例如嘈杂的环境或光线不足的条件。嗯，它还通过创建无缝且无挫败感的交互来提高整体用户满意度。然后接下来是 Apple 的屏幕翻转，抱歉，Apple 的 VoiceOver 屏幕阅读器不仅支持视障用户，还增强了更广泛受众的免提可用性。然后是 WCAG 合规性的一些工具，嗯，以下是帮助设计师和开发人员识别和解决可访问性问题，确保 WCAG 合规性和包容性 UX/UI 设计的工具。首先是 WAVE。嗯，它会评估网页内容的可访问性问题。然后，哈佛大学使用 WAVE 来审计和维护其在线课程的可访问性。然后是 OX，或 X，在设计和开发过程中自动化可访问性测试。例如，IBM 在其开发流程中使用 OX 来测试产品界面和 WCAG 合规性。然后是一些工具。一些工具包括颜色对比度分析器，它验证文本和背景颜色是否符合 WCAG 对比度要求。例如，Adobe XD 在原型测试期间集成它，以确保 UI 设计的可访问性。然后是 Figma。您有用于可访问性的 Figma 插件，例如 Contrast 和 Stark，可在设计过程中确保对比度、颜色对比度和可访问性合规性。例如，Spotify 的设计团队使用 Figma 插件来测试和优化 UI 组件，以提高可访问性。关于 Airbnb 及其成就的快速案例研究。抱歉，我的笔记本电脑快没电了。嗯，关于 Airbnb 的快速案例研究，以及他们如何通过 WCAG 合规性实现可访问性。嗯，现在我们将了解 Airbnb 如何通过 WCAG 标准解决可访问性挑战，以及他们如何为所有用户创建无缝且包容的体验。因此，这里有一些背景。Airbnb 是一个领先的全球租赁平台，已识别出阻碍残疾用户体验的可访问性挑战。嗯，他们的法律和道德要求促使公司采用 WCAG 合规标准，然后是问题解决，例如导航障碍。视障用户在低对比度和键盘可访问性内容问题方面遇到困难。图像和可访问表单缺乏描述性 alt 文本。合规性问题。Airbnb 需要满足 WCAG 标准以确保包容性并避免潜在的法律问题。嗯，一些解决方案是他们采用了 WCAG 2.1，这是一个双 A 级合规标准，并将颜色对比度提高了 4.5:1 的比例，并为图像添加了 alt 文本，实现了完整的仪表板导航。它进行了辅助技术用户的可用性测试。嗯，它还为使用辅助技术的用户带来了 30% 的会话增长。它还为残疾用户带来了 20% 的跳出率降低，并提升了其作为包容性平台的品牌声誉。这里的关键要点是，对于 UI/UX 设计师来说，早期并迭代地整合 WCAG 原则可确保可访问性并改善所有用户的用户体验，可用性评估和测试。因此，用户体验调查技术简介。只是为了确认大家都能看到我的屏幕，对吗？好的。快速回顾一下我们上周讲的内容。嗯，可用性测试工具在理解用户如何与产品交互、发现可用性挑战和增强整体用户体验方面起着至关重要的作用。可用性报告与利益相关者分享测试的关键发现，提供见解和可操作的建议。这些建议可以改善用户体验。嗯，最后但同样重要的是，我们还了解到，迭代可用性测试是一个关键过程，通过持续的反馈和改进来增强用户体验。今天的互动和思考非常简短。你是否曾因为网站或应用程序太难使用而放弃过？嗯，什么让你最沮丧？请随意花点时间思考一下，然后如果您愿意，可以取消静音并分享。嗯，只是回答 Anushka 的问题。嗯，我感觉很好。我从健身房回来也有点累。嗯，但正如我所说，我下课后还会再去。嗯，在这方面我相当自律。嗯，而且我认为我先来。嗯，就一个我感觉难以使用的网站或应用程序而言，我觉得我一直在下载新的应用程序来试用。嗯，我特别使用的一个应用程序，我下载了一个健身应用程序，它就是，嗯，那个词是什么，因为我认为这可能也是我所在健身房的一个因素，但每次我去健身房时，它都会冻结或卡住，每次我尝试查看某些动作或练习时，因为它们提供了视频解释，说明动作是什么，但很多时候当我实际在健身房时，我却看不到。所以，嗯，我真的不喜欢那个因素，所以我停止使用它了。嗯，我知道这可能是一个非常简单的原因，因为在健身房外面它还可以。但如果我在我所在的设施中无法使用它，那么对我来说它就没有价值了。有人有不同的故事或类似的故事吗？所以，继续，今天的学习目标是，在本课结束时，您将能够识别用于在产品开发过程中评估用户体验的核心可用性调查技术。设计一个用户反馈调查，以收集定性数据来改进产品可用性。您还将能够应用用户访谈技术来深入了解用户行为和偏好，以及分析焦点小组讨论以提取可操作的主题来增强产品可用性。因此，首先是可用性调查技术简介，可用性评估类型。以下是一些在不同可用性评估类型中常用的技术。首先，我们有，嗯，从左到右，可用性检查和可用性测试。嗯，一旦您进入可用性调查，我们现在将更多地关注调查、访谈和焦点小组。嗯，我们已经在之前的课程中探讨了测试和检查。在本课中，我们将主要关注调查技术。嗯，什么是可用性调查？它收集用户反馈以改进设计。它通过收集定性和定量数据来识别可用性问题并提高用户满意度。一些核心技术是调查、访谈和焦点小组。因此，从左到右，嗯，以下是三个核心技术，用于在可用性评估阶段收集用户反馈。嗯，首先我们将介绍技术、目的以及如何工作，然后给出一个例子。因此，从调查开始，目的是从大量受众那里收集定量和定性反馈。嗯，它的工作方式是用户回答结构化问题，包括评分量表和开放式查询。例如，净推荐值，也称为 NPS，您有多大可能推荐我们的群组回复可能会突出我们可用性调查中的导航问题。嗯，目的是深入了解个人用户体验和痛点，而它的工作方式是进行一对一的对话，以探索特定的挑战或偏好和细节。嗯，一个例子是，在 NPS 分数较低之后，访谈用户以发现他们发现应用程序的账单支付功能难以找到。所以，嗯，如果你正在尝试，如果你正在收到付款通知或迟付款通知，并且你正在尝试支付该特定账单，能够轻松找到它非常重要。嗯，然后是焦点小组。焦点小组的目的是通过小组讨论收集多样化的意见，以探索更广泛的用户需求和偏好。它的工作方式是促进，它是促进，与多个用户进行的讨论，与多个用户进行的讨论，以收集集体反馈并识别共同主题。嗯，所以只是为了稍微改述一下，嗯，它是由研究团队促进或主办的，通常一个人将充当发言人或主持人，他们将与多人进行讨论，收集他们的反馈，然后他们收集这些反馈，综合它们，并根据小组的反馈找到共同的主题。例如，一个焦点小组显示用户想要一个简化的布局和仪表板的可自定义选项。一些技术和研究问题。嗯，在学习调查之前，了解定性（开放式）和定量（结构化）研究问题之间的区别至关重要，以确保您选择正确的数据收集方法。定性研究问题倾向于开放式问题。它们旨在探索人们如何以及为什么思考、感受或行为。然后方法包括访谈和焦点小组。它允许，因此允许深入的回答和讲故事。然后定量研究问题，定量研究问题，更结构化的问题。它们旨在衡量数量和多少，使用数值数据。通常用于调查，提供标准化且可比较的响应。可用性调查技术。嗯，首先我们将更深入地探讨调查。为移动应用程序设计用户反馈调查。这是讨论。嗯，将调查想象成与一群不同的人进行的专注对话。其目的是收集有意义且可操作的见解，使其更容易。现在，让我们使用熟悉的上下文和清晰的问题陈述，一步一步地分解这个过程。因此，上下文是您是 FitTrack 移动应用程序设计团队的一员，该应用程序可帮助用户跟踪他们的锻炼、记录他们的膳食并设定个性化的健身目标。最近，用户参与度有所下降，应用商店的评论褒贬不一。您的任务是设计一个用户反馈调查，以找出痛点并收集改进的见解。您的问题陈述是您的团队需要您的团队需要设计一个调查，以帮助收集 FitTrack 用户的反馈，以了解参与度下降的原因，用户认为哪些功能有价值或令人沮丧，以及用户希望看到哪些改进或新功能。第一步是定义调查目标。您希望从本次调查中获得哪些具体见解？这些见解将如何影响您设计过程中的下一步？然后第二步是确定目标受众。应该调查谁？您应该针对所有用户还是仅针对最近停止使用该应用程序的用户？第三步，设计有效的问题。包含哪些类型的问题？例如，多项选择、开放式评分量表。嗯，如何确保您的问题清晰、无偏见且相关？第四步是确保调查参与度。您如何鼓励用户完成调查？嗯，您可以使用哪些策略来保持调查简短但信息丰富？然后第五步是测试和分发。在将调查发送给更广泛的受众之前，您将如何测试调查？通过哪些渠道？是面对面的吗？是通过电子邮件、电话（即电话）还是在线？嗯，应该分发调查以获得最大的参与度？嗯，这些是您在分发调查时需要考虑的一些事情。然后第六步是分析和采取行动。收集数据后，您将如何确定反馈的优先级？您如何将反馈转化为可操作的设计改进？总而言之，以下是创建调查以收集用户反馈和评估产品可用性的步骤。第一步是定义调查目标。嗯，第二步是确定目标受众。第三步是设计有效的问题。第四步是确保调查参与度。第五步是测试和分发。然后第六步是分析和采取行动。您可以随时截取此屏幕截图，以便您在进行时记住这些步骤。然后是选择正确的调查交付方法的关键因素。在选择产品或服务的交付方法时，应考虑几个因素，以确保最有效和用户友好的方法。以下是一些需要考虑的因素。一，您的目标受众。嗯，调查的长度和复杂性。嗯，进行此调查的预算。嗯，响应率，数据收集和分析，以及及时性。好的，我们已经到了第一次演示。所以，今天的演示是使用 Typeform 为 Instagram 创建可用性反馈调查。嗯，我们都在课程的研究部分使用过 Typeform。嗯，所以今天我们将再次打开它，并继续使用它，但方式略有不同。我们将创建一个调查，以收集用户对 Instagram 的整体满意度、功能参与度、应用程序可用性、与新功能的交互以及改进建议的反馈。要遵循的步骤是访问 Typeform。添加标题和介绍。添加整体满意度问题。添加功能使用问题。添加导航可用性问题。然后添加一个关于参与度的问题，以及一个开放式问题以获取反馈。最后，我们将预览和测试调查。所以，好的。嗯，所以只是分享我的 Typeform 标签。嗯，是的，他们并没有让登录变得容易，但我之前在这里，我看到了这个。所以，我只是再次点击注册，然后它会给你从那里登录的选项。这不是我想要使用的 Typeform 帐户。所以，请给我一秒钟。好的。每个人都能看到我的屏幕吗？好的。太棒了。好的。所以，嗯，如果每个人都已经登录了，那么我们可以直接进入第二步。所以第二步是创建一个新表单来开始一个新的调查。所以，让我在这里拖动我的，仅供参考。然后一旦你创建了一个新表单，一旦你创建了一个新表单，你将选择从头开始构建。它不一定看起来像这里的屏幕，但它可能在你的版本上看起来不一样。嗯，但在 AI 提示下，你应该看到那个按钮或者像一个浅灰色的框，从头开始。一旦你选择从头开始，我们将首先添加一个标题和介绍。你可以，嗯，我看到他们选择添加一个陈述作为他们的标题介绍，你可以使用那个，或者一个欢迎屏幕，如果你愿意，无论是陈述还是欢迎屏幕。嗯，陈述清楚地解释了调查的目的，并鼓励用户提供诚实且有价值的反馈。嗯，我将把一些文本粘贴到聊天中，以便我们可以稍微快一点地进行，嗯，但基本上，我们只是说感谢您使用 Instagram。我们很想听听您的反馈并改进我们的体验。本次调查只需几分钟。所以，我们可以从那里开始。然后，在我们进入第三步之前，嗯，我只是想检查一下温度。每个人都跟上了吗？每个人都还好吗？好的，好的，谢谢大家。嗯，所以对于第三步，我们将添加一个整体满意度问题。嗯，点击添加内容，你会在你的，嗯，你会在你的问题窗口或调查预览窗口的右上方看到这个。你将选择添加内容到你的第一个问题，然后选择多项选择。我觉得从我的，嗯，在你目前的经验中。我将快速切换到，嗯，到 Acrobat 来显示 PDF。嗯，所以你将选择多项选择。每个人都能看到我的屏幕吗？只是为了再次检查。>> 是的，他们可以。>> 好的，好的，好的。然后输入以下问题并添加这些选项。您对 Instagram 的整体体验有多满意？非常满意，满意，中立，不满意，还是非常不满意？我刚刚把它粘贴到聊天中了。所以，不用担心自己打字。只需确保您的设置与此屏幕显示的方式类似。然后第四步是添加一个功能使用问题。嗯，请告诉我您何时完成第三步，以便我知道可以继续前进。好的，好的。第四步。我们将添加一个功能使用问题。嗯，我们将再次选择添加内容来添加一个新问题，并再次选择多项选择。或者输入以下问题并提供选项，让用户选择这些选项。您最常使用哪个 Instagram 功能？嗯，并让他们选择 Stories、Reels、Direct Messages、Posts、IGTV 或 Shopping。好的。希望大家都完成了第四步。我可以得到一个赞吗？好的，好的，好的。所以，第五步是添加一个导航可用性问题。嗯，再次选择添加新内容，然后选择意见量表。意见量表应该在评分和排名下的绿色部分。然后我们将输入以下问题并创建一个从 1 到 5 的量表。所以，一旦你选择它，再次将问题粘贴到聊天中。嗯，Instagram 应用程序的导航有多容易？嗯，1 表示非常困难，5 表示非常容易。然后，当您完成时，请竖起大拇指，这样我就知道可以继续进行第六步了。我们在这方面进展相当顺利。嗯，最后看到一些，嗯，您是如何创建的，如果您愿意分享的话。>> 嗯，Alicia，您能，嗯，您介意回到评分一次吗？1 是什么，5 是什么？抱歉。哦。嗯，1 是非常困难，5 是非常容易。>> 好的，明白了。谢谢。>> 不客气。>> 当然，3 是，嗯，中立。只是 FYI。好的。然后接下来我们将添加一个关于参与度的问题。嗯，再次选择添加内容。嗯，这次我们将选择是或否。嗯，是或否在选择下的紫色部分。然后接下来我们将输入以下问题，嗯，现在粘贴到聊天中。您是否使用过 Instagram 的最新功能，例如 Reels、Remix 和协作帖子？嗯，然后他们可以根据此回答是或否。然后告诉我，通过竖起大拇指，嗯，是否可以继续进行第七步，或者何时可以。好的，很酷。嗯，第七步，我们正在添加一个开放式问题以获取反馈。嗯，所以再次选择您的添加内容，然后这次选择长文本问题以获取详细反馈。然后你可以找到长文本问题。嗯，长文本，抱歉，选项在文本和视频下。您将从输入以下问题开始。您希望在 Instagram 上看到什么改进？我刚刚也把它粘贴到聊天中了。然后第八步是预览和测试调查。点击预览按钮查看调查的外观。然后，在预览时，请确保您测试整个调查，以确保一切都按预期显示和工作。嗯，通过遵循这些步骤，您已成功使用 Typeform 为 Instagram 创建了一个调查。本次调查收集了用户关于他们应用程序体验的宝贵反馈，使 Instagram 团队能够提高用户满意度，优化导航，并专注于对社区最重要的功能。然后回到我的主屏幕。好的。有人想分享他们的，嗯，Typeform 吗？嗯，我意思是，随意互相发送链接，无论是这里还是 Slack，或者如果您愿意大声展示，请随时举起摄像头并取消静音。我刚刚分享了我的。嗯，它和你打出来的一模一样。我只是改变了一些颜色，让它看起来更像 Instagram。哦，很酷。您可能在这里有一些可访问性问题，但我认为我明白了您的意思。我试图，嗯，进入 Instagram 的配色方案。是的，我只是查找了 Instagram 背景，然后将其添加进去，然后，嗯，编辑了按钮以使其看起来像配色方案。但是的，我绝对明白你说的可访问性。>> 是的，除此之外，它与我们刚刚，嗯，经历或分享的相当吻合。所以，做得好。做得好。在上面，感谢分享。如果有人刚刚拿了哦，我必须做一个选择。好的，好的。嗯，这是一个很好的观点，嗯，只是为了提出来，嗯，我确实注意到它并没有明确告诉我们要要求某些字段是必需的，但嗯，当你制作某些调查时，某些字段将是必需的，以便用户能够进入下一步。所以，请确保您也注意到这一点。>> 好的。嗯，然后对于像未来的调查一样，你如何，嗯，决定哪些应该是必需的，哪些真的不重要，对于未来的调查？嗯，>> 我会说这取决于你的组织。嗯，例如，很多时候任何核心识别信息总是必需的。所以，询问任何姓名、电子邮件、嗯，联系信息，可以基本上，嗯，提供一个已验证的用户或，嗯，确保你没有重复的用户。所以，这就是为什么识别信息通常在调查中是必需的。嗯，但也取决于实际调查的需求，以及问题的内容。所以，例如，如果你正在为亚马逊拉取商家，嗯，第一个问题是，你是一个商家吗？>> 嗯，是或否。这将是另一个必需的问题，因为它基本上，嗯，为了在调查中继续进行，我们需要商家的经验，而不是商家的经验。所以，如果你不，如果你不将自己归类为商家，那么调查就不一定适合你。>> 好的？然后你以后可以过滤，说，“哦，这些人说他们不是商家，所以他们是否被调查并不重要。”>> 正确。或者取决于你，我相信 Typeform 也是如此，你可以设置成这样。如果有人对某些是核心识别信息或不是的东西说不，是的，他们不提供核心识别信息或对一个必需的问题说不，以继续进行。通常情况下，你可以分割，嗯，路径，并基本上向该用户显示，向该用户显示不同的路径，例如“嘿”，嗯，“我们无法继续进行你的调查，因为 x y z 原因”或者你没有资格。嗯，我以前肯定有过这种情况。我将快速向你展示，嗯，我所说的关于路径，嗯，分裂。我不知道这是什么。好的。所以，你可以进入工作流程。所以，这是内容。我们主要在 Typeform 的内容视图中工作，但在工作流程中，你可以，嗯，做一些，让我回到上面，拖到另一个问题以添加分支逻辑。所以，基本上，如果你的逻辑是好的。所以，嗯，BA 是，如果它基于选择，对吗？嗯，在你输入信息后，总是去问题二。查看你的可用性，总是去问题三，对吗？但假设你到了问题二，嗯，我问，你在这天这个时候有空吗？如果这个人，嗯，如果他们，抱歉，我要求选择，这是一个我正在准备的关于可用性的调查，如果我要求这个人选择他们的可用性，对吧，我主要寻找的是周五有空的人，对吧，但任何选择，如果你的可用性是周三，那么就去下一个问题，对吧，然后去问题四，添加条件。嗯，如果你的可用性是星期六，抱歉，不，那不对。如果你的可用性是星期五，那么去问题四。嗯，或者如果你的可用性是周三。这不是同一个条件。它必须分开。所以，也许它是，嗯，抱歉。我必须以不同的方式构建它，仅为举例。好的，把所有这些都划掉。抱歉。但我可以看到你的意思，就像说，如果他们选择了错误的答案，你可以立即将他们带到调查的结尾，并告诉他们，“哦，好吧，这是，这是它。如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，如果你不，If you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you do not, if you

喜欢电报。以下是如何有效地进行这些操作。让用户在两个应用程序上执行相同的任务。要求他们完成相同的任务，例如发送群组消息或共享文档。提示用户立即做出反应。鼓励他们在每项任务后分享偏好。例如，哪个应用程序使共享文档更容易，然后专注于特定的功能比较。评估媒体共享、群组管理或隐私设置等功能。然后记录偏好和挑战。将响应记录在表格中以突出显示差异。分析反馈以找出关键趋势。识别用户发现直观或具有挑战性的模式。然后利用这些见解来增强 WhatsApp。通过借鉴竞争对手的最佳实践来改进较弱的领域。然后，如果您的功能是发送群组消息，您的 WhatsApp 反馈可能是它易于导航但难以编辑，而您的 Telegram 反馈可能是它易于导航和编辑消息。在这种情况下，您的用户偏好将是 Telegram，而改进建议将是改进消息编辑功能。功能。如果您的功能是共享文档，在 WhatsApp 上，您发现了一个简单直观的文件选择，而在 Telegram 上，您发现上传速度更快，但文件管理不太直观。所以您的偏好是 WhatsApp。您的建议是优化文件上传速度。然后，如果您的功能是语音消息，您的 WhatsApp 反馈可能是清晰的音频和直观的麦克风按钮，而您的 Telegram 反馈可能是语音锁定选项，但音频质量不一致。因此，您的偏好将是 WhatsApp。改进建议是添加语音锁定功能。然后，如果您的任务是群组管理，那么对初学者来说更简单的基本工具将是您的 WhatsApp 功能，而您的 Telegram 反馈可能是高级管理员控件和灵活的设置，因此您的用户偏好可能取决于他们的需求。然后，您的改进建议可能是提供更多管理员控件，同时保持简单。然后，对于我们的下一个快速检查，您的团队希望深入了解用户如何与您应用程序中最近更新的功能进行交互。您的目标是了解用户在现实场景中的实际体验和挑战。哪种方法最适合此目的？是 A 比较访谈，B 情境调查，还是 C 回顾性访谈？因此，为用户访谈做准备。遵循这六个基本步骤，有效地为用户访谈做准备并收集有价值的见解。首先，我们要定义您的调查目标。起草问题。第三，选择参与者。第四，安排访谈。第五步是设置环境。然后第六，规划后勤。因此，为了进一步阐述，定义您的调查目标至关重要。这是确保调查收集相关且可操作的见解的必要步骤。以下是定义调查目标的步骤。首先是确定目标。清楚地定义您希望通过调查实现什么。一个快速的例子是，您可能希望了解用户对新功能的满意度，然后收集重新设计的见解或评估产品的可用性。然后第二，您需要确定具体信息和需求。概述您需要收集的具体数据以实现您的目标。然后第三，确定目标优先级。决定哪些目标最重要。如果调查有多个目标，这有助于简化问题，避免受访者疲劳并保持调查的重点。然后您需要通过起草问题来准备用户访谈。以下是一些为用户访谈设计的起草问题，旨在收集有关可用性、痛点和潜在改进的见解。收集，请原谅我，一般背景和角色。例如，您能告诉我您的角色以及它涉及什么吗？然后当前产品或服务体验。例如，您通常如何在工作或日常活动中与产品或服务互动？痛点和挑战是什么？一个例子是，在使用所述产品或服务时您面临哪些挑战？然后动机和期望。一个很好的例子是，是什么激励您开始使用该产品或服务。当您寻求对特定功能的反馈时，一个很好的例子是，您能分享一次您使用特定功能的时间吗？然后您的体验如何？下一个是竞争分析和替代方案。您使用过其他类似的产品或服务吗？您将如何描述您的体验？然后选择准备选择参与者。第一步，确定受众细分。想要关注人口统计学特征，如年龄、性别、地点、教育、职业和收入水平。您的心理统计学特征，如兴趣、价值观、态度和生活方式。然后行为因素，如使用模式、购买行为、忠诚度和参与度。然后第二步，您需要定义选择标准。与目标的相关性是确保您选择的受众与您的调查目标直接相关。您的经验水平。确定您是否需要新手用户、经验用户或两者的混合用户的反馈。然后您的用户类型。决定您是否需要特定类型用户的反馈，例如首次用户、回头用户或频繁用户。然后招募参与者。增强 CERS 或用户。利用您的数据库来识别并联系符合您标准 Current 客户或用户。社交媒体和在线社区。使用社交媒体在线社区。利用与您的产品或行业相关的社交媒体平台、论坛和在线社区来寻找潜在参与者。然后第六步是验证您的选择。预筛选调查使用简短的预筛选调查来确保参与者在参加主要调查之前符合标准。然后最后但并非最不重要的一点是试点测试。与您选择的受众中的一小群人进行试点测试，以确保他们理解问题并能提供有价值的反馈。接下来，您需要通过安排来准备访谈。安排是规划和进行访谈的关键方面，尤其是在管理多个参与者、及时性和资源时。一些要遵循的技巧是分配适当的时间并包括缓冲时间。提供灵活的时间段并发送及时的邀请和提醒。一些工具包括 Google 日历和 Calendly。准备访谈。设置环境。为用户访谈设置环境对于为参与者创造一个舒适且有利的氛围至关重要。以下是设置理想环境的步骤。您需要从选择正确的位置开始。收集必要的设备。测试您的设置。准备访谈空间。确保保密并营造氛围，同时保持友好的举止。一些后勤工作包括后勤和用户访谈，指的是为有效和高效地进行访谈所需的所有实际细节的规划、协调和管理。一些要遵循的技巧是准备和测试录音工具，使用转录和笔记软件，获得一致并保持，请原谅我，获得同意并保持隐私，明智地管理时间，为技术问题制定备用计划。然后，当涉及到进行访谈时，进行访谈的一些技巧。进行有效的访谈需要结合准备、沟通技巧和适应性。以下是帮助您进行成功访谈的关键技巧。我们可以从一个强有力的介绍开始，创造一个舒适的环境，积极倾听，提出开放式问题，然后提出开放式问题。我们还希望保持中立和不带偏见，灵活适应，有效管理时间，请原谅我，有效管理时间，然后澄清和总结。进行访谈的一些最佳实践是确保您获得有价值且无偏见的信息。遵循最佳实践至关重要。以下是一些需要牢记的关键实践。彻底准备。定义清晰的目标。创建讨论指南并了解参与者的背景。选择正确的参与者。招募代表您的参与者，请原谅我，代表您的参与者并具有相关经验的多元化用户。然后培养舒适感。建立融洽关系。保持中立并尊重参与者的时间。使用有效的提问。提出开放式中立问题。避免引导性问题并鼓励讲故事以获得详细的回答。练习积极倾听。专心倾听。提出后续问题并澄清歧义，以确保清晰的理解。然后录制和做笔记。获得录音许可，做笔记，并捕捉非语言线索以进行全面的数据收集。然后最小化偏见。避免假设并将个人意见排除在对话之外，以确保无偏见的反馈。适应和灵活。根据参与者的回答调整问题，以探索意外的主题。然后总结和验证。定期总结要点以确认理解并验证见解。然后我们还有另一个快速检查。一家公司正在开发一款针对高中生的教育应用程序。他们希望通过访谈了解用户如何看待该应用程序的设计和功能。他们需要确定特定的受众细分以收集最相关的反馈。在确定这些用户访谈的受众细分时，哪些因素最相关？是 A 收入水平和职业？B 年龄组和教育水平？C 心理统计学和行为因素？还是 D 使用教育应用程序的经验和教育经验？这里有很多答案。我认为这是它似乎与今天的主题一致。答案是 B。年龄组和教育水平。原因如下。在细分针对高中生的教育应用程序用户时，最相关的因素是直接定义该受众并区分该受众的因素。年龄组可以帮助您细分新生与高年级学生，这会影响需求和行为。教育水平确定了他们在学术上的位置、他们的课程需求和他们的学习背景。然后为什么不是其他选项？收入水平和职业与高中生无关。心理统计学和行为因素在营销中很有用，但在现阶段对于核心可用性细分来说是次要的。然后 D 是使用教育应用程序的经验，这有助于进行细分，但不是主要因素，因为目标人群主要由学校水平定义。所以，伙计们，做得好。我认为你们都做对了。我认为每个人都与 B 一致。然后是可用性。我们将进入可用性调查技术并专注于焦点小组。那么，什么是焦点小组？它是一种可用性调查技术，其中一小群精心挑选的人聚集在一起讨论特定主题、产品、服务或营销活动。谁参与焦点小组？焦点小组包括关键角色，以确保富有成效的讨论和有价值的成果。我们有一位主持人。>> 妮莎，>> 对不起，打断一下。我看不见您的另一块屏幕。谢谢。>> 谢谢。您一说我的名字，我就说，“哦，我知道了。”我只是想稍微往回退一点，只是为了倒退一下。嗯，我正在主持和/或促进但没有显示的幻灯片。所以，可用性和调查技术。我们现在将介绍焦点小组。什么是焦点小组？它是一种可用性调查技术，其中一小群精心挑选的人聚集在一起讨论特定主题、产品、服务或营销活动。现在我们正在讨论谁参与焦点小组。焦点小组包括关键角色，以确保富有成效的讨论和有价值的成果。例如，主持人。他们领导讨论。他们保持讨论的重点，并确保所有参与者都做出贡献。然后参与者，通常有六到八名参与者是关键。他们代表目标受众，并分享他们的经验、意见和建议。然后您需要一位笔记员，一位笔记员或观察员。他们记录要点、用户引述，并观察肢体语言或非语言线索。然后进行焦点小组或可用性调查的步骤。设定可用性目标。定义您想要探索的可用性方面，例如导航的便捷性、功能的易用性或整体用户满意度。一些具体目标是帮助指导焦点小组并保持讨论的相关性。第二步是招募参与者。选择代表您目标受众的用户组合。理想情况下，选择具有产品不同经验的用户，从初学者到更高级的用户，以捕捉不同的观点。第三，您需要开发一个主持人指南。创建一个包含开放式问题和提示的指南，重点关注可用性。问题可能包括，您在使用产品时发现什么困难？您对导航产品有什么感觉？然后第四步是促进讨论。主持人在这里的作用至关重要。他们应该在不影响意见的情况下指导讨论，不影响意见。鼓励较安静的参与者分享，并确保占主导地位的个性不会掩盖群体的投入。然后第五步是记录和分析数据。会议结束后，查看录音、文字记录和笔记，以识别常见的可用性主题。寻找重复出现的问题、改进建议和共享的用户痛点。然后第六步是展示发现，总结关键见解，并提供可操作的建议。作为一名经验丰富的测试人员，您负责评估交互式时尚应用程序的用户反馈。该应用程序具有各种与购物相关的服务，包括产品浏览、购买选项以及游戏化奖励和交互式微交互，旨在提高用户参与度和留存率。您的工作是收集使用过该应用程序的用户见解，并评估他们的体验，从导航的便捷性到奖励系统的参与度。这将帮助您根据用户行为和偏好来完善应用程序的设计和功能集。所以第一步，我们将进入 Typeform。如果您仍然打开了该选项卡，请随意创建一个新表单。然后选择从头开始。如果您没有打开应用程序，请再次打开它或平台，请原谅我，再次打开它，然后执行以下步骤。创建一个新表单，然后从头开始。当您完成后，请在聊天中给我一个竖起大拇指，这样我就知道可以继续第二步了。哦，这个不像上一个步骤那样直观，但我们会没事的。谢谢。好的，我们已经有几个竖起大拇指了。再过几秒钟，我们就该继续了。好了。在每个部分中添加元素。首先，我们要添加一个介绍和一个标题。添加一个整体满意度问题。然后添加一个导航便捷性问题，一个开放式问题，一个功能参与度，游戏化或微交互问题，然后是改进建议，然后是一个感谢声明。所以，基本上，我们在这里构建了所有部分。请给我一秒钟。我正在尝试切换屏幕，以便至少能展示一点。创建了一个新表单。我们从头开始。添加介绍和标题。我们将从陈述部分开始。这是我说您可以从欢迎屏幕开始的地方，但在他们给出的示例中，从陈述部分开始。我将再次将此短语粘贴到聊天中，以便稍微加快速度，但基本上您在这里添加您的感谢声明。感谢您使用交互式时尚应用程序。您的反馈有助于我们改进应用程序并提供更好的购物体验。然后从那里，您将向第一个问题添加内容，然后选择多项选择。一旦您选择了多项选择，您将输入您最常使用的功能是什么？是产品浏览、虚拟试穿、游戏化功能（如赚取积分）还是您的结账流程或其他？抱歉，我只是想看看这个问题是什么。您只需说，我们可以重新排列它，但请稍等片刻。只需再添加一个问题，在您说感谢您使用交互式时尚应用程序之后。添加一个问题，问您对这个时尚应用程序满意吗？然后可以是是或否。或者您可以说，“您喜欢使用这个应用程序吗？”好了。我刚刚把它粘贴到聊天中了。希望这很清楚。所以，在您最常使用的功能之后，我们将进入意见量表。您将选择新的内容，然后进入意见量表，然后输入以下问题，从 1 表示非常困难到 5 表示非常容易，然后不要忘记 3 作为您的中立。导航应用程序有多容易？这应该是您的第三个问题。当每个人都对他们的前三个问题感到满意时，请随时给我一个竖起大拇指，这样我就知道可以继续了。Anisha 我有一个问题。>> 是的>> 在上面的说明中，它说 1 是非常困难，5 是非常容易，但在表单本身中，1 是非常困难还是反过来？啊，我刚注意到。我通常看到它就像屏幕上显示的那样，1 表示非常容易，5 表示非常困难。所以，我建议按照那个量表来，只是为了像通常存在的那样，但这可能只是平台上的一个错字。>> 明白了。是的，我也有同感，但我只是想确认一下。谢谢。>> 是的，谢谢您注意到。我甚至都没注意到。我只是觉得，嗯，好的，我之前也想过类似的事情。我只是觉得安排有点不对，所以也许也是因为这个原因。>> 是的，>> 但谢谢您注意到。当我输入非常容易、中立和非常困难时，它们有点像在顶部数字的列中。我会把它放在聊天室里。您如何使其位于数字下方，还是只有我一个人这样？>> 让我看看。不是什么大事，但>> 我现在把它放进聊天室了。这就是我得到的。有没有一个按钮应该像我一样，我正在看，我没有看到任何其他选项。>> 让我看看。嗯，因为我可以看到，是的，它正在为您列出。嗯，我正在看，我没有像真正的像一个切换它的方式。我没有看到任何选项。嗯，我也没有看到这个选项。嗯，所以您的屏幕可能是基于屏幕大小，我刚刚测试了一下。所以，如果我在桌面视图上，您是否更改了您的桌面视图或尝试制作？>> 我正在桌面视图上查看，我只是把它放大了。它没有切换。>> 您能>> 我们还要包括零在那里吗？因为我删除了零，只剩下 1 到 5。>> 是的，这只是我尝试为 Joanna 查看示例，而不是我们正在处理的实际调查。是的。>> 嗯，是的，我看到了变化。谢谢。我真的不>> 没关系。>> 所以，您只是把屏幕放大了？不，那里有一个图标，就像 Anusha 向我们展示的桌面一样。所以，如果您点击手机和桌面之间的切换，它就会翻转。>> 我在桌面视图中。>> 是的。您能分享>> 然后好的，现在我在手机视图中，它切换了。>> 是的。>> 好的。所以，对我来说，它是在手机视图中切换的。是的。好的。谢谢。>> 没关系。>> 有趣。>> 哦，这里有一个可访问性问题。我的按钮颜色对比度不够。所以，这也是一个很好的检查方式，当您在设计和制作调查时，只是确保您没有文本或内容或可访问性问题，并且如果您有，这是一个快速修复。所以，只是提醒一下。让我回到指导练习。回到 Acrobat。好的。好了。我最后粘贴到聊天中的是什么？导航应用程序有多容易？所以，我觉得我们基本上都掌握了这一点。下一个是长文本。我们将添加一个开放式问题。所以，当您选择长文本时，然后问一个开放式问题。输入以下问题。如果有什么让导航应用程序变得困难或令人困惑？我觉得这个问题很简单。然后第五步，2.5，将是添加功能参与度，例如游戏化或微交互问题。再次选择添加内容，这次选择多项选择。我们被要求包含的问题是，您最常使用哪个交互式功能？是积分奖励系统、虚拟试穿、游戏化功能还是滑动手势或社交分享功能？您的屏幕应该看起来像这样。像这样。选项如下，当您完成设置 2.5 后，请告诉我，以便我可以粘贴下一个提示，并确保我没有太快。您有任何问题或需要任何支持吗？>> 在那之前的问题是什么？嗯，在那个问题之前，在那个交互式问题之前？>> 是的。>> 好的。谢谢。我只是错过了最后一部分。谢谢。>> 我明白了。>> 不，没关系。我也会粘贴下一个。意见量表，1 表示不吸引人，5 表示高度吸引人。所以，我也会把它粘贴到聊天中。然后从 1 到 10。好的。太棒了。有些人已经完成了。所以我可以继续下一个了。我想下一个是添加改进建议。这次我们将选择长文本。与之对应的副本或内容是您希望在应用程序中看到哪些功能或改进？然后接下来，我们将点击添加内容并选择意见量表。这个特定的量表是 1 表示不太可能，5 表示非常可能。您有多大可能向他人推荐此应用程序？然后我也会把量表放进去。然后告诉我你们做得怎么样。好了，谢谢大家。很好，很好。有人需要任何支持或有任何问题吗？好的，大家。然后接下来，我们将添加更多内容。我们还有另一个意见量表。您对使用该应用程序的整体体验有多满意？然后 1 表示非常不满意，5 表示满意。然后我也会把量表放进去。然后接下来，我们可以添加一个感谢声明。点击添加内容并选择陈述以添加感谢声明。它可以看起来像，“感谢您的反馈。您的意见将帮助我们改进应用程序，并使您的购物体验更好。”然后完成该步骤后，请随时给我一个竖起大拇指，这样我们就可以预览和测试您的调查。我有一个问题。抱歉。所以我看不到感谢屏幕。欢迎屏幕。是我需要点击以添加感谢的那个吗？>> 哦，不，您可以点击。>> 好的，明白了。抱歉，错过了那部分。>> 没关系。>> 没关系。这些步骤将您的问题按类型分类，您可以通过 Typeform 中的全面调查后分析来评估用户反馈，并收集有价值的见解来改进交互式时尚应用程序。所以希望这有帮助。然后，当您完成后，请随时再次，让我切换屏幕，以便我能进一步强调这一点。好了。嗯，是的，请随时检查您的可访问性，确保您所有的项目都清晰。在这个文档中，我有一个问题，我相信它在这个部分，或者至少在按钮的外观方面。说我的按钮不，我不知道，我的按钮不，嗯，可访问。所以，请确保您检查您的可访问性，然后继续。大家，我邀请你们在完成后将您的调查放入聊天或 Slack 中，这样你们就可以互相获得反馈。不一定是对调查内容的反馈，更多的是关于可访问性的设计反馈，某些功能的可用性，帮助澄清您可能遇到的任何问题。您知道，我刚意识到，如果您只是结束调查，它就会添加一个结束声明。我不小心点击了。所以，我想，为什么我有两个？有什么问题吗？有人需要支持吗？大家都到了感谢屏幕了吗？如何添加照片，比如如果您想添加照片？>> 嗯，这更多是在布局中。所以，就像在某些部分的底部，您可能会说，您想要一个装饰性图像。您看到了吗？嗯，在底部，我只是说，请在聊天中创建，就像一个，就像一个指示按钮一样。哦，右边有添加图像或视频。>> 嗯。>> 好的。>> 然后，有时您可以在右边看到，在底部，它被标记为装饰性图像，但我觉得它是一样的。图像或视频。然后，如果您愿意，您可以更改它们，调整设置，调整图像的纵长比。所以，那里有一些灵活性。绝对有一些灵活性。还有其他人有疑问或需要支持吗？好了。如果您最终发现需要 Typeform 的支持或有任何问题，请随时与我联系或 Slack 我。哦，让我点击这个。有人分享了。谢谢，Shela。我将分享她的调查。>> 嗯，那是最简单的。那是那个清除了可访问性的，您知道，和>> 我觉得可访问性会让事情变得有点困难，但尤其是考虑到他们可能如何利用您可能设置的调色板。但是，我认为它很清楚，您有您的中立列表标记，以及容易和困难。抱歉。是的，我真的很喜欢它的干净。它非常干净简单，您做得很好，确保您所有的意见量表中的部分都已标记。所以我认为那很好。做得好。>> 唯一让我感到困惑的是文本没有居中，对吗？那只是我，在意见量表中，>> 对吗？>> 哦，让我能 ref>> 居中文本在意见量表中？>> 是的。>> 我没有，是的。说实话，我没有在我的端看到这个选项。嗯，但我可以理解，因为页面的其余部分是相当居中的。>> 是的，谢谢。>> 没关系。>> 没关系。还有其他人想分享或想让我展示他们的调查吗？嘿 Anisha，我猜我错过了一些非常重要的事情。所以在意见量表中，我无法添加文本，比如它在哪里写着吸引人、不吸引人或可能、不可能。我只能添加 1 到 10 或 1 到 5 的意见量表，根据我的选择。但是如何添加文本？>> 哦，好的。没关系。是的。文本只是为了帮助您的用户了解您的，例如，说明本身甚至混淆了非常可能和不可能。所以它只是帮助他们了解您正在以什么顺序将事物排名为高或低等等。是的，我实际上无法添加这个选项，就像您是如何写的？我意思是>> 哦，您使用了意见量表吗？>> 我用了，但是文本实际上它出现在意见量表的上方，而不是下方。>> 好的，我认为这与 Joanna 之前遇到的问题类似。您可以切换您的手机视图和桌面视图吗？>> 好的，让我检查一下。>> 哦，是的，是的，就是这样。非常感谢您。我明白了。>> 没关系。没关系。好了。还有其他问题吗？在我们继续之前。我们基本上要结束了，但是，让我给 LSM 发个消息，让他们把这次的调查放进聊天里，让我们知道我们做得怎么样。让我给他们发个消息，让他们添加。好了。我也给他们发了消息，关于上周的课。我相信上周六有一些问题，我们都在尝试登录，而且有两个不同的会议室，我们中的一些人就在里面。所以有些人没有被算作出勤，而且我也看不到你们给我的任何反馈。所以，我将跟进他们，因为这有点不清楚，因为，请原谅我，据我所知，当我们加入课程时，我认为每个人都会没事的，就出勤率而言，因为我们都切换了，而且 LSM 和我们在一起。所以，我不确定为什么这会成为一个问题，但我想这是有道理的，因为我甚至没有收到，我个人没有收到那个会议的调查结果。所以，我想我们会看看，但我至少会确保我保持关注，以便从 LSM 那里得到一些回应。我也这样做了，因为有几个人在 Slack 上回应说，他们没有出现，或者你知道，他们出现了，但显示他们没有，而且一位绅士回应我说，我想通知您，这个问题是由于技术故障造成的。但是，它已经在我们的后端得到了纠正，并且不会影响您的课程进度。他们是这么说的。所以，我不知道。你们可以检查一下，我相信我们正在谈论的会议是 11 月 8 日。但是，我还有另一个问题，他说，如果需要，他们会手动解锁它，因为我们获得了完成一定数量的证书，因为这有点像结束，而且我无法获得我的证书。这不是最终证书，但它是一个垫脚石证书。所以，他说，如果您无法获得它，您可能需要联系以获得手动帮助来获得该证书。>> 好的。所以，就像您的里程碑证书，您可能，如果您在获得该证书时遇到任何问题，请联系他们。它在 Slack 上。我不知道，因为他回应了我，但我不知道，是的，你们也看到了吗？我不知道这是否是个人信息。我现在可以把它放进聊天室，但我认为这就像，再次，这是他们那边的故障。如果人们查看他们的，嗯，Simply Learn，它应该已经修复了。>> 是的，我的还没有修复。我认为他们没有，而且我不确定他们是否完全理解发生了什么，因为他今天的回应基本上是联系支持部门，如果您有任何，嗯，就像未满足的期望等，或者如果您需要支持，但我想这更像是一个特定的问题，他知道，因为他也曾在那里。所以，这就是为什么我说，我不确定您是否完全理解您被问到的问题。我将跟进，以确保这对所有在 11 月 8 日的会议中在场的人来说都是一致的，因为每个人，至少每个人都应该收到您收到的消息，乔安娜，关于它说明您的出勤率不会受到任何影响，如果您在获得课程结束的证书，课程结束的证书，课程结束的认证方面有任何问题，请再次联系。所以，我认为这是最好的处理方式，但我将再次与他们核实，以确保这对你们所有人来说都是一致的。>> 谢谢。好的，很酷。嗯，LSM 能否将本次会议的调查粘贴在这里？我给他们发了消息。好的，太好了。我看到了。然后，对于今天的关键要点，可用性调查技术，如调查、访谈和焦点小组，有助于收集有价值的用户反馈。调查提供了广泛受众的定量数据，有助于查明可用性问题。然后用户访谈提供了对个人用户体验的深入定性见解。而焦点小组则收集不同的意见，促进关于用户需求和偏好的更广泛的讨论。然后最后但并非最不重要的一点是，有效的可用性评估可带来可操作的见解，从而提高整体产品设计和用户满意度。我们今天只有几个资源。没什么太疯狂的。嗯，我现在将共享它以供查看，因为我读了它并且可能没有共享那个特定的选项卡。很抱歉，伙计们。但我主要是在回顾今天的要点。嗯，然后我将把其他资源粘贴到 Slack 中。好了。第一个是 Simply Learn 解决方案。等等，让我，我正在尝试点击它，但它没有。好的。第一个是来自 Loop Panel。它是关于焦点小组和 UX 的综合指南。然后第二个是来自 Content Square。它是关于如何使用 UX 调查来获得产品体验见解。所以，我将把这些粘贴到 Slack 中，以便我们拥有所有其他资源，并且对于今天未能加入我们或可能不得不提前离开的学习者能够看到。作品集是展示个人技能、经验和成就的作品或资产的集合。在商业世界中，作品集通常用于展示在特定领域（如平面设计、写作和项目管理）的专业能力。作品集可能包括各种项目，如过去的作品样本、案例研究、证书、推荐信和满意客户或雇主的推荐。一份精心制作的作品集可以帮助个人在竞争激烈的就业市场中脱颖而出，并增加他们获得理想职位的机会。此外，作品集还可以作为自我反思和个人成长的宝贵工具，让个人能够识别自己的优势和需要改进的领域。所以，大家好，欢迎来到 Simply Learn 的 YouTube 频道。今天我们将学习如何在 Figma 中准备您的设计作品集。但我们知道 UIU 专家也使用 Figma。所以，如果您想在五个月内学习 UIUX 专家，并参加印度理工学院班加罗尔分校顶级联合会的硕士课程，请考虑我们的 UIUX 设计高级认证课程。请查看描述中的链接了解更多详情。如果您是技术爱好者，这里有一个脑筋急转弯：设计作品集应包含什么？仅完成的项目，仅个人项目，已完成和个人项目的组合，还是个人和学术项目的组合？请在下方告知我们您的答案，并获得 Simply Learn 的点赞。废话不多说，让我们开始今天的课程，快速了解一下作品集是什么以及如何设计作品集。所以，首先，要制作作品集，我们必须考虑这些要点。第一个是作为案例研究展示您的作品。仔细策划您的作品集。展示真实的，即使它有问题。设计练习，更深入的案例研究。谈论结果。让您的作品集易于导航。做好您的研究，真诚地写作，并在您的作品集​​中展现您的热情。所以，让我们开始吧。所以，这个教程视频是关于为产品设计师 Sam 创建一个令人惊叹的作品集或令人惊叹的设计作品集，使用 Figma 来实现它。我们的目标是保持简单优雅，同时确保设计的每个方面都经过详细考虑，从字体配色方案到页面上每个元素的放置。我们将详细介绍所有内容。所以，事不宜迟，让我们开始设计。为了设计我们的作品集，我们将使用一个名为 Figma 的工具。正如我们之前讨论过的，Figma 是一个非常强大的工具，而且很多人现在都在使用它，尤其是 UIUX 设计师，而且它非常受欢迎。所以，让我们开始吧。首先转到 figma.com。如果您还没有帐户，请点击注册按钮，然后您可以注册。我已经有一个帐户了。所以，我只需要登录我的帐户。进入仪表板后，我们首先需要设计一个文件。所以，让我们先更改背景颜色。所以，让我们开始吧。现在我将在这里写名字。好的。所以，让我们选择这个文本并写下关于 Sam 的这五个部分。第一个是主页。第二个是关于部分。工作部分和博客部分，联系部分。所以，是的，完成了。现在我们将在左下角添加一些社交媒体标志。让我们做一个矩形，我们将在那里放 Sam 的照片。所以我已经下载了照片。所以，让我们把它放在这里。现在我们完成了主页。现在我们将为关于部分创建设计或作品集。现在我们将写关于部分的文字。所以，让我们在这里写一些关于 Sam 的信息。接下来是经验。所以，让我们在这里写一些关于 Sam 的经验。所以，类似地，我们将添加更多他的经验。所以，这是关于部分的最佳设计。现在我们将进入第三部分，即工作。让我们来创建它。所以，我们将看看最近的项目是什么。所以，现在我们将写一些他的 UX 案例研究。假设他已经完成了四个 UX 案例研究。所以，例如，我们将用四个不同的框，插入任何一张图片。假设，让我们拿，写一些关于他所做的研究或他拥有的 UX 设计技能研究的例子。假设他创建了一个网站。我们只是随意添加了这些标志，让我们把它缩小。为此，我们将制作三个不同的部分。让我们在这里做。好的，我们将用他所做的博客等内容来填充。所以，让我们放任何一张样本照片。让我们只是样本，但您可以放您的博客。关于文本，先写上日期和一些关于同一博客的文本。对于其他两个博客，也是如此。我们将再添加一个。它有点向下。好的，这是我们的博客部分。让我们做最后一个，即联系部分。让我们再次复制它。可以写在这里联系我部分。让我们写上联系文本。我们把它缩小。在这里，我们将写另一个地址。空间。得到了。我们将写上 Sam 的电子邮件地址，写上他的一些社交媒体链接。是的，关于他的任何项目。让我们看看。他。他。所以，这是最后的联系部分。所以，我们完成了网页作品集。这是主页。这是关于部分。这是工作，第三个工作部分，第四个是博客部分，联系方式。如何创建您的第一个线框图。我们将从检查线框图是什么，线框图的目的是什么开始。通过这一点，我们将看到不同类型的线框图。线框图包含什么，以及用于创建线框图的工具。我们将从理解线框图是什么开始。可以使用线框图设计网站服务，并且经常用于在考虑用户需求和旅程的同时，布局页面上的功能和内容。在向页面添加视觉设计和内容之前，使用线框图在开发过程的早期建立页面的基本线框图和框架。它是网页或应用程序的粗略结构草图，与视觉界面设计相当。在线框图中，样式、颜色和图形通常保持最少，因为它们代表了初始产品概念。根据所需信息的级别，线框图可以数字方式或手动方式创建。线框图最常见的用户是 UX 设计师。在开发人员开始为界面编写代码之前。这种方法使所有合作伙伴能够就数据的位置达成一致，并决定是否以数字方式放置数据。在了解了线框图是什么之后，我们将理解它的目的。线框图有三个主要优点。它们保持概念，并且制作快速且便宜，因为它们能激发用户反馈。与利益相关者展开对话，并激发设计师的创新。线框图是沟通工具。设计师可以直接获得反馈，并识别关键问题，这些问题有助于他们在用户测试的第一个线框图阶段创建拟议产品。它们阐明和描述网站功能，并使用特定的线框图功能来保持概念用户焦点。您可以通过向客户解释它们将如何工作以及它们将提供什么功能。它有助于所有利益相关者将网站的信息架构与其视觉设计相结合，并使页面在操作上清晰。第三个是快速且便宜。线框图最棒的地方在于它们易于创建且价格低廉。您可以用报纸、纸和笔设计线框图。由于工具众多，您可以快速开发数字线框图。当产品高度抛光时，消费者通常不太可能诚实地表达他们的早期想法。开发的时间越长，做出改变就越难。在理解了线框图的目的之后，我们将看到不同类型的线框图。第一个是低保真线框图。它们是网页非常简单的视觉描绘，通常用作设计师的基础。因此，它们通常缺乏网格或像素准确性的所有感觉，并且往往相当粗糙。它包含基本图片、块状表单和虚拟内容，包括填充文本或带有标题的标签，并且省略了任何可能分散注意力的信息。这些对于开始对话、选择导航布局和映射用户流程很有用。第二个是中保真线框图。三者中最受欢迎的。虽然它们避免了图形和分散注意力的字体等干扰，但它们主要关注特定功能，彼此独立。标题和正文内容可以通过不同的文本分开。虽然仍然是黑白的，但艺术家可以通过不同色调的灰色来传达特定功能的突出性。虽然仍然是设计早期阶段的有用工具，但它们通常使用 Sketch 或 Balsamic 等数字线框图程序制作。第三个是高保真线框图。最后，像素特定的布局是高保真线框图的特征。与低保真线框图不同，它们可能包含实际的特色图片和文本信息。由于其额外的深度和不断增长的线框图，它们是探索和捕捉菜单或交互式地图等想法的最佳选择，应在产品设计周期的最后阶段保存。那么线框图包含什么？正如我们之前简要提到的，线框图是低、中还是高保真度，极大地影响了包含的细节量。然而，线框图经常出现诸如线程标记、搜索区域、标题、共享按钮和占位符文本等元素。所以，第一个是信息设计。通过说明页面之间的规则，线框图将网站数据库结构与其视觉设计联系起来。除其他外，解释它应该如何在界面上一致地显示特定类型的信息。确定界面的主要功能用途。第二个是导航设计。网站结构包含所有组件，以便用户可以通过框架、导航图等轻松找到信息。来开发您网站的流程图。在此过程中，您将评估、排序、分组和链接可比信息。第三个是界面设计。方法

设计师用来创建有用的软件界面或电子设备，强调美学或风格。设计师努力创造用户友好且令人愉悦的界面。用户界面设计和其他类型，如语音控制界面，都称为 UI 设计。重要的是要记住，因为线框图是二维的，所以它们不适合显示用户的交互元素。现在我们将讨论用于创建线框图的工具。最好的三个线框图工具是第一个是 Figma，它是 Sketch 和 XD 等应用程序的强大基于云的替代品。Figma 脱颖而出。最好的事情是它提供了各种常用功能。无论您是自由职业设计师还是大型团队的成员，免费用户都没有限制。有许多可用的免费线框图工具。如果您的团队想要一个简单的工具来完成整个创意过程，Figma 是一个绝佳的选择，但如果您预算紧张，它也是一个不错的选择。您可以与 Figma 和数字白板讨论并绘制用户旅程，数字白板与 Figma 一起使用，无需将您的想法导出到另一个设计程序。直接进行线框图绘制和测试。第二个是 Adop XD。Adop Axis 在线框图和 UI 设计任务方面是一个用户友好的选择。尽管 Adop 技术以其内容丰富和学习难度大而闻名，但在 XD 中，您可以完成从线框图绘制到简单原型制作的任何工作。此外，与某些其他采用 XC 工具的功能相比，X 简单的 UI 是一股清新的空气。第二个是 Sketch。Sketch 仍然是 Mac 用户最喜欢的选择，它是一款功能强大但便携的矢量设计工具。虽然可以完成线框图的现代 UI 和简单的图形艺术，但一些交互设计和更多内容都可以在其内部完成。与行业领导者、矢量设计、Atomic Designers 和 Adob Illustrator 相比，由于 Sketch 的简洁性，它具有更简单、更用户友好的界面。线框图可以使用模板和图形形状的组合快速构建。所以，伙计们，我有一个空白页，我将立即开始我的设计。所以，为此，我将首先使用渐变效果创建一个矩形，然后将其放置在这里并调整大小。所以，我将放一张我已经下载好的图片。所以，我要做的是将这张图片直接放到我的屏幕上。现在我正在调整它的大小。这个尺寸可以。所以，接下来我要添加一个文本。所以，我将选择文本并单击此处。我的文本有一些基本配置。然后我需要说文本是完整的和粗体的。但在我继续之前，我将进行文本配置。我将使其变粗。然后我将更改颜色。颜色，比如说，我可以选择白色。所以，现在我将把按钮放在这里。但在那之前，我会稍微向上调整一下。我将通过字符名称更改颜色。我们将更改配置。我们将更改大小。抱歉，这可能是我的。让我们用一种浅色或某种可以匹配背景的颜色。所以，请告诉我您对这个启动屏幕的看法，如果您有任何其他好主意如何制作一个好的启动屏幕，请在下面的评论部分告诉我，现在我们将继续进行主页设计和下一个启动屏幕设计。所以，伙计们，接下来我要做的是主页，正如我之前所说的。所以，我们将复制这个，然后粘贴在这里。是的。或者我们可以选择任何其他纯色矩形。我们将从这里开始。现在我将绘制线条。将其放在这里。然后我将复制它。然后我将减小尺寸。我将再次复制它。我也会减小它的尺寸。接下来我想添加一个文本，这个文本应该描述您想从不同的地点选择您的餐点，可能是在您的工作场所、学校或办公室。所以，您选择的地点决定了您将获得的食物。所以，我将选择一个文本并给它一个文本。比如说，如果您从工作场所选择。所以，做同样的碱性配置。好的。粗体应该左对齐。现在这样就可以了，我可以添加更多描述。描述应该比我们为工作场所和工作场所拥有的要简单一些。所以，我将制作一个尺寸较小的文本，实际上是“选择您美味的餐点”。美味的餐点。所以，现在我可以把它放在这里，加上一个更详细的描述。所以，我们可能希望用户选择不同的地点。所以，我们可以通过三角形图标来实现这一点。所以，它会是这样的。我们将更改颜色为白色。接下来我想做的是，您也可以按名称搜索食物。所以，我将添加搜索图标。是的。调整它的大小，并将其与此对齐，这样看起来不错，然后将其拖到此处。是的。我们也可以将其设置为白色。是的，看起来不错。使其变暗。所以，接下来我想做的是两个快速图标。所以，我将用带有一些曲线的矩形创建一些图标。所以，我将在那里添加主页图标。所以，我们将添加主页图标。我们将在那里搜索。主页图标。保存这个。然后我将将其拖到主页屏幕。我将将其置于中心位置。还将更改颜色，或者这个颜色就可以了。好的。我将更改颜色。是的。所以，接下来我将复制它并将其放在四个地方，保持相同的对齐方式。所以，我将快速更改此图标、此图标和另一个图标。所以，第二个我将保留在这里。第三个我将使用打印机图标。第四个，我们将使用卡片图标，像这样。这个是活动的。所以，我们将将其设置为亮色，而这些不是活动的。所以，我们将将其设置为浅色。是的。所以，伙计们，我有了我的图标，这四个图标应该显示我最喜欢的餐点。现在这应该显示一个过滤器屏幕，我可以过滤，如果我是素食者，同样的餐点对素食者来说也很好，这应该显示我选择到我的卡片中的餐点，然后从那里我也可以付款。所以，我接下来要做的是添加一个卡片来展示不同的餐点，您可以选择。所以，我将添加一个卡片。所以，我需要的是一个矩形工具。所以，我们将单击矩形。我有了我的矩形工具。接下来我要做的是拖动并滑动。我有一个颜色。我将使用浅色。所以，接下来我将添加图像。我将首先选择圆形。在其中，我将把我的图片放在这里，然后我们将对其进行对齐。现在我们将添加图片到圆形中。做什么？再次选择图片，您可以从系统中找到图片所在的位置并上传它。因为我已经下载了，所以我们将在这里上传。是的。所以，接下来我要做的是，我将展示这是卡片。所以，我将在圆形中添加一些设计。在这里画一个圆。我们将给它一个绿色。我们将复制它并制作另一个圆。我们将给它另一种颜色。它有点暗。然后我将复制心形。我在这里制作一个副本。我给它红色。然后我将进行下一步。然后下一步是餐点的名称。所以，我将选择文本。所以我可以复制文本。但在我选择文本并配置它之前，我将给它命名为“湿汉堡”。我将使其变小。放在这里。来吧。现在复制它。为价格添加另一个文本。假设价格是，我们将其放在这里。是的。接下来是在这里添加一个按钮，比如加号图标。所以，这里我们可以添加一个按钮。加号图标。嗯，放在这里。当您单击此加号按钮时，您可以将其添加到您的购物车。同样，我们可以更改，当您单击此按钮时，您可以将其添加到您的购物车，您想要的。您可以添加更多。同样，我们可以制作与此类似的另外四个。假设这是一个素食汉堡，或者这是其他东西，这是一个例子，这三个是我的收藏夹，这两项我们正在展示，这是我的购物车。所以，这里我们可以添加一个小的描述，说“好的，这个特定的餐点有折扣”，比如说这个。所以，我将如何做？现在我要制作。所以，我们将在这里制作一个小的描述，带有红色的标记。假设 10% 的折扣。我们只使用这个尺寸。是的。所以，我们也将更改颜色。是的。我更改了颜色。所以，现在我们有了这样的东西。如果您真的很喜欢这两个教程，请在评论部分告诉我您对这个教程的看法。如果您认为我需要改进或什么，也请告诉我。这是最终屏幕。我们在上一章关于“你好，世界”应用程序的文本视图使用中学到了文本视图。文本视图是一个标签，用于在手机上显示文本或段落。为了理解这个概念，让我们创建一个应用程序并添加一个新的文本视图，除了默认的“你好，世界”。由于 AVD 或模拟器需要时间启动，请在创建新应用程序之前将其打开。让我们创建一个新的 Android 应用程序项目，就像“你好，世界”一样，但将其命名为“文本视图演示”。在命名 Android 应用程序时，请遵循 Java 编码标准，使用驼峰式大小写，单词之间没有空格。创建“文本视图演示”后，您可以看到默认的“你好，世界”文本视图。如果在图形布局中，切换到 XML 布局，以便能够看到 Eclipse 编写或生成的 XML 代码。现在可以看到文本视图。将其复制并粘贴在之前的“你好，世界”文本视图下方，并更改 `android:text` 属性的值为所需的名称，以便它同样出现在手机屏幕上。例如，`android:text="Janice"`。如果立即运行，两个文本视图将重叠，显示“你好，世界”以及输入的名称，因为默认布局或父标签是相对布局。使用相对布局时，请指定两个控件之间的关系，以便它们可以在手机屏幕上显示。文本视图 2（名称为 Janice）应显示在文本视图 1 的右侧，文本视图 1 紧邻“你好，世界”文本视图。因此，要将文本视图 2 分配到文本视图 1 的右侧，请从 ID 开始。首先，使用 `android:id` 属性为控件分配 ID。在 Android 中为控件分配 ID 时，请使用 `"@+id/"`。这将表示为 `android:id="@+id/tv1"`，当使用 `"@id/"` 时，表示正在访问 ID。文本视图 2 的文本视图 1 的 ID 用作 `android:layout_toRightOf="@+id/tv1"`。这意味着文本视图 2 将显示在文本视图 1 的右侧。运行程序以在模拟器中查看输出。要将文本视图 2 放置在文本视图 1 的下方，请将属性从 `android:layout_toRightOf` 更改为 `android:layout_below` 并传递文本视图 1 的 ID，如之前所做。要将文本视图 2 放置在文本视图 1 的左侧，请编写 `android:layout_toLeftOf="@+id/tv1"`。不要忘记使用 `android:layout_width` 指定宽度，`android:layout_height` 指定特定控件的高度。必须指定每个控件的宽度和高度，否则应用程序将崩溃。对于此视频，将使用文本视图演示应用程序。在创建文本视图 2 时，编写了 `android:text="Janice"`。Android `android:text` 属性中的字符串直接传递，它会显示黄色的下划线。黄色的下划线是使用硬编码字符串的警告，并要求使用 `@string` 资源。让我们通过前面讨论的示例来理解字符串资源的概念。第一个文本视图中的文本是 `android:text="@string/hello_world"`。运行应用程序时，它会显示“你好，世界！”。这是由于使用了字符串资源。它类似于使用变量，在运行时它将打印变量的值，这称为键值对。从 `res` 文件夹打开 `strings.xml` 文件，并切换到 XML 资源选项卡以查看代码。可以看到 `string` 标签中的 `name` 属性。编码的键已指定，并在 `string` 开始和结束标签之间指定了值。例如，要添加一个新字符串，请使用 `<string name="course_name">Android developer course</string>`。不要忘记保存文件，否则它将不会提供任何建议。将文本视图 2 中的硬编码文本更改为 `android:text="@string/course_name"`。当代码中使用 `course_name` 时，将在手机屏幕上打印“Android developer course”。运行应用程序以查看更改。一旦在 `strings.xml` 文件中创建了一个字符串，它就可以在应用程序中的任何地方使用。在多个屏幕中使用相同的字符串可以节省内存，并且不必在每个屏幕上声明。创建一个新的应用程序 `EditText demo`，并确保 AVD 正在运行。EditText 用于获取输入。这意味着 EditText 是一个输入字段或文本字段。要创建 EditText，请使用 `EditText` 标签并根据需要指定输入类型。EditText 有多种输入类型可供选择，并且可以根据需要使用不同的输入类型，例如数字、密码和电子邮件。`hint` 属性可用于向用户建议填写姓名、年龄或密码等详细信息。确保使用 `android:id="@+id/..."` 指定 ID，以便在 Java 代码中使用该特定控件。始终为每个控件分配唯一的 ID。在 XML 中，ID 充当对象。例如，如果存在用于用户名的 EditText，则输入类型可以是文本。如果 EditText 用于输入密码，则不应使用输入类型，因为密码将对所有人可见。因此，输入类型必须是密码。按照视频尝试此过程。创建一个新的应用程序 `Checkbox demo`，并确保 AVD 正在运行。Checkbox 用于多项选择，例如一个人可能对多个游戏感兴趣。使用 Checkbox 将允许他选择他喜欢的游戏。要创建 Checkbox，请使用 `Checkbox` 标签并指定 `android:text` 属性来显示带有 Checkbox 的标签。按照视频尝试此过程。为 Checkbox 指定宽度和高度。指定要显示的文本。不要忘记为添加到表单或屏幕的每个控件分配 ID，以便以后可以使用它。复制并粘贴 Checkbox one 以创建另一个 Checkbox。并更改 ID 和 Next。运行应用程序。可以看到两个 Checkbox 都重叠了。要解决此问题，请为第二个 EditText 分配 `layout_below` 属性。再次运行应用程序。一、创建一个新的应用程序 `RadioButton demo`，并确保 AVD 正在运行。二、Radio Button 用于单项选择，例如性别，可以选择男性或女性。三、要创建 Radio Button，请使用 `RadioButton` 标签并指定 `android:text` 属性来显示带有 Radio Button 的标签。四、在代码中至少添加两个 Radio Button。五、如果此时运行程序并选择 Radio Button，则可以选择多个 Radio Button。六、Radio Button 通常用于单项选择。七、对 Radio Button 进行分组以启用单项选择。八、可以使用 `RadioGroup` 标签对 Radio Button 进行分组。九、按照视频尝试此过程。创建一个新的应用程序 `Spinner demo`，并确保 AVD 正在运行。Spinner 是一个下拉列表，用于显示多个项目。要创建 Spinner，请使用 `Spinner` 标签。指定两个属性，`android:prompt` 和 `android:entries`。`android:prompt` 属性指定 Spinner 的标题。标题将出现在 Android 3.0 或更低版本的 Android 设备上。在 Android 3.1 或更新版本的设备上不会出现提示。`android:entries` 属性指的是构成列表的字符串项数组。首先在 `strings.xml` 文件中添加所有字符串项。将提示的值和数组名称传递给 Spinner 标签。现在按照视频尝试此过程。使用 `string` 标签将字符串项添加到 `strings.xml` 文件。使用 `name` 属性为添加到 `strings.xml` 文件的每个字符串指定名称。在此处添加更多字符串项。为提示标题添加字符串。然后创建一个新的 `arrays.xml` 文件。要创建 `arrays.xml` 文件，请右键单击 `res` 文件夹下的 `values` 文件夹。转到“新建”并选择“Android XML 文件”。将打开一个新的 Android XML 文件向导。在小写字母中输入文件名，然后单击“完成”。现在添加一个 `string-array` 标签，并添加来自 `strings.xml` 文件的字符串项。使用 `item` 标签将项添加到字符串数组。现在在布局文件中指定提示和条目。并运行应用程序并测试输出。创建一个新的应用程序 `Button demo`，并确保 AVD 正在运行。要在 Android 应用程序中添加按钮，请使用 `Button` 标签。在 `android:text` 属性中指定要在按钮上显示的文本。使用 `findViewById` 函数在 Java 文件中创建按钮的引用，并将按钮 ID 作为参数传递。将其转换为 Button 对象。现在使用 Button 对象，为按钮编写 `OnClickListener`。使用快捷键 `Ctrl` 和 `Space` 让 Eclipse 建议并生成代码。使用 Eclipse 提供的建议。但它会显示一个错误，因为 `OnClickListener` 没有自动导入。确保 `OnClickListener` 已导入。要导入 `OnClickListener`，请将光标放在 `OnClickListener` 上，然后单击 Eclipse 提供的导入建议。Eclipse 将编写完整的代码块。在 `onClick` 函数中编写逻辑。使用 `finish` 函数和 `System.exit` 函数通过单击按钮关闭应用程序。运行应用程序以检查其是否正常运行。通过单击按钮关闭应用程序。为按钮分配 ID。创建 Button 对象并使用 `findViewById` 函数使用按钮的引用。他。为按钮设置 `OnClickListener`。不要忘记导入 `OnClickListener`。在 `onClick` 函数中编写代码。`finish` 函数将关闭活动，`System.exit` 函数将关闭应用程序。创建一个新的应用程序 `Image demo`，并确保 AVD 正在运行。要在 Android 应用程序中添加图像，请使用 `ImageView` 标签。同样，要在 Android 应用程序中使用图像。将图像放在项目层次结构中的任何 `drawable` 文件夹中。在 `ImageView` 中，指定图像源，过程就完成了。按照视频尝试此过程。创建一个新的应用程序 `ImageButton demo`，并确保 AVD 正在运行。要在 Android 应用程序中添加图像按钮，请使用 `ImageButton` 标签。图像按钮类似于普通按钮，具有在按钮上放置图像的功能。要在图像按钮上放置图像，请使用 `android:src` 属性并指定 `drawable` 文件夹中的图像名称。现在按照视频尝试此过程。为图像按钮标签指定宽度和高度。使用 `src` 属性指定图像源。运行应用程序。创建一个新的应用程序 `ToggleButton demo`，并确保 AVD 正在运行。要在 Android 应用程序中添加切换按钮，请使用 `ToggleButton` 标签。切换按钮允许用户更改状态，例如开和关。必须指定两个属性 `android:textOn` 和 `android:textOff`。当切换按钮被选中或单击时，`android:textOn` 属性中的文本将显示。否则，将显示 `android:textOff` 属性中的文本。在 Java 代码中，编写与按钮类似的切换按钮的 `onClick` 事件并编写代码。现在按照视频尝试此过程。为按钮的开和关模式指定文本。运行应用程序。通过切换按钮测试输出。欢迎。在本视频中，我们将学习如何在 Android 中创建超链接。创建一个新的应用程序 `Link demo`，并确保 AVD 正在运行。要创建超链接，请使用 `Linkify` 类。使用 `Linkify` 类，可以为网站、地图、电子邮件和电话号码创建链接。要创建超链接，请调用 `Linkify` 类的静态函数 `addLinks` 并传递两个参数。将 URL、地图位置、电子邮件地址或电话号码作为第一个参数。第二个参数是链接的类型，例如 `Linkify.WEB_URL`、`Linkify.MAP_ADDRESSES`、`Linkify.PHONE_NUMBERS`。按照视频尝试此过程，通过复制粘贴再添加两个文本视图。在 Java 代码中，创建文本视图对象。使用 `setText` 设置文本视图中的动态文本。调用 `Linkify` 类的静态方法 `addLinks` 函数，并将文本视图对象和链接类型作为参数传递。对剩余的文本视图重复最后两个步骤，用于电话号码和电子邮件地址。运行应用程序并测试输出。欢迎。在本视频中，我们将学习如何在 Android 中创建列表视图。创建一个新的应用程序 `ListView demo`，并确保 AVD 正在运行。要在 Android 应用程序中添加列表，请使用 `ListView` 标签。与 Spinner 类似，在 Java 中创建列表视图的引用。在 Java 中创建一个字符串数组用于项目列表。为新的列表视图定义一个新的 `ArrayAdapter` 并将其分配给列表视图。现在按照视频尝试此过程。为列表项创建一个字符串数组。创建列表视图对象。使用列表视图对象设置列表适配器。运行应用程序以测试列表视图。处理列表事件。使用 `setOnItemClickListener`。现在使用 `Log.d` 函数在日志中添加关于单击的列表项的消息。运行应用程序以测试列表视图。选择任何列表项并在日志中检查消息。欢迎。在本视频中，我们将学习 Android 中可用的不同布局。布局是父视图或组视图，它在特定屏幕布局上容纳其他视图。在 Android 中，我们有线性布局、相对布局、表格布局、帧布局和绝对布局。按照视频理解布局之间的差异。绝对布局现已弃用。相对布局是最常用的布局，也是 Android 中的默认布局。这里的根元素是 `RelativeLayout` 标签。在相对布局中，必须指定控件之间的关系。`layout_below` 将用于将控件设置在另一个控件下方。`layout_toRightOf` 将控件分配到另一个控件的右侧。`layout_toLeftOf` 将控件分配到另一个控件的左侧。线性布局是第二常用的布局。在这里，我们不需要指定控件之间的关系。如果您想将控件排列在另一个控件旁边，请将方向设置为水平。但如果您想将控件排列在另一个控件下方，请将方向设置为垂直。表格布局用于以表格方式显示数据或控件。这里的根元素是 `TableLayout`。要创建一行，请使用 `TableRow` 标签。例如。在绝对布局中。我们必须为控件指定 X 和 Y 位置。指定 X 和 Y 位置可能会导致问题。如果屏幕尺寸较小，控件可能会超出屏幕。对于大屏幕，屏幕会显得空。帧布局是简单的布局帧。布局通常用作容器。帧布局也可用于显示视频和相机预览。欢迎。在本视频中，我们将学习在 Android 中创建 WebView 的方法。创建一个新的应用程序 `WebView demo`，并确保 AVD 正在运行。要在 Android 应用程序中添加 WebView，请使用 `WebView` 标签。WebView 用于在 Android 应用程序中显示网页。因此，只需几行代码就可以在 Android 应用程序中显示 HTML 页面。要在 Android 应用程序中显示网页，请在布局 XML 文件中添加 WebView，并在 Java 代码中创建引用。然后使用 `setJavaScriptEnabled` 函数并传递 `true` 以渲染所有 JavaScript。设置 `WebViewClient` 并使用 `loadUrl` 函数加载 URL。运行应用程序以更好地理解过程。如果您在网页中使用了 JavaScript 和 CSS，请设置 `setJavaScriptEnabled`。在应用程序的 `assets` 文件夹中创建一个 HTML 文件。将 HTML 文件的 URL 传递给 `loadUrl` 函数。运行应用程序以测试输出。欢迎。在本视频中，我们将学习在 Android 中创建 DatePicker 的方法。创建一个新的应用程序 `DatePicker demo`，并确保 AVD 正在运行。要在 Android 应用程序中添加 DatePicker，请使用 `DatePicker` 标签。去。按照视频尝试此过程。欢迎。在本视频中，我们将学习在 Android 中创建 TimePicker 的方法。创建一个新的应用程序 `TimePicker demo`，并确保 AVD 正在运行。要在 Android 应用程序中添加 TimePicker，请使用 `TimePicker` 标签。现在按照视频尝试此过程。这是我们在此课程中学到的内容的快速回顾。如何创建 UI 设计并处理它们的事件。一个人如何从文本创建链接。Android 中有哪些可用的布局，哪个已弃用？使用 WebView 在 Android 中显示网页有多么容易。>> 所以，伙计们，这是我们的第一个问题，即解释什么是 UX 设计。所以，伙计们，UX 设计或用户体验设计是关于创建为用户提供有意义且相关的体验的产品。这包括获取和集成产品的整个过程的设计，包括品牌、设计、可用性和功能等方面。UX 设计的目标基本上是通过提高用户与产品之间交互的可用性、可访问性和愉悦性来增强用户满意度。现在让我们继续第二个问题，即 UX 和 UI 设计有什么区别。所以，伙计们，区别在于用户体验或 UX 关注产品的整体感觉，确保它用户友好、直观且满足用户需求。UI 或用户界面设计，另一方面，关注产品的外观和布局，包括按钮、图标、间距、排版和颜色。虽然 UX 关注产品的整体功能和流程，但 UI 关注产品的外观和与用户的交互方式。让我们继续我们的第三个问题。第三个问题是，您为什么选择 UX 设计职业？所以，伙计们，您必须这样回答。我选择 UX 设计职业是因为我热衷于解决问题并改善人们与产品互动的方式。我在心理学方面的背景使我对人类行为有了深入的了解。我想将这些知识应用于设计直观且令人愉悦的数字体验。UX 设计中创造力、同理心和技术技能的结合吸引了我进入这个领域。现在让我们问下一个问题。所以，有时面试官也可能问您，UX 设计师需要哪些技能，并谈谈这些技能，以及您是否拥有这些技能。这是一个非常基本的问题，可能会问到应届毕业生。所以，您必须这样回答：UX 设计师的基本技能包括用户研究、线框图绘制、原型制作和可用性测试。此外，强大的沟通技巧对于与利益相关者和开发人员协作也非常重要。对信息架构和交互设计有很好的理解也至关重要。好的。所以，您必须这样回答。基本上，面试官很少会问这个问题。但如果有人问您，您对这个职位有什么看法？这个职位需要什么技能？您能解释一下吗？基本上，这只是问应届毕业生。所以，伙计们，下一个问题是 UX 专业人士的职责是什么？所以，伙计们，UX 专业人士的主要职责包括进行用户研究、创建用户画像以及设计线框图和原型。他们还进行可用性测试，收集反馈并迭代设计。此外，UX 专业人士与 UI 设计师、开发人员和产品经理协作，以确保最终产品既符合用户需求又符合业务目标。现在，让我们继续我们的下一个问题。这些是中级问题。所以，有人可能会问您，在创建 UX 设计之前，您如何完成研究过程？所以，伙计们，研究过程通常从理解业务目标和用户需求开始。所以，比如说，我首先进行利益相关者访谈、用户调查和竞争对手分析。然后我通过用户访谈、调查和分析工具收集定性和定量数据。基于这些数据，我创建用户画像和旅程图，指导设计过程。这项全面的研究确保了设计以用户为中心并符合业务目标。我希望您已经对如何回答这个问题有了简要的了解。现在让我们继续我们的下一个问题，即您最重要的 UX 技能及其影响是什么？所以，伙计们，您可以这样说。我最强的 UX 技能是用户研究，我能够有效地收集和分析数据，这使我能够深入了解用户需求和痛点。这项技能对我设计真正能引起用户共鸣的解决方案至关重要。例如，在最近的一个项目中，我的研究导致了一个重新设计，显著提高了用户满意度，并将用户流失率降低了 20%。现在，让我们继续我们的下一个问题。作为一名 UX 设计师，您需要改进哪些技能？所以，您可以这样说。虽然我对我的研究和原型制作技能很有信心，但我认为总有改进我的视觉设计技能的空间，尤其是在掌握 Figma 和 Adobe XD 等最新的 UI 设计工具方面。此外，我正在努力提高我的数据分析技能，以便更好地解释用户分析并将这些见解整合到设计过程中。所以，伙计们，您可以这样回答这个问题。现在让我们继续我们的下一个问题，即说出 UX 设计中的两个重要趋势。所以，您可以这样回答。UX 设计中的两个重要趋势是日益重视可访问性以及语音用户界面的兴起。可访问性正变得越来越重要，因为设计师努力为所有用户创造包容性的体验，包括残疾人。语音界面也越来越受欢迎，这得益于智能音箱和语音助手的增长，这需要一种不同的用户交互设计方法。现在让我们继续我们的下一个问题，即您是否需要参考灵感来源来帮助您的设计过程？所以，您可以这样说。是的，我经常从 Dribble 和 Behance 等设计社区获取灵感。我还阅读了 Nelson Norman Group 的文章和 Smashing Magazine 等 UX 博客，以了解最佳实践和新兴趋势。此外，我还关注 Don Norman 和 Jared Spool 等思想领袖，他们的见解有助于塑造我以用户为中心的设计方法。现在，让我们继续我们的高级面试问题。所以，您的面试官可能会问这样的问题。所以，请告诉我一个项目比最初看起来更复杂的情况。所以，您可以这样说。我曾经参与过一个重新设计旅行预订平台的项目，起初看起来很简单。然而，当我深入研究时，我发现该平台拥有更广泛的用户画像，他们的需求差异很大。这种复杂性需要一种更细分的と用户研究和设计方法。我们不得不创建多个用户流程并测试各种原型与不同的用户群体，以确保最终设计满足每个人的需求。项目花费的时间比预期的要长，但结果是一个更个性化、更有效的平台。所以，您可以这样描述一个项目，它最终变得复杂，但您是如何解决的。它也显示了您的解决问题的能力。所以，伙计们，请准备好回答这个问题，因为这是面试中最常问的问题。现在让我们继续我们的下一个问题，即您 UX 职业生涯中最大的挑战是什么？所以，您可以这样回答。我面临的最大挑战是领导一个遗留的企业软件的重新设计，该软件拥有大量已建立的用户群，他们抵制变革。挑战在于现代化界面，同时保持长期用户所依赖的熟悉感。我通过进行广泛的用户研究来理解对用户来说最重要的元素来应对这一挑战。因此，我们实施了重新设计的界面，提供培训和支持以缓解过渡。该项目取得了成功，用户最终采用了新设计并提供了积极的反馈。所以，伙计们，这是我分享的一个经验，但您必须分享您自己的经验。好的，但模板会是这样的。所以，伙计们，我希望您已经对这个有了简要的了解。现在让我们继续我们的下一个问题。所以，我们的下一个问题是，您会使用哪种方法来增强我们产品的 UX？我们可以这样回答。为了增强您产品的 UX，我将首先进行全面的可用性审计，以识别当前设计中的任何痛点。这将包括与真实用户进行可用性测试，分析用户反馈，并审查分析数据。根据调查结果，我将优先改进领域，并开发解决这些问题的设计解决方案。此外，我建议实施迭代测试流程，以根据用户反馈和性能指标不断完善设计。现在，让我们继续我们的下一个问题，即您作为 UX 设计师职业生涯中最重大的成功是什么？所以，您可以这样回答。我最重大的成功是领导了一个项目，该项目使金融服务应用程序的用户参与度提高了 30%。原始设计让用户感到困惑，导致了很高的放弃率。在进行了彻底的用户研究后，我们确定了关键痛点并重新设计了应用程序的用户流程。我们逐步实施了更改，在每个阶段都纳入了用户反馈。最终的设计受到了高度欢迎，用户参与度和满意度显著提高。所以，伙计们，您可以使用这样的模板，但如果您有经验，它应该是您自己的成功。所以，这些问题基本上是针对那些有一到三年工作经验的候选人。他们可以与客户或面试官分享他们的工作经验。现在让我们继续我们的最后一个问题。所以，我们的最后一个问题是，您希望在五年内实现您的 UX 设计职业生涯的什么目标？所以，伙计们，这是一个非常重要的问题，因为当您去面试时，您的面试官一定会想了解您在给定职业生涯中的愿景。所以，您可以这样回答。五年内，我希望担任领导角色，在那里我可以指导和领导一个 UX 设计师团队。我还希望拥有一个成功的项目作品集，这些项目对用户体验和业务成果产生了重大影响。此外，我想继续完善我的技能，特别是在服务设计和 UX 策略等领域，以对更全面、以用户为中心的产品开发做出贡献。所以，伙计们，这是一个模板，您也可以使用它来定义您的愿景，或者如果您有一个更好的模板，您已经考虑过您的，因为这是一个非常个人化的问题。所以，您可以这样回答，但这只是一个非常基本的模板。所以，伙计们>> 这样，我们就结束了本课程。如果您有任何疑问或问题，请在下面的评论部分提问。我们的专家团队将尽快回复您。感谢您继续与 Simply Law 一起学习。