互联网产品开发（AIGC版）（微课版）课件 项目五 互联网产品原型设计

PRODUCT互联网产品原型设计主讲人：马胜铭时间：5-1原型设计基础01项目导入绿航物流系统迭代困境与AIGC提效成果02学习目标涵盖知识、能力、素质的全方位提升03原型设计认知理解原型定义、分类及其桥梁作用04主流原型工具Axure、墨刀、Figma等工具特性解析05原型优劣势分析快速迭代价值与技术实现局限06思考互动探讨工具选择逻辑与用户参与价值01项目导入原型设计基础绿航原型优化实践成果项目导入2024绿航困境界面混乱导致系统误操作率高23%跨部门协作低效需求变更频繁58%系统迭代遭遇瓶颈，需求描述模糊，开发返工量大，严重影响物流调度效率。15%低保真优化提效40%减少重复工作量Figma协作平台母版统一组件，实现跨部门实时协作，大幅降低沟通成本。AIGC辅助设计自动生成界面框架与数据可视化方案，大幅压缩单页面设计时长。优化实践成果02学习目标原型设计基础学习目标知识目标掌握原型设计概念与分类熟悉Axure/摹客工具功能理解不同保真度应用场景能力目标熟练运用工具绘制原型独立完成产品原型方案应用AIGC技术辅助设计素质目标培养严谨细致职业素养提升团队沟通协作能力树立用户体验优先意识03原型设计认知原型设计基础原型设计的定义与桥梁作用原型设计认知什么是原型设计？原型是产品的最初模型，用于模拟软件功能操作与交互逻辑。它是连接抽象概念与具体实现的纽带，也是产研团队高效协作的重要沟通依据。产品概念创意构思/需求分析/灵感最终实现产品落地/代码开发/交付原型设计的分类原型设计认知草图原型定义：白板或纸质绘制的核心界面，快速记录灵感。场景：适合项目初期头脑风暴，快速描述需求。低保真原型定义：使用工具搭建，展现大致结构与基础交互。场景：确认功能逻辑，助力跨部门高效沟通。高保真原型定义：视觉与体验接近真实产品，细节逼真。场景：用于产品演示、高层汇报及用户测试。保真度选择逻辑无需一味追求高保真，需结合设计目标与项目阶段选择适配的保真度，以平衡制作成本与验证价值。04主流原型工具原型设计基础主流原型工具（一）主流原型工具AxureRP专业交互高保真Axure

RP是一款专业级交互原型工具，能够处理复杂的动态交互逻辑。它支持变量、函数及动态面板，可将构想转化为接近真实体验的高保真原型，非常适合需要深度验证的大型项目。摹客(Mockplus)一站式

协同设计摹客是国内领先的一站式设计协作平台，集成了原型设计与团队协作功能。它支持从低保真草图到高保真设计的全流程，有效打通产品、。设计与开发之间的壁垒，大幅提升跨部门协同效率主流原型工具（二）主流原型工具墨刀(Mockitt)国内领先的一体化设计协作平台，集成强大的AIGC功能，支持智能生成界面框架，显著提升设计效率。智能化/高效率SketchmacOS平台专业矢量设计工具，拥有丰富的插件生态，操作轻量化，完美适配

UI/UX设计需求。矢量设计/插件丰富MasterGo基于云端的产品设计工具，支持多人实时协作，多光标同步编辑，有效保障设计规范统一。云端同步/团队协同05原型优劣势原型设计基础原型设计优点原型优劣势快速迭代验证通过拖拽组件快速搭建原型，需求变化时可迅速调整方案，无需大量返工，大幅提升设计效率。促进沟通协作为跨部门提供统一交流平台，减少语言描述带来的误解，有效对齐设计与开发的认知标准。节省成本时间在原型阶段低成本解决逻辑问题，规避开发后期修改代码带来的高昂返工成本与时间浪费。提升用户体验模拟真实操作场景优化交互流程，根据测试反馈调整视觉元素，显著提升产品的最终吸引力。原型设计局限原型优劣势原型虽是高效工具，但在细节、技术与体验评估上存在客观局限性细节表现有限原型的视觉细节往往不如最终产品精致，功能多为简化版本。对于涉及复杂算法或大数据处理的逻辑，原型往往无法真实呈现，可能掩盖潜在的数据流转问题。技术可行性不足设计阶段容易产生“理想化”的交互动效，但在实际开发中可能面临高额成本。部分效果技术实现难度极高，这种偏差可能导致开发阶段被迫阉割功能，造成设计与落地的落差。体验模拟局限测试环境通常优于真实场景（如网络延迟、设备性能），导致数据不准。用户在测试时带有特定任务心态，与真实使用时的随意性不同，用户体验评估可能不够精准。06思考互动原型设计基础课堂思考互动工具选择的核心价值是什么？思考如何根据项目阶段（草图/低保真/高保真）灵活选择工具，以平衡制作成本与验证价值？无用户参与原型设计有何风险？分析缺乏真实用户反馈可能导致的体验评估偏差，以及设计者视角的认知局限性。请分组讨论以上问题，并分享您的观点课堂知识点小结Summary

of

Knowledge

Points基础理论回顾原型分类与层级草图(灵感) 低保真(结构) 高保真(演示)主流设计工具Axure(专业交互)/Figma(实时协作)/墨刀(AIGC提效)价值与局限优势：快速迭代验证、统一沟通语言局限：细节表现有限、技术实现差异"工具选择必须服务于设计目标，拒绝盲目追求高保真，产研协作效率至上。"绿航案例启示15%低保真优化提升操作效率40%协作平台减少重复工作量THANKYOU感谢观看!主讲人：马胜铭时间：PRODUCT互联网产品原型设计主讲人：马胜铭时间：5-2低保真原型设计前的准备准备工作CORE

STEPS低保真原型设计前的两大核心前置任务01

需求分析明确问题与目标基于前期调研与访谈，提炼用户痛点与期望，明确业务核心目标，为设计指明方向。02

设计规划制定解决方案拆分系统功能模块，设计原型架构与页面布局，制作母版提升复用性，构建清晰蓝图。需求分析：需求描述与收集01

前期基础基于项目三的用户与业务分析结果，确立初步方向，为后续需求挖掘奠定数据与逻辑基础。02

收集渠道利用调研、访谈、问卷等多维渠道广泛收集信息，确保样本的多样性与真实性。03

提炼目标从海量信息中提炼核心需求，精准匹配用户痛点与期望，形成可落地的设计目标。关键点：从原始数据到核心需求的转化，是低保真原型设计的核心依据。需求整理与分析现场明确用户与业务需求示例在线教育平台

用户侧用户强烈需求课程个性化推荐，系统需精准匹配用户的学习进度与兴趣偏好。电商平台

业务侧核心业务目标是提升转化率，重点在于优化商品展示逻辑与简化购物支付流程。总结目标留存用户提升营收拓展市场遵循SMART设定设计目标SSpecific

明确具体目标需清晰界定，拒绝模糊概念，明确做什么。MMeasurable

可衡量需有明确的数据指标支持，以便验证结果。AAttainable

可落地结合实际资源与能力，确保目标具备实现性。RRelevant

相关性与业务核心目标及用户痛点紧密相关。TTime-bound

有时限设定明确的截止时间节点，避免拖延。CASE

STUDY在线教育平台目标示例时限：两周内完成低保真原型设计指标：课程查找效率提升30%结果：产出可交互的原型方案设计规划：拆分功能模块第一步：拆分系统大功能确立产品的核心骨架，将复杂的系统需求划分为若干独立的大功能模块。细化：分解小功能与菜单将大模块逐级下沉，进一步拆解为具体的操作菜单、子功能点及页面元素。目的：梳理清晰功能层级构建严密的逻辑结构，确保功能层级清晰、无遗漏，为原型设计打好基础。功能架构思维导图示例设计规划：架构布局整合构建原型架构基于前期功能拆分结果，运用设计经验搭建产品整体骨架，确立清晰的信息层级与导航逻辑。规划页面布局合理安排页面元素位置，遵循用户视觉习惯与操作路径，确保界面布局平衡且交互流畅。整合功能模块将拆解的细分功能点有机串联，填充至架构框架中，形成完整闭环的业务流程体验。设计规划：提升复用性核心策略：制作母版(Master)将导航栏、页脚、搜索框等通用功能模块封装为母版，实现“一次制作，多处调用”的设计逻辑。减少重复操作避免对相同组件的反复绘制，显著降低低效劳动，让设计过程更加流畅。提升设计效率通过拖拽母版快速搭建页面框架，缩短原型设计周期，聚焦核心交互逻辑。便于统一维护修改母版即可同步更新所有引用页面，确保设计的一致性与维护便捷性。准备工作核心回顾需求分析核心用户调研：通过访谈提炼痛点与期望业务目标：明确商业价值与核心诉求SMART原则：设定清晰可落地的设计目标设计规划核心模块拆分：细化功能层级与菜单结构

架构整合：结合经验设计页面布局逻辑母版复用：提取通用功能提升设计效率THANKYOU感谢观看!主讲人：马胜铭时间：PRODUCT互联网产品原型设计主讲人：马胜铭时间：5-3原型设计基础与应用01原型设计核心认知市场定位决策与Axure

RP工具价值02Axure

RP详解界面七大分区与核心功能操作指南03Axure元件应用基础元件库使用与交互事件设置04Axure实操案例快速制作登录页原型全流程演示01原型设计核心认知原型设计基础与应用原型设计工具的应用原型设计核心认知原型设计工具众多，本书要介绍的是AxureRP，这个工具在国内很多大型互联网公司正在使用和推广，同时它也是产品经理必备的原型设计工具，因为它上手快、操作简单，满足产品经理的需求。Axure

RP工具优势快速上手界面直观，学习曲线平缓，适合快速入门。操作简单强大的拖拽式交互设计，轻松实现所见即所得。02AxureRP详解原型设计基础与应用AxureRP界面分区AxureRP详解Axure

RP

9

-

Untitled.rp1菜单栏包含文件、编辑、视图等9项常规操作功能入口。2工具栏集合剪切、复制、对齐分布等高频快捷编辑按钮。3页面与概要树状展示页面结构，管理页面元件层级与可见性。元件与母版4

提供基础元件库，支持母版复用设计。工作区5原型设计核心画布，进行拖拽布局创作。检视区6设置元件样式、添加交互事件与说明。参数格式7设置元件属性参数，辅助样式调整。菜单与工具栏功能AxureRP详解菜单栏(MenuBar)包含文件、编辑、视图、项目等9项常规操作功能。提供软件最基础的文件管理与视图控制入口，是原型设计的全局控制中枢。工具栏(Toolbar)汇集了设计过程中高频使用的快捷编辑工具。内置剪切、复制、粘贴、对齐、分布等常用按钮，可大幅提升原型制作与排版效率。图5-1

Axure顶部操作区域详解参数格式与页面与概要区功能AxureRP详解参数格式区用于精细化设置元件属性，包括坐标尺寸、填充颜色、边框样式及交互效果，是控制元件外观的核心区域。页面区以树状结构直观展示原型站点地图，支持页面的添加、删除、重命名及层级拖拽，便于管理复杂项目结构。概要区类似设计软件的图层面板，管理当前页所有元件层级，支持快速检索、锁定、隐藏元件及动态面板状态切换。元件库与母版区功能AxureRP详解元件库功能元件库为原型制作提供丰富的基础素材，涵盖线框图、流程图、图标及自定义元件，支持通过拖拽快速构建页面结构。母版区功能母版区用于设计共用区域（如导航栏、页脚版权），支持

“一处修改，多页同步”，大幅提升原型维护效率与一致性。母版(Master)工作区与检视区功能AxureRP详解工作区：核心设计画布工作区是原型设计的核心操作界面。用户在此区域进行元件拖拽、页面布局排列，所见即所得地自由完成原型创作。检视区：三大功能模块检视区集成了“样式”、“交互”、“说明”三大功能页签，是对页面及元件属性进行精细化配置的关键控制中心。样式定义与事件交互通过检视区可调整元件的颜色、边框等视觉样式，并能添加单击、载入等交互事件，实现从静态线框图到动态原型的转变。检视区样式交互展示AxureRP详解检视区功能概览检视区集成样式（Style）、交互（Interaction）与说明（Notes）三大核心模块，支持对页面或元件属性的全方位定义与管理。说明与注释配置通过“说明”标签页可为元件添加详细的功能逻辑描述，支持自定义字段（如需求ID、优先级），实现文档的标准化管理。界面操作逻辑界面采用层级化结构，顶部支持页面与元件对象的快速切换，配合“指定元件”功能，可高效定位并批量编辑说明内容。Axure生成文件类型AxureRP详解.rp原型源文件这是Axure最基础的文件格式，包含了项目中所有的页面、元件、交互逻辑和注释信息。适用于个人独立完成原型设计工作，文件体积相对适中。.rpprj共享项目文件专为团队协作设计，通常配合AxureCloud或SVN使用。支持多人同时编辑同一个项目，具有签入/签出机制，能够有效管理版本冲突。.rplib元件库文件用于封装自定义元件的集合文件。设计师可以将常用的组件（如导航栏、按钮组）打包成库，供团队成员导入使用，确保设计规范统一。版本兼容性重要提示Axure的文件遵循“向下兼容，向上不兼容”的原则。高版本（如Axure

RP

10）创建或保存的文件，无法在低版本（如AxureRP8/9）中打开。在团队协作中，务必确保所有成员使用相同的软件版本，以免造成文件损坏或无法读取。03Axure元件应用原型设计基础与应用Axure元件库分类Axure元件应用Axure默认元件库线框图元件(Common)核心基本元件表单元件菜单/表格标记元件流程图元件(Flow)用于绘制业务逻辑与跳转流程图标库(Icons)内置常用矢量图标集合知识点解析Axure元件库是原型设计的核心资源库，其中线框图元件使用频率最高，涵盖了从基础形状到复杂表单的所有UI元素。矩形/按钮输入框下拉列表基础与特殊元件应用Axure元件应用基础元件体系包含矩形、圆形、按钮及占位符等核心组件。操作方式类似

Office绘图工具，是构建低保真线框图的基石。图片智能切割图片元件支持十字、横向及纵向三种切割方式。可灵活调整图片布局而不影响整体比例，适配不同尺寸需求。热区交互应用通过透明热区（Hot

Spot）覆盖图片特定区域，可在单张静态图上定义多个点击跳转逻辑，常用于电商海报设计。元件库基础线框图元件功能演示图片切割与编辑表单与菜单表格元件Axure元件应用表单交互元件表单元件是用户与系统交互的核心，包含文本框、下拉列表、复选框等。广泛应用于登录注册、信息填报等场景，支持单行或多行文本输入及选项互斥逻辑，满足基础数据录入需求。菜单与数据表格菜单表格元件用于结构化数据的展示与导航。列表框和树状菜单适配部门列表、城市选择等层级数据；表格元件则能清晰呈现复杂信息，提升后台管理系统等场。景的信息获取效率流程图与自定义元件Axure元件应用内置流程图元件库Axure预置了标准化的流程图元件，包含矩形（处理）、菱形（判定）、圆角矩形（起止）等，可快速绘制业务逻辑与操作步骤。业务逻辑可视化利用内置元件库，产品经理能够高效地理清产品交互逻辑，将抽象的业务规则转化为直观的视觉流程图，提升团队沟通效率。自定义与第三方库导入支持导入外部.rplib元件库或创建自定义库，以适配特定项目风格，实现设计资源的复用与统一管理，扩展设计能力。流程图元件展示Axure元件应用标准流程元件库AxureRP内置了标准的流程图（Flow）元件库，包含矩形、菱形、圆角矩形等标准化图形。用户无需额外寻找资源，直接拖拽即可快速构建符合规范的业务逻辑图。常用图形语义规范遵循国际标准：圆角矩形代表流程起止，矩形代表执行步骤，菱形用于条件判断，平行四边形表示输入输出。逻辑梳理与交互辅助在高保真设计前，利用流程图元件梳理后台逻辑与用户操作路径，能有效规避逻辑漏洞。配合页面快照，可生成清晰的交互说明文档，降低团队沟通成本。04Axure实操案例原型设计基础与应用Axure快速制作登录页Axure实操案例1新建空白文件启动Axure

RP软件，点击菜单栏“文件”选项，选择“新建”，创建一个全新的空白原型项目文件。2添加表单元件从左侧元件库拖入两个“文本框”和一个“提交按钮”，分别设置提示文字为“用户名”和“密码”。3保存并预览调整元件位置使其居中对齐，保存项目文件（Ctrl+S），点击右上角“预览”按钮在浏览器查看效果。Login

Page

PreviewTHANKYOU感谢观看!主讲人：马胜铭时间：PRODUCT互联网产品原型设计主讲人：马胜铭时间：5-4原型设计进阶技巧0102母版的创建母版的拖放行为03母版的应用01母版的创建原型设计进阶技巧母版核心作用母版的创建减少重复制作，大幅降低设计工作量在原型设计中常遇重复的页面元素（如导航栏、页脚），使用Axure母版功能可实现“一次设计，处处引用”。避免重复劳动无需在每个页面重复绘制相同的导航条或菜单，解决传统复制粘贴带来的维护难

题。提升设计效率修改母版即可同步更新所有引用的页面，极大地缩短了迭代修改的时间成本。新建母版步骤1母版的创建切换面板区域在Axure界面左下角找到并点击“母版”选项卡，进入母版管理视图。执行添加操作点击面板工具栏中的“添加母版”按钮（+号图标），创建一个新的空白母版。规范命名管理双击新建的母版名称，将其重命名为“导航条”，以便后续识别调用。图示：添加母版操作制作导航母版内容母版的创建01拖入矩形元件在Axure的元件库面板中找到“矩形”元件，将其拖拽至母版编辑工作区的中心位置。02复制并排列复制该矩形两次，并将这三个矩形横向排列对齐，保持间距一致，构建导航条的基本骨架。03命名与赋值分别双击这三个矩形元件，依次输入文字内容：

“首页”、“新闻中心”、“社会责任”。Axure

RP

-

Master

View:Navigation首页新闻中心社会责任创建页面与母版批量引用母版的创建1

创建独立展示页面在页面面板中分别创建“首页”、“新闻中心”、“社会责任”三个独立页面，作为母版引用的载体。2

母版批量引用右键点击导航条母版选择“添加到页面中”，在弹窗中勾选所有目标页面，实现一次性批量部署。母版应用效果与移除操作母版的创建查看应用效果双击“首页”页面进入编辑区，即可直观看到导航条母版已成功同步应用。母版内容的任何修改都会自动更新到所有引用页面，实现高效复用。移除母版关联若需解除关联，在母版面板中右键点击目标母版，选择“从页面中移除”选项。在弹出的对话框中勾选目标页面，即可快速切断母版引用。母版第二种创建方法母版的创建方法二：元件直接转换无需重新创建，直接利用现有设计成果。将页面中已完成布局和样式的元件组合，一键升级为可复用的母版，大幅提升设计效率。1选中目标元件在画布中选择一个或多个需要复用的元件2右键上下文菜单点击鼠标右键唤出操作菜单3转换为母版选择功能项并命名完成母版创建制作页面导航条-案例母版的创建拖入元件在首页画布中拖入3个矩形元件，作为导航菜单的基础背景。命名设置将三个矩形分别命名为“首页”、“新闻中心”、“社会责任”。检查列表观察左侧概要面板，确认元件层级正确，导航条初具雏形。Axure

RP

9-首页导航制作元件转母版操作母版的创建图5-55将元件转换为母版1选中目标元件在画布中框选或按住Shift键，依次选中已制作好的“首页”、“新闻中心”、“社会责任”三个矩形元件。右键转换母版保持选中状态，点击鼠标右键唤出菜单，在列表中找到并选择“转换为母版”选项。命名并保存系统弹出创建对话框后，输入母版名称“导航菜单”，点击确定即可完成从元件到母版的转换。元件转母版注意事项母版的创建坐标默认归零机制元件被转换为母版后，其内部元件的坐标属性(X,Y)

将默认重置为(0,0)。这意味着母版内容将以母版容器的左上角为原点进行对齐。实例位置独立性在具体页面中移动母版实例，仅改变该实例在当前页面的显示位置，绝不会改变母版源文件本身的内部结构或位置设定。防止布局错位设计时需特别留意坐标变化带来的视觉差异。建议在转换前确认好元件间的相对位置关系，避免因坐标重置导致整体布局出现意外错位。Axure

RP

-Properties02母版的拖放行为原型设计进阶技巧母版3种拖放行为母版的拖放行为任意位置Anywhere母版可在引用页面中自由拖动与定

位，且内容修改后会同步更新至所有页面，适用于通用型组件。锁定位置Lock

to

MasterLocation固定在引用页面的底层，位置坐标与母版内保持绝对一致，非常适合制作背景图或固定导航条。从母版脱离Break

Away切断页面实例与母版的关联，转换为普通元件独立编辑，适用于需要基于模板进行个性化修改的场景。02母版的应用原型设计进阶技巧模板应用实操案例母版的应用海澜集团官网原型制作结合所学母版知识，使用Axure制作官网原型。重点在于将重复出现的导航栏与底部版权信息转换为母版，体验“一次修改，全局同步”的高效设计流程。导航菜单母版化统一管理首页、新闻中心等页面入口底部信息复用批量应用版权声明与联系方式至全站交互动态效果设置鼠标悬停样式与菜单选中状态原型效果预览官网原型制作模块与要点母版的应用四大制作模块导航菜单母版布局设计与结构规划底部版权信息母版复用与信息展示动态效果制作导航菜单交互实现内容补充各页面专属内容填充核心设计要点元件组合应用熟练使用文本标签、水平线、占位符、图片等基础元件，构建结构清晰、视觉规范的网页母版。交互动态实现通过设置交互事件（如鼠标悬停、点击切换），赋予静态元件动态反馈能力，提升原型的真实感。THANKYOU感谢观看!主讲人：马胜铭时间：PRODUCT互联网产品原型设计主讲人：马胜铭时间：20265-5

AIGC辅助互联网产品原型设计使用AIGC绘制原型草图使用AIGC辅助原型设计01使用AIGC绘制原型草图AIGC辅助互联网产品原型设计应用场景使用AIGC绘制原型草图Deepseek创意构思1设计概念生成2用户故事与场景模拟3即梦AI快速绘制草图1线框图制作2实践操作案例1：使用Deepseek+即梦AI进行高校图书馆小程序原型草图的绘制使用AIGC绘制原型草图苏信图书馆目前准备开发一款线上借书和座位预定的小程序，产品经理Salmon想通过借助AIGC工具帮助提供一些设计灵感，并辅助绘制原型草图，从而方便后续进行分享汇报使用。任务情境实践操作案例1：使用Deepseek+即梦AI进行高校图书馆小程序原型草图的绘制使用AIGC绘制原型草图步骤一：进入Deepseek官网进行提问。如图所示。（1）让Deepseek提供原型设计结构创意实践操作案例1：使用Deepseek+即梦AI进行高校图书馆小程序原型草图的绘制使用AIGC绘制原型草图步骤二：进行提问（1）让Deepseek提供原型设计结构创意在输入框中，输入提示词：作为资深的互联网产品设计经理，需要为江苏信息职业技术学院设计一款图书馆借书和座位预约的小程序，请为小程序设计开发功能界面。生成结果如下：实践操作案例1：使用Deepseek+即梦AI进行高校图书馆小程序原型草图的绘制使用AIGC绘制原型草图步骤一：继续进行提问（2）将上述提供的建议界面转化成即梦AI可用的提示词在输入框中，输入提示词：现在你准备各个功能模块的描述，利用即梦AI生成原型草图，请你针对图书借阅系统的首页、图书详情页页面、座位智能选座系统页面的描述，将描述转化为即梦AI生图的提示词。生成结果如下：实践操作案例1：使用Deepseek+即梦AI进行高校图书馆小程序原型草图的绘制使用AIGC绘制原型草图步骤一：进入登录即梦AI官网。（3）利用即梦AI进行草图生成在即梦官网选择“图片生成”功能，选择合适的尺寸和分辨率。此处选择默认的1:1比例、标清，如图所示。实践操作案例1：使用Deepseek+即梦AI进行高校图书馆小程序原型草图的绘制使用AIGC绘制原型草图步骤二：进行提问（3）利用即梦AI进行草图生成在输入框中，将上文生成的提示词一个个粘贴到对话框：手绘线稿草图,图书馆小程序首页,低保真线框单色线条,无背景--顶部：搜索栏（左侧放大镜图标+"搜索图书/座位"占位文字）--中部：4个功能入口大按钮（扫码借书图标+文字、图书检索图标+文字、座位预约图标+文字、我的借阅图标+文字），2x2网格布局--下方：功能区标题"热门推荐"+横向滚动3个图书卡片（简笔画封面占位块+书名标签）--底部：Tab栏（首页/发现/个人中心图标+文字）组件带手写标注，线条轻微抖动感，留白30%。实践操作案例1：使用Deepseek+即梦AI进行高校图书馆小程序原型草图的绘制使用AIGC绘制原型草图步骤三：即梦生成的结果如下（3）利用即梦AI进行草图生成即梦默认会生成4个效果图，如图所示，可以根据生成的效果图选择一个合适的草图进行保存。参照上边的两个步骤，依次将图书详情页和智能选座系统的提示词输入即梦AI的对话框，生成效果图。最后选择合适的效果图。02使用AIGC辅助原型设计AIGC辅助互联网产品原型设计应用场景使用AIGC辅助原型设计摹客快速生成低保真原型图1借助摹客的AI功能，产品经理或设计师只需输入产品基本需求、功能结构等关键信息，即可快速生成低保真原型图。这为设计团队提供了初始框架，大大节省了从空白页面开始构思和绘制的时间成本，提高了设计的启动效率。智能布局与元素推荐2摹客能够根据产品类型和用户需求，智能推荐合理的页面布局方案以及常用UI元素。它基于大量的设计数据和模式识别，为原型设计中的界面排版、元素选择提供参考建议，帮助设计师设计出更符合用户体验和设计规范的低保真原型，提升原型的专业性和可用性。实时协作与反馈3在低保真原型图制作过程中，团队成员可以通过摹客平台进行实时协作。产品经理、设计师、开发人员等不同角色能够同时查看和编辑原型图，随时添加注释、提出修改意见。实践操作案例1：使用慕客AI辅助制作高校图书馆小程序使用AIGC辅助原型设计苏信图书馆平台希望根据规划的图书馆小程序原型，设计低保真原型，以便后期能够更好地和开发人员及用户分享。通过前期的规划和构思，预计设计以下几个功能页面。1.图书借阅系统页面：包含智能搜索、一键借阅、图书详情页、个人借阅管理等。2.座位智慧预约页面：包含3D楼层导航、智能选座系统、时段化预约动态签到机制等。3.学术支持中心：包含教材教参专区、考证资料库、论文支持等。4.校园学习生态：包括学习计时器、失物招领平台、活动日历等。任务情境实践操作案例1：使用慕客AI辅助制作高校图书馆小程序使用AIGC辅助原型设计步骤一：进入慕客平台（1）借助慕客AI完成低保真原型的制作实践操作案例1：使用慕客AI辅助制作高校图书馆小程序使用AIGC辅助原型设计步骤二：注册登录慕客，新建项目（1）借助慕客AI完成低保真原型的制作进入慕客工作台后，新建项目，选择合适的画板尺寸。此处将项目命名为“苏信图书馆”、选择“380x844”的画板尺寸，如图所示。实践操作案例1：使用慕客