2020-09-24 18:53发布
交互原型的本质是一种沟通工具，主要用于团队内部协作，作用是传达需求。因此，为了把需求传达清楚，交互原型中必须包含以下5类信息：
原型展现完整的流程；
界面以及界面中的元素展现需求的所有功能点；
界面中元素的各种状态说明；
元素操作后的效果；
异常、极限状态说明。
低保真或草图一般不用加，高保真加上更方便沟通对接
需要些交互说明，不过，交互说明的文字要简短精炼
一般来说 加上交互说明 不光可以提高沟通效率 还更显的专业
需要的~
原型图的交互说明是针对原型图内容元素的解释文字。清晰准确的交互说明能够起到以下作用：减少交互设计师与产品上下游人员的沟通成本；提升协作效率；避免项目返工延期。
原型图交互说明的输出，可以从宏观和微观两个层面展开分析。宏观角度是指输出交互说明应该注意的事项，以及应用组件化思维提升输出交互说明的效率。微观角度是指单张原型图应该包含的交互说明的具体内容。本文结合图例主要说明宏观角度输出交互说明应该注意的地方。
宏观层面
1. 交互说明的文字要简短精炼
这里有个坑大家注意，估计很多交互设计师和我一样在实际项目中有这样的困惑：产品需求文档里的功能点逻辑描述已经相当全面，还有必要再次写到原型图的交互说明里吗？这里我们需要明确：只要在交互说明里把有关交互的主场景和各种状态作简要描述即可，开发人员如果有困惑会仔细查看PRD的。
如上图是PRD中关于Banner功能的描述，在交互说明中只需要提取出以下几点：
用户点击Banner图跳转至对应页面；
Banner图少于2张时，不进行自动轮播，也不展示翻页点；
Banner图大于等于2张时，进行自动轮播，且展示对应图片数量的翻页点；
Banner图最小张数为1，最大张数为5；
用户可左右滑动切换Banner图片，同时Banner每隔5秒自动轮播无限循环。
2. 页面元素的交互说明主要由以下模块构成
元素基础设置、交互动作、跳转逻辑、限定极限值、状态及状态之间转换的描述。如下图，仍然以上面的Banner功能点举例说明。
3. 页面内容尽量使用符合逻辑的真实数据
避免使用XX符号或者无关联的数据替代，这样写出的交互说明贴近真实场景，容易产生代入感，使阅读者清楚明确。如下图，搜索默认词、导航tab切、以及内容文案都给的是上线后的真实数据。
4. 交互说明考虑内容元素的特殊状态
包括极限值/错误提示/判断规则等，要在交互说明中明确指出。如下图1，同一个页面中标题出现普通状态与极限状态；如下图2，上传文件的不同状态给出相应的文案提示并解释说明。
5. 交互说明的排版布局要有助于阅读
交互说明有多种排版布局方式，比如原型图内容元素标上数字放置在上方，对应的交互说明放置在原型图下方。或者原型图在左侧，交互说明在右侧，有的设计师也会把元素和对应的交互说明用连接线连起来。
因为不同的排版布局方式各有利弊，所以具体采用哪种布局方式要根据所做项目的情况，以及开发人员的阅读习惯而定。如下图是我平时习惯的输写方式。
6. 页面之间逻辑跳转的关联性需要交代清楚
比如点击某个按钮，跳转到哪个页面，可以在交互说明中写清楚标号或页面名称。
7. 交互说明组件化
类似于设计的控件库，我们在项目中写交互说明写多了就会发现，既然元素可以调用控件库快捷使用，那么该元素的交互说明也可以归类入库，在需要的时候直接拿出来根据具体情况调整使用。
比如上面提到的“Banner图交互说明”，就可以保存一份在交互说明库中，等后续画原型图再需要时，直接调取出来根据情况微调即可。这样做的目的：使用时快捷调用，修改时快捷修改。
8. 页面交互说明建议平铺直述，不建议使用动态效果
原型图的动态效果适合页面跳转的演示，但不利于交互说明的呈现，会给视觉设计师和开发造成阅读困扰。
9. 交互说明应该依据具体情况不断调整完善
如果业务和产品临时调整需求，或者交互评审后需要对原型稿进行修改，则交互说明也要进行相应的修改。另外项目在进展过程中如果发现交互说明有遗漏现象，则需要随时补充完善。
需要交互说明，交互说明的文字要简短精炼
还是很有必要的，清晰准确的交互说明能够减少交互设计师与产品上下游人员的沟通成本、提升协作效率、避免项目返工延期
交互原型图，是必须要配上交互说明才行的。否则，交互原型就不能表达完整的意思。
你好：关于需要学习几个月能找工作，我的理解和建议如下：1. 首先要确认自身是否有相关的专业积累？因为UI只是设计者手中的工具，它是内在设计思想有效的表达途径。学习软件很容易，但只是掌握工具的运用是远远不够的。2. 如果有相关专业的知识积累，那么工具...
哈哈哈哈 看你是想成多少资产的富婆喽能担起富婆这个称号起码要过百吧UI设计的平均工资是挺高的月入过万不是梦但是在现在这个高消费的社会环境下光靠这个还不够毕竟你一年不吃不喝才12万你可以做UI多赞些钱，然后再做副业...
UI是英文User Interface的缩写。翻译成中文就是：用户界面，也称人机界面。是指用户和某些系统进行交互方法的集合，这些系统不单单指电脑程序，还包括某种特定的机器，设备，复杂的工具等。UE是英文User Experience的缩写，翻译成中文就是用户体验。是指用户...
不麻烦 首先把这个部分解组 快捷键是 CTRL+SHIFT+G 然后点这个区域 如果点到不需要的元素 就CTRL+3 锁定隐藏，然后再继续点 点到只剩下需要的元素， 把元素弄出来 然后 CTRL+SHIFT+3 显示锁定隐藏，把没用元素删除就可以了。 如果直接点到了需要的元素 同样CT...
学会到就业的程度 一般时间为4个月左右,120天时间。 这里说的4个月时间,并不是所有人都是4个月可以学会的, 和学习方法,学习用心程度,学习时间都有关。 如果用错误的学习方法,学4个月是不可能学会的。...
对于UI设计来说，更加看重的是个人的设计能力和理念，以及操作能力，和男女的性别没有太大的关系。
靠谱肯定都靠谱的，就看你自己的兴趣爱好，发展前景都很好，大前端是一种网站搭建，小程序开发等用户端口开发的技术，UI设计就是纯纯的设计师岗位，将设计思维和理念融入到产品运营的每一个交互环节中...
其实生活中也有交互性，比如两个人之间的聊天沟通，带有双方的互动都叫做交互。互联网中的交互更多体现在任何互联网设备之间的使用和反馈。
1、初步调查 前期调研对于LOGO设计非常重要。具体周期看项目规模和预算。免费提供logo设计建议和各行业logo设计参考案例。一般情况下，这个时间大约是3天，我们会详细了解企业，对竞争对手的企业logo进行调查分析，这样可以更准确的控制方向，避免logo设计...
永远不要忘记调研 好的设计总是从调研开始。品牌创建需要你预先考虑到所有的细节。 创建品牌、设计LOGO之前需要进行广泛的调研。考虑到在这个过程中你需要对环境和背景中所有的细节都有所掌控，在预算上就一定要留下足够的余地。 此外，你的解...
一、具象表现形式： 具象表现是忠实于客观物象的自然形态，对客观物象采用经过高度概括与提炼的具象图形进行设计的一种表现形式。它具有鲜明的形象特征，是对现实对象的浓缩与精炼、概括与简化，突出和夸张其本质因素。标志设计的形态不可能像绘画的形式...
1．设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。2．设计须充分考虑其实现的可行性，针对其应用形式、材料和制作条件采取相应的设计手段。同时还要顾及应用于其它视觉传播方式（如印刷、广告、映像...
Looka Smashinglogo Freelogodesign Hatchful
1、沟通收集信息 在标志设计开始之前，充分与委托方沟通交流，了解委托方对于标志设计的要求。通过与委托方的沟通，尽可能收集诸如企业文化、企业面向的用户群体、企业类型等；在与委托方的沟通交流中，我们可以得知需要通过设计解决委托方的那些需求。为...
Naldzgraphics这个网站据说是个人创办的网站，上面所有的内容都是站主本人在日常中通过手机整理上传的。不过就算如此，网站还是收集了大量的平面设计素材。 Brandsof theWorld是世界知名LOGO资源库网站。上面收录了海量的世界知名Logo图标，而且还提供EP...
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 芝加哥 的问题《交互原型图必须要有交互说明吗？》','http://www.shouhuola.com/q-29901.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
交互原型的本质是一种沟通工具，主要用于团队内部协作，作用是传达需求。因此，为了把需求传达清楚，交互原型中必须包含以下5类信息：
原型展现完整的流程；
界面以及界面中的元素展现需求的所有功能点；
界面中元素的各种状态说明；
元素操作后的效果；
异常、极限状态说明。
低保真或草图一般不用加，高保真加上更方便沟通对接
需要些交互说明，不过，交互说明的文字要简短精炼
一般来说 加上交互说明 不光可以提高沟通效率 还更显的专业
需要的~
原型图的交互说明是针对原型图内容元素的解释文字。清晰准确的交互说明能够起到以下作用：减少交互设计师与产品上下游人员的沟通成本；提升协作效率；避免项目返工延期。
原型图交互说明的输出，可以从宏观和微观两个层面展开分析。宏观角度是指输出交互说明应该注意的事项，以及应用组件化思维提升输出交互说明的效率。微观角度是指单张原型图应该包含的交互说明的具体内容。本文结合图例主要说明宏观角度输出交互说明应该注意的地方。
1. 交互说明的文字要简短精炼
这里有个坑大家注意，估计很多交互设计师和我一样在实际项目中有这样的困惑：产品需求文档里的功能点逻辑描述已经相当全面，还有必要再次写到原型图的交互说明里吗？这里我们需要明确：只要在交互说明里把有关交互的主场景和各种状态作简要描述即可，开发人员如果有困惑会仔细查看PRD的。
如上图是PRD中关于Banner功能的描述，在交互说明中只需要提取出以下几点：
用户点击Banner图跳转至对应页面；
Banner图少于2张时，不进行自动轮播，也不展示翻页点；
Banner图大于等于2张时，进行自动轮播，且展示对应图片数量的翻页点；
Banner图最小张数为1，最大张数为5；
用户可左右滑动切换Banner图片，同时Banner每隔5秒自动轮播无限循环。
2. 页面元素的交互说明主要由以下模块构成
元素基础设置、交互动作、跳转逻辑、限定极限值、状态及状态之间转换的描述。如下图，仍然以上面的Banner功能点举例说明。
3. 页面内容尽量使用符合逻辑的真实数据
避免使用XX符号或者无关联的数据替代，这样写出的交互说明贴近真实场景，容易产生代入感，使阅读者清楚明确。如下图，搜索默认词、导航tab切、以及内容文案都给的是上线后的真实数据。
4. 交互说明考虑内容元素的特殊状态
包括极限值/错误提示/判断规则等，要在交互说明中明确指出。如下图1，同一个页面中标题出现普通状态与极限状态；如下图2，上传文件的不同状态给出相应的文案提示并解释说明。
5. 交互说明的排版布局要有助于阅读
交互说明有多种排版布局方式，比如原型图内容元素标上数字放置在上方，对应的交互说明放置在原型图下方。或者原型图在左侧，交互说明在右侧，有的设计师也会把元素和对应的交互说明用连接线连起来。
因为不同的排版布局方式各有利弊，所以具体采用哪种布局方式要根据所做项目的情况，以及开发人员的阅读习惯而定。如下图是我平时习惯的输写方式。
6. 页面之间逻辑跳转的关联性需要交代清楚
比如点击某个按钮，跳转到哪个页面，可以在交互说明中写清楚标号或页面名称。
7. 交互说明组件化
类似于设计的控件库，我们在项目中写交互说明写多了就会发现，既然元素可以调用控件库快捷使用，那么该元素的交互说明也可以归类入库，在需要的时候直接拿出来根据具体情况调整使用。
比如上面提到的“Banner图交互说明”，就可以保存一份在交互说明库中，等后续画原型图再需要时，直接调取出来根据情况微调即可。这样做的目的：使用时快捷调用，修改时快捷修改。
8. 页面交互说明建议平铺直述，不建议使用动态效果
原型图的动态效果适合页面跳转的演示，但不利于交互说明的呈现，会给视觉设计师和开发造成阅读困扰。
9. 交互说明应该依据具体情况不断调整完善
如果业务和产品临时调整需求，或者交互评审后需要对原型稿进行修改，则交互说明也要进行相应的修改。另外项目在进展过程中如果发现交互说明有遗漏现象，则需要随时补充完善。
需要交互说明，交互说明的文字要简短精炼
还是很有必要的，清晰准确的交互说明能够减少交互设计师与产品上下游人员的沟通成本、提升协作效率、避免项目返工延期
交互原型图，是必须要配上交互说明才行的。否则，交互原型就不能表达完整的意思。
相关问题推荐
你好：关于需要学习几个月能找工作，我的理解和建议如下：1. 首先要确认自身是否有相关的专业积累？因为UI只是设计者手中的工具，它是内在设计思想有效的表达途径。学习软件很容易，但只是掌握工具的运用是远远不够的。2. 如果有相关专业的知识积累，那么工具...
哈哈哈哈 看你是想成多少资产的富婆喽能担起富婆这个称号起码要过百吧UI设计的平均工资是挺高的月入过万不是梦但是在现在这个高消费的社会环境下光靠这个还不够毕竟你一年不吃不喝才12万你可以做UI多赞些钱，然后再做副业...
UI是英文User Interface的缩写。翻译成中文就是：用户界面，也称人机界面。是指用户和某些系统进行交互方法的集合，这些系统不单单指电脑程序，还包括某种特定的机器，设备，复杂的工具等。UE是英文User Experience的缩写，翻译成中文就是用户体验。是指用户...
不麻烦 首先把这个部分解组 快捷键是 CTRL+SHIFT+G 然后点这个区域 如果点到不需要的元素 就CTRL+3 锁定隐藏，然后再继续点 点到只剩下需要的元素， 把元素弄出来 然后 CTRL+SHIFT+3 显示锁定隐藏，把没用元素删除就可以了。 如果直接点到了需要的元素 同样CT...
学会到就业的程度 一般时间为4个月左右,120天时间。 这里说的4个月时间,并不是所有人都是4个月可以学会的, 和学习方法,学习用心程度,学习时间都有关。 如果用错误的学习方法,学4个月是不可能学会的。...
对于UI设计来说，更加看重的是个人的设计能力和理念，以及操作能力，和男女的性别没有太大的关系。
靠谱肯定都靠谱的，就看你自己的兴趣爱好，发展前景都很好，大前端是一种网站搭建，小程序开发等用户端口开发的技术，UI设计就是纯纯的设计师岗位，将设计思维和理念融入到产品运营的每一个交互环节中...
其实生活中也有交互性，比如两个人之间的聊天沟通，带有双方的互动都叫做交互。互联网中的交互更多体现在任何互联网设备之间的使用和反馈。
1、初步调查 前期调研对于LOGO设计非常重要。具体周期看项目规模和预算。免费提供logo设计建议和各行业logo设计参考案例。一般情况下，这个时间大约是3天，我们会详细了解企业，对竞争对手的企业logo进行调查分析，这样可以更准确的控制方向，避免logo设计...
永远不要忘记调研 好的设计总是从调研开始。品牌创建需要你预先考虑到所有的细节。 创建品牌、设计LOGO之前需要进行广泛的调研。考虑到在这个过程中你需要对环境和背景中所有的细节都有所掌控，在预算上就一定要留下足够的余地。 此外，你的解...
一、具象表现形式： 具象表现是忠实于客观物象的自然形态，对客观物象采用经过高度概括与提炼的具象图形进行设计的一种表现形式。它具有鲜明的形象特征，是对现实对象的浓缩与精炼、概括与简化，突出和夸张其本质因素。标志设计的形态不可能像绘画的形式...
1．设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。2．设计须充分考虑其实现的可行性，针对其应用形式、材料和制作条件采取相应的设计手段。同时还要顾及应用于其它视觉传播方式（如印刷、广告、映像...
Looka Smashinglogo Freelogodesign Hatchful
1、沟通收集信息 在标志设计开始之前，充分与委托方沟通交流，了解委托方对于标志设计的要求。通过与委托方的沟通，尽可能收集诸如企业文化、企业面向的用户群体、企业类型等；在与委托方的沟通交流中，我们可以得知需要通过设计解决委托方的那些需求。为...
Naldzgraphics这个网站据说是个人创办的网站，上面所有的内容都是站主本人在日常中通过手机整理上传的。不过就算如此，网站还是收集了大量的平面设计素材。 Brandsof theWorld是世界知名LOGO资源库网站。上面收录了海量的世界知名Logo图标，而且还提供EP...
1、沟通收集信息 在标志设计开始之前，充分与委托方沟通交流，了解委托方对于标志设计的要求。通过与委托方的沟通，尽可能收集诸如企业文化、企业面向的用户群体、企业类型等；在与委托方的沟通交流中，我们可以得知需要通过设计解决委托方的那些需求。为...