作为一名经历了从小到大企业的交互设计师，边肖对交互设计的理解逐渐形成了一系列由浅入深、由宏观经济到外部经济的交互设计经验。
主页在交互设计中，即时体现室内设计师工作效果的是交互设计稿。关于交互设计稿，不同种类的企业对交互设计稿的规定是不一样的，规范程度随着企业的业务规模越来越关键。在交互设计稿中，不仅包括原型设计方案，还包括原型的全局表示、原型设计概念和原型的变更记录。也许，这种内容在某些人眼里是无伤大雅的。但在分工明确、产品版本号迭代更新明确的企业中，这类内容更为重要，因为它只是一个微小的看时间的地方。
在个体户企业，因为人员少，有的人员会身兼数职。再加上新项目单一，大家总体目标一致，所以开发设计全过程沟通成本低。此外，在新项目产品迭代更新的整个过程中，开发者之间的零距离沟通更加合理。然而，在大型企业中，由于员工数量多，项目多，很难和谐地相互沟通。因此，产品研发各个环节产出率的标准化显得至关重要，尤其是设计方案的标示和标注。稿件的交互设计理念和评论非常有利于交互设计意图的准确传递，可以辅助产品研发各环节的工作人员，自主把握其设计方案的目的，并对开发设计全过程中的疑点进行解释。今天就来说说这个交互设计稿中被别人忽略的小东西。
第一：交互设计原型的全局性注释交互设计的全局注释包括两部分:设计标准的指示和视觉效果页面的规定与期望。
1)设计标准表明
手机设计标准的标明，是指在原型的开头或者原型页面的顶部，一些统一的元素、控件等。出现在原型中，可以让原型页面看起来干净整洁，不需要在原型中表现出来。
2)视觉效果页面的规定和期望
视觉效果页面的规定和期望是交互设计师在原型制作时要传递给视觉设计师的页面设计风格和关键页面元素，使交互设计师的设计思路得到贯彻和执行，使视觉效果稿与产品运营和交互设计师的想法保持一致。视觉效果页面的规定和期望包括主色调、页面设计风格、关键元素和页面心态。
在交互原型中，去除原型页面，原型的设计理念和评论是交互设计原型中最重要的部分，也是传达交互意图的有效方式。
第二：原型的表明与注释根据实践活动，边肖对原型的诠释和呈现方式如下:
1)点击评论。
在交互原型中，经常发生电脑鼠标点击的恶性事件，包括页面中间自动跳转、动态面板中间转换等。但是并不是页面上的所有按钮都可以点击，所以需要在页面的可点击区域放置可点击的评论，一般是手形的logos或者其他透明的圆环，可以自定义。对于不常见的标志，必须在全局注释中的设计标准声明中的多个方面进行指示。
2)注释框注释
当页面较多时，可以选择标注框的方法来标注元素。一般来说，注释写在外观中，箭头符号用来连接外观和注释元素。但是，连接箭头符号、注释框和指示文本应该保持统一的色调，以区分页面的原始内容。Ps:注释色调可以在全局注释中指明。
△评论框评论
3)Axure内置控制说明
作为一个强大的交互原型设计工具，Axure怎么能不被标记呢？虽然Axure的标记方式和查看都不是很方便，但是在保证设计页面的整洁度方面确实很有效。这种适合大家比较了解的控件，在有唯一指示的时候可以点击查看，默认设置是隐藏的。选择要批注的元素，然后键入批注以在注释中指明文本。在浏览页面中点击元素右上角的图标，查询注释内容。
△Axure内置控件注释
实际效果显示:
4)页面上的注释
页内标注是指标注内容紧挨着要标注的内容，标注文字和页面的标注元素颜色一致，以区别原内容。在页面元素较少的情况下，要应用少量的文字注释，让页面看起来美观、重点，但又不显得凌乱。
5)页面上的气泡评论
页面上的气泡注释是对页面中的关键 *** 作步骤进行溶解，进行补充说明。这种方法的应用相对于页面来说比较复杂，但实际 *** 作的只是页面中的少量元素，而且有相对反馈，可以减少页面总数。此外，页面的重点是丰富多彩的，小功能得到非常好的主要表现。但气泡评论属于局部显示信息，建议一个页面中气泡级别不要超过三个。
6)页面右侧的序列号注释
当一个页面中有多个注释时，元素会被编号并显示在页面内容的右侧。
注意:
评论序号不一定要屏蔽页面内容；
设计理念和序号关系好(可以用区域截屏)；
右边的标注区域不必太宽，一般在200-400分辨率的中间。
7)添加页面评论。
添加页面相对简单，但应用范围相对有限。建议尽量避免这种标注，只在页面标注较多，页面右侧的气泡标注和编号标注不能满足要求的情况下应用。这样设计方案页面和设计理念拆分在不同的页面上，导致阅读文章的飞跃，轻松砍掉所有的逻辑 *** 作步骤。
8)故事版注释
对于重要 *** 作步骤的标注，可以选择环绕电极连线或按流程解释的方式，清晰描述每个商品的 *** 作流程。这种方法类似于需求分析报告中的故事版本法，所以称为故事版本标注。这种方法配合可点击的评论，主要可以详细展示一个产品功能的逻辑步骤。
9)菜单栏注释
此方法仅用于指示批注页面中出现的特殊工具和符号。它的 *** 作方法和右边的序号注释类似，只是没有序号，只换成了一个符号，符号的右边标明了它的功能。
10)对恶性事件的评论
对于交互恶性事件，动态转换频繁的页面，需要 *** 作电脑鼠标姿态及其快捷键。例如，电脑鼠标的恶性事件包括以下几种方式:
11)情况说明
在整个不同的交互过程中，页面会显示各种情况，并使用统一的文件格式进行标注，方便对比和查询。以文件夹名称的实际 *** 作和动态显示为例，可以用图形文字来描述不同情况下文件夹名称的方式和作用。
12)用鼠标右键注释
作为页面的功能，鼠标右键菜单放在页面中是非常容易屏蔽页面原有内容的。你可以应用设计方案标注的方法来执行鼠标右键菜单的内容。
最终，是交互设计原型的公布。原型发布的关键包括文本文档的更改记录和标记。
1)文本文件的变更记录
文档变更记录一般位于原型文档目录的最后一页，用于版本控制，为后期升级改进提供参考信息内容。更改记录可以以目录的形式或其他方式显示，关键包括编号、日期、版本信息、更改人(更改人)和更改内容。
2)标记
Logo就是在原型发布时使用统一的名片样式作为标识，记录创作者，方便交流。
添加个人名片的方式是:点击Axure右上方的发布，点击形成HTML文档或在HTML文档中形成当前页面，点击d出框中的logo，以图片的形式导入个人名片。建议名片大小不必很大，信息内容要突出。导入后，不需要点击“Go”或“Cancel”，在浏览页面左上方可以看到页面结构列表顶部的标志。
加上实际效果如图:
原型的注释方法有很多，虽然说了这么多，但是还是没有办法遵循所有的注释方法。在不同的需求场景下，会根据具体情况选择看似不科学的标注方法。无论选择哪种标注方式，其目的都是为了提高页面的逻辑性，表达其功能，完成设计意图的准确传递。
原型不仅仅是产品页面，背后还有很多关键点需要不断丰富和完善。
愿一路走好！
欢迎热情关注创作者微信公众平台:
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）