什么应该包含在一个好的互动文件中，你应该注意什么？今天的好文章结合了作者的实践经验，同事的反馈和教师的经验，并教你创造一个美丽易用的互动。文档，强烈推荐的集合！

在查看交互式文档时，我有一句口头禅：“这个互动草案太难看了。 ”的听过这句话的孩子，有的回复了一句“哦…”，有人会问“互动草稿还应该考虑美女，互动式选秀不合逻辑”，脸部不是很了解。

哎…在今天的社会中，作为一名设计师，能够通过面部吃饭是非常难过的。有什么理由不让我的工作输出看起来更好吗？我在谈论自己。

为什么互动文件也要考虑美观，我认为有几个原因：

1.在互动原则中，有一种“美是实践的规则”，人们会下意识地认为好事也易于使用。因此，不要影响上级对您的计划的判断，因为您的计划看起来很丑陋。

2.我们还认为能够制作精美互动文档的交互设计师是专业且值得信赖的（不用说）。

3.我自己的其他能力（如逻辑思维，创造力）不足以掩盖其在表现层中的缺点。

4.在更高级别，交互式文档也用于人，还应关注用户体验。

但是，交互式文件的定义“ldquo;美女与视觉不一样。

一个漂亮的交互式文档应该美观，清晰，易于使用。它更倾向于逻辑美。

那么什么应该包含在一个好的交互式文档中，你应该注意什么？

以下内容来自教师的经验，来自同事的反馈，以及他自己的经验。

介质

PPT，PDF，HTML…您使用什么格式输入交互式文档？

PPT和PDF的好处在于它们看起来正式而美观，并且因为每个页面的画布大小是固定的，所以看起来并不容易。但缺点也很明显。 PPT是完整的，没有几个接口，感觉不是免费的。对于数十页的交互式文档，缺乏索引。

所以我仍然推荐带有侧索引和无限画布空间的HTML格式。

徽标说明

将其放在文档的第一页上。

对于那些刚接触交互式文档的人来说，这样的解释可以帮助其他人理解您的交互，特别是一些非通用徽标。

修订历史

将其放在文档的第二页。

编写文件的修订是为了促进相应互动的发展;文档更新的具体日期（更新最新的行），给出修改页面的超链接，并写入具体修改。

页面标题

写在每页的顶部。指示当前页面中描述的功能属于哪个模块，以便查看它的人不容易丢失。

对准

对齐使文档更具可读性。

单个界面中元素的对齐，界面和界面之间的对齐以及页面上的任何内容都应该能够找到对齐点。

你的注释是否一致？当我的导师指出我的交互式手稿中的评论不一致时，我意识到这是细节。右边的对齐更具可读性。

UI：颜色，线条，空白

1.尝试黑白无色。

否则颜色和视觉草案不一致，测试将询问使用哪一个。

2.格雷将使交互式草稿看起来更精致。

避免使用黑色线条，尽量不要在黑色上显示白色。

两年前看着我自己的互动文件，虽然它很整洁，但总有一种不能说的复古

3.使用不同的灰色阴影来表示级别和优先级。

4.合理地留空，以避免过多或过多的界面。

注意颜色和空白的细节。

说到这一点，有人会问，在这个视觉方面浪费时间是否有用？

我认为这是设计常识，或者你是否愿意提高你在这方面的能力。如果有，那么只需在上图的右侧画一幅画，所以谈谈浪费时间。你无法预测将来会有什么技能。

当然，如果您使用交互式组件库（如何创建方便有效的交互式组件库？），它将节省大量时间。

热区

指示热区的范围。

例如，为了省事，右上角没有热点区域关闭“rdquo;然后开发将使热区的大小与X相同。有些用户会反馈这个X点。

正确的表达方式：

对于紧密联系的热点，也有一些方法可以让发展变得更加清晰：

透明度叠加方法

颜色辨别方法

重复列表方法

图片

使用图像时，请注意与背景融为一体，以避免使用“剪贴画”。

如果找不到合适的图标，则应使用占位符而不是文本注释。

说到占位符，有话要说：“每次互动都必须拍一张照片占位符，我必须长时间冥想。”

有了这张地图，什么样的地图好用…

因此，如果您对图像的内容或样式有所了解，请不要使用各种表单在交互式文档中表达它。

流程图

主线和分支应始终保持一致。

如下面的红色框中所示，“是”是“和”，而“否”在两个判断中是不一致的，这对于观看者来说不是一个好的体验。

正确的流程图表现：

接口流程也应该在主线和分支上清楚：

不要在进程之间留下太多空间，否则开发会错误地认为此页面的交互在此处结束。您可以在页面边缘拉一条辅助线。如果该行没有结束，那么它背后仍有内容。

不要设置过多的单个界面，建议按比例缩放。否则，一个屏幕内不会显示多个屏幕，浏览效率太低。

评论

评论应简明扼要。

有两种类型的表达式。一个是注释和UI相距甚远，独立，与数字一一对应。

国外有很多互动草稿。它的优点是看起来非常标准，适用于注释密集型接口;缺点是视线的发展需要走到界面的上游才能找到对应的关系。

另一种形式是注释和UI由单个引线直接连接。

如果评论不是那么多，这更直观。

边指数

侧索引是交互式文档中的首要任务。它使一百页的交互式文档易于导航和查找。

1.合理的绩效水平关系

正确的性能从属关系和增强的侧面导航可读性。

2.合理地命名每个页面

页面名称也是学习的，命名应该在逻辑上清晰和全面。

例如，查看以下页面列表，您是否可以立即查看成员页面的状态？

如果你这样说，你觉得更清楚吗？

3.合理地拆分页面

理论上，函数的所有过程都可以放在一个页面上。但是，如果页面上的分支太多，很容易变成“Cobweb”。

当你刚刚工作时，请记得进行注册登录交互。点击要注册的电话号码将分为几种情况，我已经在一个页面上绘制。当我等待交互式评论时，当我采用这个巨大的流程图时，当我解释它时，我能够看到头晕。

后来，我学会了拆分页面。

4.合理的共享页面

当我启动积分商城时，我在开始时就在所有类型的产品页面上添加了付款交互。

然后我发现支付过程是一个坑，并且有太多不确定因素。改变是所有相关页面必须再次更改，这很容易出错。

最后，我删除了所有产品页面的付款流程，并将其更改为专用于付款流程的统一页面。如果您遇到更改，可以更改此页面。

5.避免过多的侧面索引

在做Windows Phone时，因为它必须同时完成过去两年的所有功能，所以交互式文档的侧面索引就像长城一样。找一个函数来找到它很长一段时间。

稍后，在执行Windows 10时，交互式文档被拆分为大型功能模块，因此每个文档的页面数量适中。

结论

实现这些要点并不困难。很难保持一致并成为一种习惯。有时一个忙碌，懒散，邋in的细节，它增加了很多沟通成本。最后的麻烦仍然是我自己。

交互式文档，形式足够，不必追求太多。毕竟，有必要经常每天更新几次，以平衡文档体验和工作效率。

如何为阅读交互式文档的人获得更好的体验？如何更正确，更清晰地传达他们的设计？将交互式文档视为自己的产品之一。每当您感到不方便时，请考虑如何改进和倾听用户反馈。 ，迭代优化。这也是为了增强他们的设计能力。

« Google Algorithm Update Daquan（2000 - 2017） | 如何在三个月内将代购源码网站流量增加到800万 »