當(dāng)前位置：新聞中心網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站的設(shè)計(jì)一切都將取決于您的工作方式

02-152010

觀點(diǎn)

網(wǎng)站的設(shè)計(jì)一切都將取決于您的工作方式

2010-02-15 網(wǎng)頁(yè)設(shè)計(jì)

如果您需要交互，那么使用代碼構(gòu)建接口原型是獲得此交互的好方法?，F(xiàn)在，您可能出于以下原因之一選擇基于代碼的原型：

如果您已經(jīng)喜歡使用HTML和CSS，它仍然是炫耀即將完成的項(xiàng)目的最佳方法之一。

應(yīng)該注意的是，使用框架構(gòu)建原型可以大大加快基于代碼的原型制作速度。另外，如果您使用打算用于最終產(chǎn)品的框架，那么進(jìn)行整體編碼的工作量就會(huì)減少。

附帶說(shuō)明一下，有些人已經(jīng)基于Bootstrap和Foundation等更流行的框架構(gòu)建了拖放式Web編輯器。使用這些，一次可以想象到創(chuàng)建從低保真原型到帶有代碼的最終產(chǎn)品的所有內(nèi)容。

但是，有些人只是使用它們來(lái)快速構(gòu)建原型，然后對(duì)最終項(xiàng)目使用自定義代碼。無(wú)論哪種方式都可以。

原型教程和指南

現(xiàn)在我們已經(jīng)涵蓋了所有基礎(chǔ)知識(shí)，是時(shí)候真正地了解細(xì)節(jié)了。就像設(shè)計(jì)和生活中的幾乎所有其他內(nèi)容一樣，沒(méi)有一種正確的方法來(lái)構(gòu)建原型。只有對(duì)您有效的方法。也就是說(shuō)，成功的設(shè)計(jì)過(guò)程往往有一些共同點(diǎn)。

這里有一些原型制作的不同指南，這些指南側(cè)重于不同的方法和保真度，以幫助您入門。從他們那里找到對(duì)您有用的東西，而忽略無(wú)效的東西。

（我們將不包括特定于應(yīng)用程序的教程，因?yàn)樘嗔恕＃?/span>

快速原型設(shè)計(jì)，更快更好地設(shè)計(jì)

Smashing Magazine的本指南重點(diǎn)介紹了快速構(gòu)建原型并經(jīng)常進(jìn)行迭代的方法。

我如何快速制作網(wǎng)站原型

這是Nick Pettit在Treehouse博客上寫的一篇比較個(gè)人的文章，概述了他自己的原型制作方法。

如何通過(guò)快速的原型制作流程快速構(gòu)建網(wǎng)站

這是有關(guān)快速原型的第三篇文章。它似乎很受歡迎。這就是Webdesigner Depot上的內(nèi)容，它概述了該過(guò)程的一些技巧和陷阱。

懷疑論者的低保真原型指南

Smashing Magazine的另一篇文章更詳細(xì)地介紹了低保真原型。

我們?nèi)绾卧?/span>

在這篇深入而坦率的有趣文章中，Newfangled機(jī)構(gòu)對(duì)他們的過(guò)程進(jìn)行了深入描述。它圍繞基于瀏覽器的灰屏原型制作，并且為進(jìn)行嘗試提供了令人信服的理由。

如何像專業(yè)人士一樣測(cè)試原型的可用性

WDD上的另一篇文章是關(guān)于確保原型設(shè)計(jì)有重點(diǎn)的。如果僅在完成最終項(xiàng)目后才進(jìn)行可用性測(cè)試，那么您可能做錯(cuò)了。

免費(fèi)電子書：UXPIN的《原型的終極指南》

您必須放棄一些個(gè)人信息（或撒謊）才能獲得這本電子書，但是，嘿，他們不是要錢！它包含有關(guān)流行原型方法的更多信息，基于應(yīng)用程序的教程以及Google，Apple，Zurb等主要公司的最佳實(shí)踐。

現(xiàn)在，它是由原型應(yīng)用程序UXPin背后的人制作的，因此他們可能會(huì)對(duì)應(yīng)該使用哪個(gè)應(yīng)用程序略有偏見(jiàn)。盡管如此，它還是有很多好的信息。

原型工具和應(yīng)用

好的，您已經(jīng)掌握了理論?，F(xiàn)在該開(kāi)始構(gòu)建原型了。假設(shè)您不會(huì)堅(jiān)持使用紙模型或代碼，那么您將在某個(gè)時(shí)候使用某個(gè)應(yīng)用。

好消息：有很多很棒的應(yīng)用程序可供選擇。壞消息：有很多很棒的應(yīng)用程序可供選擇。

再一次，一切都將取決于您的工作方式。您需要演示移動(dòng)應(yīng)用程序的能力嗎？您是否需要將文件與Google云端硬盤，Dropbox或其他服務(wù)同步？Github集成如何？低保，中保還是高保？高級(jí)腳本？

下面列出的應(yīng)用將具有部分或全部這些選項(xiàng)。我將列出與每個(gè)功能最相關(guān)的功能，以使您了解外觀。

應(yīng)當(dāng)指出，其中許多主要被稱為線框工具。線框圖軟件通常會(huì)集成交互式原型所需的功能。您使用這些應(yīng)用的里程可能會(huì)有所不同。

ADOBE EXPERIENCE DESIGN CC

這是目前市場(chǎng)上最新的產(chǎn)品，它有望為有些飽和的市場(chǎng)帶來(lái)一些激烈的競(jìng)爭(zhēng)。它不僅僅是一個(gè)線框圖或原型應(yīng)用程序；這是一個(gè)設(shè)計(jì)應(yīng)用程序。這就像 Sketch或現(xiàn)在已死的 Fireworks一樣，但是它允許您從剛設(shè)計(jì)的所有內(nèi)容中制作出原型，從而使事情更進(jìn)一步。

它目前僅適用于Mac，并且處于預(yù)覽階段，但是Windows版本將于今年年底之前發(fā)布。

預(yù)發(fā)布版本是免費(fèi)的，最終版本發(fā)布后將成為Adobe Creative Cloud訂閱計(jì)劃的一部分。

演示軟件

Microsoft PowerPoint， Apple Keynote， LibreOffice Impress和 Google Slides均可用于制作原型。通常，這些原型將具有概念上的多樣性。通過(guò)將幻燈片鏈接在一起，您可以模仿一定程度的交互性。

對(duì)于內(nèi)容驅(qū)動(dòng)網(wǎng)站的原型制作，它可能同樣適用，并且很有可能您已經(jīng)在使用這些程序中的至少一個(gè)。如果沒(méi)有，則Impress和Slides是免費(fèi)的。

視力

Invision是另一個(gè)“大牌”，具有更多高保真原型。它強(qiáng)調(diào)版本控制，并以其實(shí)時(shí)協(xié)作和反饋功能而自豪。與Marvel應(yīng)用程序一樣，它也具有動(dòng)畫，原型嵌入，設(shè)備內(nèi)演示等。

此外，他們最近購(gòu)買了Silver Flows，該工具將原型設(shè)計(jì)功能與Sketch集成在一起。他們打算使用它來(lái)將Sketch與他們的在線軟件集成在一起。

有免費(fèi)計(jì)劃，但您只能制作一個(gè)原型。之后，您可以每月15美元開(kāi)始。

賈斯汀敏德

Justinmind似乎有意致力于創(chuàng)建高保真應(yīng)用程序原型。該網(wǎng)站還提到了響應(yīng)式原型網(wǎng)站。還有應(yīng)用內(nèi)演示。

目前，起價(jià)為每位用戶每月$ 19USD（如果您每年付款）。

奇跡應(yīng)用

Marvel App是一個(gè)巨大的應(yīng)用程序（原型設(shè)計(jì)中的“大牌”之一），提供免費(fèi)計(jì)劃，并且所有升級(jí)的定價(jià)適中。值得注意的功能包括：支持Photoshop和Sketch，與Drive和Dropbox同步，將原型嵌入網(wǎng)頁(yè)中）以及將原型轉(zhuǎn)化為動(dòng)畫演示文稿的功能。

當(dāng)然，這是關(guān)于高保真原型的。

阿克斯雷

Axure具有低保真和高保真原型設(shè)計(jì)的功能。甚至更奇怪，因?yàn)樗且粋€(gè)一次性價(jià)格的桌面應(yīng)用程序。它是為企業(yè)用戶和大型團(tuán)隊(duì)設(shè)計(jì)的，具有可編寫您自己的文檔，項(xiàng)目管理等功能。

標(biāo)準(zhǔn)版的價(jià)格為每個(gè)許可證289美元。

HOTGLOO

HotGloo涉及的是中低保真線框和原型。它最初主要是作為一個(gè)線框圖應(yīng)用開(kāi)始的，但是這里有用于更高級(jí)原型的功能。

在其他應(yīng)用程序?qū)Ｗ⒂谠蛻?yīng)用程序的地方，HotGloo從Web設(shè)計(jì)師開(kāi)始。因此，您確實(shí)可以做到。

計(jì)劃起價(jià)為每月14美元，該計(jì)劃最多可包含10個(gè)人進(jìn)行協(xié)作。

原型

Annnnnnd我們回到了Proto.io的高保真原型制作。它內(nèi)置了復(fù)雜的交互，動(dòng)畫，導(dǎo)出，打印，嵌入和設(shè)備演示。價(jià)格起價(jià)為每月24美元，但是如果您愿意，可以免費(fèi)試用15天。

固化

Solidify由創(chuàng)建基礎(chǔ)框架的同一家公司Zurb帶給我們。它旨在處理（并獲得反饋）從草圖到高保真原型和模型的所有內(nèi)容。

Solidify不再專注于動(dòng)畫和其他演示工具，而是提供了大量的用戶測(cè)試功能。您可以親自或遠(yuǎn)程運(yùn)行測(cè)試，并與團(tuán)隊(duì)共享結(jié)果。

流行音樂(lè)

POP通過(guò)幫助您將線框草圖和數(shù)字原型混合在一起，將自己與其他應(yīng)用程序區(qū)分開(kāi)。首先使用iPhone，Android手機(jī)或Windows手機(jī)為草圖拍照，然后將這些草圖轉(zhuǎn)變?yōu)榻换ナ皆汀?/span>

如果您大部分工作都在紙上進(jìn)行，那么這可能是共享結(jié)果的好方法。該服務(wù)對(duì)兩個(gè)項(xiàng)目是免費(fèi)的，然后計(jì)劃從每月10美元起。

FLAIRBUILDER

Flairbuilder是另一個(gè)桌面應(yīng)用程序，盡管它具有用于項(xiàng)目的在線查看器。它似乎適用于中等保真度的線框和原型。它具有允許您添加交互的功能，可以進(jìn)行設(shè)備內(nèi)演示的功能，并且特別強(qiáng)調(diào)了基于網(wǎng)格的設(shè)計(jì)。

它的一次性費(fèi)用為$ 99USD。無(wú)疑，這很陡峭，但比Axure便宜很多。

弗林托

Flinto實(shí)際上有兩個(gè)版本：有一個(gè)Mac應(yīng)用程序和一個(gè)基于Web的精簡(jiǎn)版。區(qū)別？Mac版本為表格帶來(lái)了更復(fù)雜的動(dòng)畫，功能和交互。它還允許您從Sketch（網(wǎng)絡(luò)版本無(wú)法導(dǎo)入）中導(dǎo)入資源。

一次性購(gòu)買價(jià)格為$ 99USD。有趣的是，Lite版本（每月費(fèi)用為20美元）包括桌面版本的許可證，可為您提供兩全其美的體驗(yàn)。

UXPIN

UXPin是一款中高保真原型應(yīng)用程序，具有我們所期望的所有功能。像其他幾個(gè)一樣，它還具有實(shí)時(shí)協(xié)作，內(nèi)置的可用性測(cè)試功能和項(xiàng)目管理。

與其他應(yīng)用程序不同，杭州網(wǎng)站建設(shè)旨在成為一站式設(shè)計(jì)商店。在這種情況下，您可以跳過(guò)Photoshop，Sketch或其他功能，然后將線框轉(zhuǎn)換為模型。至少可以說(shuō)這是雄心勃勃的，但是如果按照承諾工作，我可以看到這對(duì)許多設(shè)計(jì)師有用。

上一篇：向客戶說(shuō)明比您向他們展示設(shè)計(jì)的任何東西都更多的東西返回觀點(diǎn)列表下一篇：當(dāng)界面設(shè)計(jì)的簡(jiǎn)單性以可用性為代價(jià)時(shí)必須犧牲

本文標(biāo)簽：

本文地址： http://www.bmwdream.cn/a/1331.html

相關(guān)專題

品牌官網(wǎng)設(shè)計(jì)
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計(jì)，品牌官網(wǎng)建設(shè)開(kāi)發(fā)服務(wù)，以國(guó)際化視野和標(biāo)準(zhǔn)為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
大策略營(yíng)銷門戶網(wǎng)站
杭州派迪科技有自己的營(yíng)銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對(duì)大策略的營(yíng)銷型門戶網(wǎng)站制作有一定的經(jīng)驗(yàn)，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營(yíng)銷型門戶、先臨三維門戶營(yíng)銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)
查看詳情
集團(tuán)/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團(tuán)公司提供網(wǎng)頁(yè)設(shè)計(jì)、制作、開(kāi)發(fā)服務(wù)，為集團(tuán)公司網(wǎng)站建設(shè)提供了響應(yīng)式、營(yíng)銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團(tuán)公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計(jì)，外貿(mào)官網(wǎng)建設(shè)開(kāi)發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問(wèn)——企業(yè)網(wǎng)站必須反映一切，因?yàn)榕傻峡萍荚谶@里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗(yàn)、與客戶的持續(xù)溝通以及對(duì)每一個(gè)細(xì)節(jié)的關(guān)注，我們確保在快速的周期時(shí)間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過(guò)本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情