0551-64933758

网站建设 APP开发 小程序

KNOWLEDGE/知识

分享你我感悟

您当前位置>主页 > 知识 > 网站设计制作 >

网站制作中五种出色的线框工具

发表时间:2020-03-05 15:10

文章来源:admin

浏览次数:

 

作为Web设计师或Web开发人员,要花很多精力在细节和无可挑剔的组织技巧上,因为任何错误使用的信息都可能导致灾难性的后果。无论您是从崭新的想法开始还是在现有产品上工作,对于项目的每个组成部分都要公开公开并被参与其中的所有人完全理解是非常重要的。

想想您何时开发iPhone应用程序。每次客户向开发团队发布任务时,通常都会以想法的形式出现,然后是该应用程序应该做什么的规范。在这一点上,应用程序是所有方案,描述以及最佳情况下的流程图–(流程图)(Nota pt。Bogdan:/逻辑方案)。乍一看,这似乎是一个令人愉悦的小故事,讲述了一切应该如何进行。实际上,在此阶段开发应用程序非常困难,甚至是不可能的,因为没有视觉反馈:每个组件在应用程序中的哪个位置?应用程序中的工作流程如何?当用户输入特定命令时,应用程序会发生什么变化?您会看到,就好像一个建筑商试图在没有蓝图的情况下盖房子一样。结果将是混乱的。

如果您希望完全避免这些障碍,那么在收到想法和规范后,下一步就是让开发团队和客户使用线框工具来绘制应用程序草图。正是这种线框工具可以帮助您看到更大的图景,并实现程序的工作原理以及从逻辑角度看应用程序的外观。

我将列出五个极有用的线框工具,我强烈建议这些线框工具供Web设计人员和Web开发人员在任何项目中使用,无论多么复杂。

(我的最爱)PowerMockup

1个电源模型

 

我自己使用两种线框图工具:一种是基于浏览器的,用于当我没有笔记本电脑时使用,另一种实际上是PowerPoint插件。第二个叫做PowerMockup,我之所以喜欢它是因为它不仅非常易于使用,而且因为我可以将项目另存为PowerPoint文件。这是一个很大的优势,因为几乎每个人都至少在PowerPoint中工作过一次。换句话说,我的客户很可能会知道如何打开线框,如何查看它,并且最重要的是,他们将知道如何进行修改。这意味着没有学习曲线。

此外,您可以通过拖放将线框嵌入到Microsoft Word文档中,甚至可以在以后直接在Word中对其进行修改。此外,PowerMockup具有许多很酷的功能,例如数百个模具和图标,即时搜索或智能类别。每个图形组件都是完全可编辑的,并且如果您不希望使用预制对象,则可以从头开始创建,也可以直接导入。

内裤

2.内裤

“摘要”是一个功能强大的应用程序,刚开始使用时可能会令人望而生畏,但是一旦掌握了它,它将有助于您创建人们可以交互的设计。在为iPhone和iPad开发线框的过程中使用了Briefs。它从经典工具中脱颖而出,从某种意义上说,它提供了许多功能,可以帮助您制作一些非常有趣的草图。例如,称为BriefsLive的功能可将最新版本的线框实时传输到安装了应用程序的所有设备。因此,您不再需要向参与该项目的每个人发送数十封电子邮件。

希夫

3.谢菲

 

Xiffe是用于移动应用程序原型制作的多功能工具,可在您的Internet浏览器中运行,因此您无需在计算机上安装任何工具。它可以用于为iOS,Android和Windows Phone创建线框,这意味着您基本上可以覆盖任何类型的移动项目。Xiffe包括不同平台特定的用户控件,以及每个操作系统独有的功能。它提供了具有拖放功能的简单界面。此外,有望很快添加一项协作功能。

衔铁

4.电枢

 

Armature是Adobe Illustrator CC和CS5 +的扩展,并且与Mac和PC兼容-尽管它不支持CS5之前的Illustrator版本。它带有大量常用对象,例如工具提示,占位符,内容块,页眉,页脚或完全可编辑和可调整大小的表单元素。缺点是,要使用它,您绝对需要Adobe Illustrator。可以免费下载15天的试用版,也可以花24美元购买。

忍者模拟

5.忍者

 

NinjaMock具有创建Web和移动原型所需的所有典型模板,以及与团队成员共享您的工作的协作工具,以及项目管理功能,提供了一种使事情井井有条的好方法。其线框编辑器和组件的外观看起来像是手绘的,因为NinjaMock背后的团队认为,这可以帮助用户专注于线框中的交互和内容,而不是颜色,详细的布局和其他高保真度。方面。

因此,这里是:五个很棒的线框工具,它们在每次需要将想法付诸实践时都至关重要。您是否已使用线框工具?如果是这样,您最喜欢哪一个?


相关案例查看更多