移动APP界面设计（下篇，共上中下3篇）.pptxVIP

模块2任务2手绘原型设计MOBILEAPPINTERFACEDESIGN移动App界面设计

任务情境描述01任务准备04任务目标02相关知识点05任务明细03课后任务06目录CONTENTS

任务情境描述01移动App界面设计

公司即将上线针对大学生的旅行App“青柠行旅”，目前已完成大量前期研究，进入界面初步设计阶段。项目组长要求根据信息架构图绘制首页原型方案，用于组内设计讨论，以优化用户体验和功能布局。项目背景

任务目标02移动App界面设计

具备设计创新与评判的能力，能够提出独特且符合用户需求的设计方案，提升产品竞争力。设计创新能力

掌握原型的绘制方法，包括手绘草图、线框图等，能够快速将设计想法转化为可视化形式。掌握原型绘制方法

能够根据信息架构图进行原型设计，合理划分页面区域，确保功能布局清晰合理。原型设计能力

了解原型在互联网产品设计过程中的意义，如沟通工具、测试反馈等，提升设计效率和质量。理解原型意义

任务明细03移动App界面设计

页面规划：分析常见App首页布局，确定大学生旅行App首页的区域划分，包括状态栏、导航栏、内容区域、标签页栏等。功能区域绘制：分别绘制状态栏、导航栏、Banner、金刚区、活动区、高赞攻略等各功能区域的原型，选择合适的样式并注意细节表现。整合与调整：将各功能区域原型组合成完整的首页原型，调整各区域的比例和间隙，确保整体布局协调美观。首页原型绘制

任务准备04移动App界面设计

什么是原型：原型是产品设计的初步模型或版本，用于展示产品的功能、交互、布局和设计等方面，帮助团队理解和沟通产品概念。原型的种类：包括低保真原型（如手绘草图、线框图）和高保真原型（接近最终产品的视觉和交互效果），具体选择取决于设计阶段和需求。原型概念理解

准备必要的绘图工具，如纸张、铅笔、橡皮擦、尺子等，确保能够快速、准确地表达设计想法。了解并掌握一些简单的绘图技巧，如绘制基本图形、排版布局等，提高手绘原型的质量和效率。0102原型设计工具准备

相关知识点05移动App界面设计

定义：原型是产品设计的初步模型，用于展示产品的功能、交互、布局和设计等方面，帮助团队理解和沟通产品概念。作用：快速表达设计思路，促进团队沟通；作为用户测试工具，收集反馈；作为开发人员的参考，确保开发方向与设计一致。0102原型定义与作用

打破思维局限：帮助设计师尝试不同的设计风格和布局方式，发现潜在问题，避免后期开发中的重大设计缺陷。02便于沟通协作：作为设计师与开发人员之间的桥梁，清晰传达设计意图，确保开发工作顺利进行。03利于用户测试：通过用户测试收集反馈，了解用户需求和使用体验，为优化设计提供依据。04快速灵活：能够快速将设计想法转化为可视化的形式，方便团队成员和客户理解，及时提出反馈意见。01手绘原型的优势

课后任务06移动App界面设计

根据已有的信息架构图，绘制大学生旅行App的其他页面原型，如搜索页面、个人中心页面、攻略详情页面等，进一步完善产品的整体设计。在设计过程中，注意保持各页面风格的一致性，确保用户体验的连贯性。其他页面原型设计

总结本次手绘原型设计过程中的经验教训，思考如何在后续设计中更好地应用所学知识和技能，提升自己的设计水平。分享在团队讨论中获得的反馈意见，以及如何根据反馈进行优化调整，培养团队协作和沟通能力。学习心得总结

谢谢大家汇报人时间20XXPOWERPOINTDESIGNAiPPT202X

模块2任务3百度首页原型设计MOBILEAPPINTERFACEDESIGN移动App界面设计

目录任务目标任务准备相关知识点01任务情境描述040205任务明细课后任务0306

任务情境描述01移动App界面设计

大学生旅行APP的首页设计包含一个顶部tab栏，团队使用Axure软件制作原型。你对Axure还不熟练，项目经理要求你先熟悉百度App的首页tab操作方式，并用Axure搭建低保真原型，以优化界面交互和用户体验。该项目旨在通过模仿百度App的交互设计，提升“青柠行旅”App的用户体验。选择百度App作为参考对象，是因为其在界面设计和交互方面具有广泛的用户基础和成熟的经验。使用Axure软件是因为其强大的原型设计功能，能够满足项目对交互效果展示的需求。项目背景

任务目标02移动App界面设计

具备制作低保真原型的能力，能够快速将设计想法转化为可视化的形式，为后续设计提供基础。PART01通过本次任务，你将学会如何在短时间内搭建出一个功能清晰、布局合理的低保真原型。PART02低保真原型是产品设计初期的重要工具，它可以帮助团队快速沟通设计思路，发现潜在问题。PART03掌握这一技能，将为你的设计工作打下坚实的基础，提高设计效率和质量。PART04低保证原型制作能力