互联网十大界面原型与布局工具.pdf

盘点：互联网十大界面原型与布局工具 论文类别：计算机 - 互联网研究 上传时间：2015/4/17 15:58:00 论文作者：未知 (中讯)创建网页或者程序不仅要关注主页的排版以及与主题想匹配的图片， 还应注重视觉设计，这是因为它更能吸引用户进而提升搜索量。因此，项目开 发首先需要确立良好的设计，创意是必不可少的。所以，项目经理、Web设计 师、开发者在线框和原型工具方面需要具备一定的功底。 本文罗列了2013年最新的10大界面原型与布局工具以帮助设计师和开发者 创建出更加优秀的产品。 1.Solidify Solidify允许用户在模型、线框或者草图中获取原型图。此外，你还可以快 速地查看屏幕界面原型。如果在桌面、计算机或者手机上运行Solidify还能轻 易地测试出项目原型。如果你没有太多的时间花在这上面，你也可以共享给其 他测试人员，随时随地获取反馈意见。 2.PowerMockup 专为设计师准备的PowerMockup在创建PowerPoint时为线框提供模板。包含 各式各样的模板，包括菜单、表格、文本框、按钮和标签。当你在创建PPT时 你可以轻易的将这些模板拖入使用。另外，用户还能在库中添加自己的条目， 只需选择PPT 的外形，然后点击 “添加模板”标签，一款自定义的模板即可轻 松创建。 3.Antetype 当你创建大型的且连续性的项目时，Antetype是最佳选择，这是因为它允许 开发者创建一整套的构件库。该构件库可收集各小部件，在原型中方便易用。 此外，每个小部件都有一定数量的定制和默认状态可单独或者同时进行编辑。 因此用户在编辑时无需使用不同的副本，Antetype可适应不同项目的需求。 4.UXPin UXPin是为那些不擅长UX设计的开发者而开发的。经验丰富的UX设计师为 UXPin提供了一整套的完整的工具包。 在UXPin上用户可以为自己的项目找到所需要的模板。他们通过上传UX和项 目文件来获取模板，比如Project Canvas、Project Kick Off、Business Model Canvas、Personas等等。 此外，用户无需来回收发邮件，因为在这里任何项目都可在一起工作。UXPin 旨在帮助项目经理开发适应任何一款分辨率和设备的响应式线框和原型。 5.QuirkTools QuirkTools让网站创建更加简单和便捷。 利用QuirkTools构建Web应用可帮助用户创建属于自己的一款应用。Wires 就是典型的例子，该应用帮助用户创建基于桌面、移动手机或平板电脑的线框 模型。此外，QuirkTools还能让开发者与同事、客户共同协作打造最完美的设 计。 6.Wireframe.cc 利用Wireframe.cc即可轻易的创建线框。Wireframe.cc支持有限的调色板 和模板，以简洁为主。有两个模板供选择：移动手机和浏览器窗口，前者包含 景色和垂直风格；后者则是纵向和横向风格。有了Wireframes.cc用户可清晰 的看到整个创建过程。 7.Easel Easel是一款基于浏览器的Web设计工具，允许用户记录模型和创意。其功 能包括按钮、表和文本框。这款工具还集成了Twitter Bootstrap库贯穿其他 额外的图标和颜色。此外，Easel让用户在Web 中设计保持最佳像素，用户可 以使用先进的工具比如CSS3、Web字体，无需在浏览器和文本编辑器之间来回 查看，告别繁琐的过程，轻松创建应用。 8.InVision InVision让你以高水准的级别快速创建令人印象深刻的原型。利用这款工 具，用户可在很短的时间内链接到UX草图、设计以及线框，还能与其他团队分 享该项目。InVision使设计演示更加轻松方便，用户可以在项目中进行实际演 示，在浏览器中加载或者以SMS形式连接到移动设备上。 该工具还支持追踪功能，让你轻松查看项目进度。 9.Proto.io Proto.io这款工具完美适合设计师在触摸屏幕上的小工具。支持主流的移动 触摸风格和手势，包括swipe、pinch、tap、zoom、tap-hold。此外，还能整 合动画屏幕转换比如，幻灯片、旋转、流、翻转等等。 该工具不仅仅是为了生产先进的屏幕转换，还能允许用户学习和应用最基本 的动画技能比如在原型创建中的移动、缩放、旋转等等。 10.POP 有了Prototyping on Paper (POP)创建iPhone原型不再是难事，其提供