交互设计器的输出是什么?

发布时间:2020-07-20 11:43:01

我仔细翻阅了自己这几年做的互动设计稿,希望能写出一篇互动设计输出的文章。首先,现在我在德国出差,客户对设计文件的要求很高,这给我带来了一些想法和回忆;

我仔细翻阅了自己这几年做的互动设计稿,希望能写出一篇互动设计输出的文章。首先,现在我在德国出差,客户对设计文件的要求很高,这给我带来了一些想法和回忆;

有很多方法可以输出设计文档。交互式设计输出可以使用PPT、Axure、InDesign、AI等工具。每种工具都有自己的优势。我喜欢的组合是:

周全、独立、基调

Omnigraffle快速构建交互,InDesign制作详细完整的文档,keynote制作设计说明和设计评审。

这是美国联邦贸易管理局在华盛顿的短期实习项目。简而言之,政府有很多装有重要文件的纸盒。万一发生洪水我们该怎么办?需要设计一个流程来帮助员工处理洪水紧急情况。这是我次在校外工作。这是一种互动的素描。它用的是视觉。这一次主要是学习如何表达思想。因此,美国政府的合作伙伴喜欢它

然后我去了纽约实习,在爱立信移动部门工作,继续使用visio与专业设计师绘制这样的互动草稿。这次主要是学习如何处理复杂的过程。我不喜欢交互式设计输出的复杂性。

在爱立信,我开始学习如何使用Axure制作移动网页的流程图。当时,视觉设计是先做,然后我做了一个可点击和可操作的流程图。因为Axure是简单和交互式的,所以我开始喜欢使用Axure。

返校后,二年级研究生学习实践,在学校开发处设计网站,并绘制出相对本土化的网站结构图。

毕业后,我到西雅图AOL实习,并继续使用visio的流程图进行解释。

美国在线的粉丝们使用纸张进行互动写作。当时,用剪纸、色彩和拼贴来形成互动的场景描述很有趣。从那时起,我喜欢纸上原型。

上面是我设计输出凌乱的阶段,尝试了很多事情,直到正式工作开始。

我记得在雅虎成立的天,我的老板给了我一个MacBookPro,并说:“从今天起,我将使用Mac来设计文档输出工具InDesign。”。除了在学校写论文,我没有使用Mac,也没有使用InDesign。当时,MAC系统似乎没有视觉。我想结束了。上班天的节奏真是可耻。

老板教我逐步熟悉设计文件。我在天就开始工作,必须更新30个移动搜索的特殊显示项。令人惊讶的是,InDesign并不像你想象的那么复杂。

带有InDesign的Mac,一个新的交互式输出生命开始了。一切都变了。

一是直接在其上绘制交互式草稿。设计人员可以定义每个字段、图表和其他元素的样式,然后使用这些样式快速输出。例如,有一个100页的设计文档,每个页面有5个移动接口,整个文档有500个移动接口。有许多元素可以在每个界面中重用,如页眉、页脚、字段、图片等。每个元素都有一个样式。交互输出很快就有了风格。

例如,雅虎(Yahoo)的设计就发生了重大变化。过去,搜索结果中的链接是蓝色的,通常称为蓝色链接。公司认为把手机上的链接改成黑色(后来改回来了…)。所以我们的设计团队会改变这个链接的颜色。

当时,在InDesign风格中,我将“link”从蓝色改为黑色,然后在100多页文档的所有界面中,链接都变为黑色。隔壁的一个小组进行了另一次垂直类搜索,使用Photoshop绘制和生成设计文档,并将其更改了一周

InDesign的第二个用途是更详细的设计文档。将PSD源文件放入InDesign文档中。这个优点是Photoshop生成的图像在视觉上是合适的,并且在文档中看起来非常好。

请记住使用place函数将PSD源文件作为设计文档元素直接导入InDesign。其优点是,例如,如果生成设计文档的一个版本,当有后续的迭代更改时,交互过程的更改将在in design中直接更改。如果界面改变,可以直接改变PSD。然后刷新一次InDesign,InDesign中所有好的PSD都会自动刷新,非常方便。所以保持好习惯。通常,我在一个文件夹中有InDesign文件,旁边有一个PSD文件夹。为了保持方向性,不要移动文件夹。

大师带领大门,学习技巧是个人的。InDesign将使用它,因此我们需要考虑如何更好地使用它。我们都知道,具有复杂交互过程的产品很难在InDesign的一页中放置许多图表。两个解决步骤:一是分别拿出整体流程,放在前面,展示整体流程;二是将整个产品逻辑细分为场景,将一个大故事讲成多个小故事,并将一个小故事放在InDesign的1-2页上完成。该方法可以应用于大多数TOC的移动产品设计。

使用Mac后,开始使用omnigraffle。这个工具是InDesign的一个很好的补充。InDesign有一个缺点。它需要小心和耐心来维护。这需要一点时间。虽然熟悉,但不适合快速建立交互模型。Omnigraffle是快速交互设计的工具之一,我喜欢。稍后我将讨论使用omnigraffle进行交互设计。

回到大故事变成小故事的话题,讲一些有趣的例子。

这是我在at&T工作时老板的设计文件。

这个想法很清楚,但似乎不方便。用上述方法分解场景后,就是这样,当时洛杉矶所有的产品团队都很喜欢这个场景。)

随着时间的推移,它逐渐形成了自己的设计文档风格,这也是非常乐意使用的。初次生成InDesign文档时,请记住要适应A3的大小。打印出InDesign生成的设计文件,并确保设计文件在各种评审会议上都是愉快的。

让我们谈谈omnigraffle做交互输出。这个工具使用起来更快。当您在几个项目之后积累了自己的控件库时,输出基本上很快。

例如,我记得在两周内为产品ypipad做了10多个创意工作。每一次,都是一个巨大的互动变化。Omnigraffle帮助我快速发布。每次更新只需半天。以下是我使用omnigraffle的设计文档的一些页面。快速构建的交互简单直观,使产品设计过程中的每个角色都能方便快捷地理解设计思想。这不重要,如果它是粗糙的。

这种快速输出的风格延续了我目前的工作。以下是腾讯移动应用中心的快速输出。产品讨论加上两个变化和刷新将在半周内完成。

我在的时候比较忙,所以一般都是在纸上画交互框架,然后用同样的文档输出方式。的信息安全非常严格,所以设计草案不会发布。

设计文档可以大也可以小。小的可能只有两页,但详细完整的文档可以帮助设计文档沉淀和长期传播。

例如,一个简单的交互式文档,我用它来建立一个默认的搜索引擎,在从美国到欧洲运行一年后运行,并且使用得非常好。

大型设计文档可以作为产品所有亮点、细节和记忆的真实记录。这是雅虎搜索的75页文档的一部分。



下一篇: 互动设计自学