网站的设计一切都将取决于您的工作方式

如果您需要交互,那么使用代码构建接口原型是获得此交互的好方法。现在,您可能出于以下原因之一选择基于代码的原型:
如果您已经喜欢使用HTML和CSS,它仍然是炫耀即将完成的项目的最佳方法之一。


应该注意的是,使用框架构建原型可以大大加快基于代码的原型制作速度。另外,如果您使用打算用于最终产品的框架,那么进行整体编码的工作量就会减少。

附带说明一下,有些人已经基于Bootstrap和Foundation等更流行的框架构建了拖放式Web编辑器。使用这些,一次可以想象到创建从低保真原型到带有代码的最终产品的所有内容。

但是,有些人只是使用它们来快速构建原型,然后对最终项目使用自定义代码。无论哪种方式都可以。

 
原型教程和指南
现在我们已经涵盖了所有基础知识,是时候真正地了解细节了。就像设计和生活中的几乎所有其他内容一样,没有一种正确的方法来构建原型。只有对您有效的方法。也就是说,成功的设计过程往往有一些共同点。

这里有一些原型制作的不同指南,这些指南侧重于不同的方法和保真度,以帮助您入门。从他们那里找到对您有用的东西,而忽略无效的东西。

(我们将不包括特定于应用程序的教程,因为太多了。)

快速原型设计,更快更好地设计
Smashing Magazine的本指南重点介绍了快速构建原型并经常进行迭代的方法。

我如何快速制作网站原型
这是Nick Pettit在Treehouse博客上写的一篇比较个人的文章,概述了他自己的原型制作方法。

如何通过快速的原型制作流程快速构建网站
这是有关快速原型的第三篇文章。它似乎很受欢迎。这就是Webdesigner Depot上的内容,它概述了该过程的一些技巧和陷阱。

怀疑论者的低保真原型指南
Smashing Magazine的另一篇文章更详细地介绍了低保真原型。

我们如何原型
在这篇深入而坦率的有趣文章中,Newfangled机构对他们的过程进行了深入描述。它围绕基于浏览器的灰屏原型制作,并且为进行尝试提供了令人信服的理由。

如何像专业人士一样测试原型的可用性
WDD上的另一篇文章是关于确保原型设计有重点的。如果仅在完成最终项目后才进行可用性测试,那么您可能做错了。

免费电子书:UXPIN的《原型的终极指南》
您必须放弃一些个人信息(或撒谎)才能获得这本电子书,但是,嘿,他们不是要钱!它包含有关流行原型方法的更多信息,基于应用程序的教程以及Google,Apple,Zurb等主要公司的最佳实践。

现在,它是由原型应用程序UXPin背后的人制作的,因此他们可能会对应该使用哪个应用程序略有偏见。尽管如此,它还是有很多好的信息。

 
原型工具和应用
好的,您已经掌握了理论。现在该开始构建原型了。假设您不会坚持使用纸模型或代码,那么您将在某个时候使用某个应用。

好消息:有很多很棒的应用程序可供选择。坏消息:有很多很棒的应用程序可供选择。

再一次,一切都将取决于您的工作方式。您需要演示移动应用程序的能力吗?您是否需要将文件与Google云端硬盘,Dropbox或其他服务同步?Github集成如何?低保,中保还是高保?高级脚本?

下面列出的应用将具有部分或全部这些选项。我将列出与每个功能最相关的功能,以使您了解外观。

应当指出,其中许多主要被称为线框工具。线框图软件通常会集成交互式原型所需的功能。您使用这些应用的里程可能会有所不同。

ADOBE EXPERIENCE DESIGN CC
这是目前市场上最新的产品,它有望为有些饱和的市场带来一些激烈的竞争。它不仅仅是一个线框图或原型应用程序;这是一个设计应用程序。这就像 Sketch或现在已死的 Fireworks一样,但是它允许您从刚设计的所有内容中制作出原型,从而使事情更进一步。

它目前仅适用于Mac,并且处于预览阶段,但是Windows版本将于今年年底之前发布。

预发布版本是免费的,最终版本发布后将成为Adobe Creative Cloud订阅计划的一部分。

演示软件
Microsoft PowerPoint, Apple Keynote, LibreOffice Impress和 Google Slides均可用于制作原型。通常,这些原型将具有概念上的多样性。通过将幻灯片链接在一起,您可以模仿一定程度的交互性。

对于内容驱动网站的原型制作,它可能同样适用,并且很有可能您已经在使用这些程序中的至少一个。如果没有,则Impress和Slides是免费的。

视力
Invision是另一个“大牌”,具有更多高保真原型。它强调版本控制,并以其实时协作和反馈功能而自豪。与Marvel应用程序一样,它也具有动画,原型嵌入,设备内演示等。

此外,他们最近购买了Silver Flows,该工具将原型设计功能与Sketch集成在一起。他们打算使用它来将Sketch与他们的在线软件集成在一起。

有免费计划,但您只能制作一个原型。之后,您可以每月15美元开始。

贾斯汀敏德
Justinmind似乎有意致力于创建高保真应用程序原型。该网站还提到了响应式原型网站。还有应用内演示。

目前,起价为每位用户每月$ 19USD(如果您每年付款)。

奇迹应用
Marvel App是一个巨大的应用程序(原型设计中的“大牌”之一),提供免费计划,并且所有升级的定价适中。值得注意的功能包括:支持Photoshop和Sketch,与Drive和Dropbox同步,将原型嵌入网页中)以及将原型转化为动画演示文稿的功能。

当然,这是关于高保真原型的。

阿克斯雷
Axure具有低保真和高保真原型设计的功能。甚至更奇怪,因为它是一个一次性价格的桌面应用程序。它是为企业用户和大型团队设计的,具有可编写您自己的文档,项目管理等功能。

标准版的价格为每个许可证289美元。

HOTGLOO
HotGloo涉及的是中低保真线框和原型。它最初主要是作为一个线框图应用开始的,但是这里有用于更高级原型的功能。

在其他应用程序专注于原型应用程序的地方,HotGloo从Web设计师开始。因此,您确实可以做到。

计划起价为每月14美元,该计划最多可包含10个人进行协作。

原型
Annnnnnd我们回到了Proto.io的高保真原型制作。它内置了复杂的交互,动画,导出,打印,嵌入和设备演示。价格起价为每月24美元,但是如果您愿意,可以免费试用15天。

固化
Solidify由创建基础框架的同一家公司Zurb带给我们。它旨在处理(并获得反馈)从草图到高保真原型和模型的所有内容。

Solidify不再专注于动画和其他演示工具,而是提供了大量的用户测试功能。您可以亲自或远程运行测试,并与团队共享结果。

流行音乐
POP通过帮助您将线框草图和数字原型混合在一起,将自己与其他应用程序区分开。首先使用iPhone,Android手机或Windows手机为草图拍照,然后将这些草图转变为交互式原型。

如果您大部分工作都在纸上进行,那么这可能是共享结果的好方法。该服务对两个项目是免费的,然后计划从每月10美元起。

FLAIRBUILDER
Flairbuilder是另一个桌面应用程序,尽管它具有用于项目的在线查看器。它似乎适用于中等保真度的线框和原型。它具有允许您添加交互的功能,可以进行设备内演示的功能,并且特别强调了基于网格的设计。

它的一次性费用为$ 99USD。无疑,这很陡峭,但比Axure便宜很多。

弗林托
Flinto实际上有两个版本:有一个Mac应用程序和一个基于Web的精简版。区别?Mac版本为表格带来了更复杂的动画,功能和交互。它还允许您从Sketch(网络版本无法导入)中导入资源。

一次性购买价格为$ 99USD。有趣的是,Lite版本(每月费用为20美元)包括桌面版本的许可证,可为您提供两全其美的体验。

UXPIN
UXPin是一款中高保真原型应用程序,具有我们所期望的所有功能。像其他几个一样,它还具有实时协作,内置的可用性测试功能和项目管理。

与其他应用程序不同,杭州网站建设旨在成为一站式设计商店。在这种情况下,您可以跳过Photoshop,Sketch或其他功能,然后将线框转换为模型。至少可以说这是雄心勃勃的,但是如果按照承诺工作,我可以看到这对许多设计师有用。

返回观点列表
本文标签:

相关专题

  • 品牌官网设计
    品牌官网设计

    杭州派迪科技为高端客户提供品牌官网咨询策划,品牌官网设计,品牌官网建设开发服务,以国际化视野和标准为基础,为各行业领军品牌提供高端企业网站定制、策划、设计、互动与制作

    查看详情
  • 大策略营销门户网站
    大策略营销门户网站

    杭州派迪科技有自己的营销型网站CMS系统,适合白帽SEO网站。特别对大策略的营销型门户网站制作有一定的经验,曾经为上海天擎外贸行业网站、浙江兆龙营销型门户、先临三维门户营销网站提供全程的技术支持及SEO优化指导

    查看详情
  • 集团/上市公司网站
    集团/上市公司网站

    杭州派迪科技为杭州本地集团公司提供网页设计、制作、开发服务,为集团公司网站建设提供了响应式、营销型、品牌型、门户型网站建设需求,欢迎广大集团公司客户咨询

    查看详情
  • 外贸网站建设
    外贸网站建设

    杭州派迪科技为高端客户提供外贸网站咨询策划,外贸官网设计,外贸官网建设开发服务,以谷歌搜索引起算法为基础,为各行业外贸公司提供高端企业外贸网站定制、策划、设计、互动与制作

    查看详情
  • 企业网站建设
    企业网站建设

    高端专业、令人印象深刻的用户界面、易于访问——企业网站必须反映一切,因为派迪科技在这里提供帮助,凭借精湛的技术、丰富的经验、与客户的持续沟通以及对每一个细节的关注,我们确保在快速的周期时间内提供优质的服务。

    查看详情
  • 半定制网站
    半定制网站

    杭州派迪科技模板网站建设专题_各行业方案专题栏目提供各行业产品适合的网站建设方案,帮助企业了解派迪科技建站效果等信息,您可以通过本站了解各行业网站建设方案,如需要获取本行业定制网站建设方案,可以联系在线客服或拨打电话咨询

    查看详情

体验从沟通开始,让我们聆听您的需求!

开始您的数字化品牌体验! 15158117070 期待您的来电!

[ 网站建设×品牌官网设计×大策略营销门户×微信小程序开发×微信公众号开发]

派迪业务总监微信号

派迪业务总监微信号

了解最新项目报价

派迪产品经理微信号

派迪产品经理微信号

免费获取项目策划

我们正使用 cookies 来改善您的访问体验

派迪科技非常重视您的个人隐私,当您访问我们的网站www.hzpady.com时,请同意使用所有cookies 。

如果您想详细了解我们如何使用cookies请访问我们的 《隐私政策》

Cookie 偏好

如果您想详细了解我们如何使用cookie请访问我们的 《隐私政策》

管理cookie偏好

基本 cookies

始终允许

这些 cookies 是网站运行所必需的,不能在我们的系统中关闭。它们通常仅针对您所做的相当于服务请求的操作而设置,例如设置您的隐私首选项、登录或填写表格。您可以将浏览器设置为阻止或提醒您有关这些 cookies 的信息,但网站的某些部分将无法运行。这些 cookies 不存储任何个人身份信息。

性能 cookies

始终允许
这些 cookies 使我们能够计算访问量和流量来源,以便我们可以衡量和改进我们网站的性能。它们帮助我们了解哪些页面受欢迎和不受欢迎,并了解访问者如何在网站上移动。这些 cookies 收集的所有信息都是汇总的,而且是匿名的。如果您不允许这些 cookies,我们将不知道您何时访问了我们的网站,也无法监控其性能。

功能性 cookies

这些 cookies 收集信息用于分析和个性化您的定向广告体验。您可以使用此拨动开关来行使选择不获取个人信息的权利。如果您选择关闭,我们将无法向您提供个性化广告,也不会将您的个人信息交给任何第三方。

定位 Cookies

这些 cookies 可能由我们的广告合作伙伴通过我们的网站设置。这些公司可能会使用它们来建立您的兴趣档案,并在其他网站上向您展示相关广告。它们不直接存储个人信息,而是基于唯一标识您的浏览器和互联网设备。如果您不允许使用这些 cookie,您将体验到较少针对性的广告。

我们正使用 cookies 来改善您的访问体验

派迪科技非常重视您的个人隐私,当您访问我们的网站www.hzpady.com时,请同意使用所有cookies 。

如果您想详细了解我们如何使用cookies请访问我们的 《隐私政策》