杭州派迪科技为高端客户提供品牌官网咨询策划,品牌官网设计,品牌官网建设开发服务,以国际化视野和标准为基础,为各行业领军品牌提供高端企业网站定制、策划、设计、互动与制作
查看详情网站的设计一切都将取决于您的工作方式
如果您需要交互,那么使用代码构建接口原型是获得此交互的好方法。现在,您可能出于以下原因之一选择基于代码的原型:
如果您已经喜欢使用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或其他功能,然后将线框转换为模型。至少可以说这是雄心勃勃的,但是如果按照承诺工作,我可以看到这对许多设计师有用。
相关专题
热门文章
-
这些网站独特的设计很好地吸引访客的注意力
2025-01-19
-
网页设计以用户为中心,让设计成为沟通的桥梁
2025-01-16
-
软件技术行业网站制作,自动化软件公司网站设计解决方案
2025-01-09
-
网站设计如何突破中规中矩,打造个性化设计
2025-01-08
-
为什么网页设计如此重要?论网页设计的重要性
2024-12-28
-
网站设计从静态到生动:如何让Banner活起来设计示例
2024-12-27
最新案例