我的工作就是做網(wǎng)站設(shè)計(jì)和app開發(fā)的，因此有不少想創(chuàng)業(yè)的朋友或者需要做網(wǎng)站的潛在客戶問(wèn)我，“做一個(gè)網(wǎng)站／app需要多少錢？”大家往往只有很籠統(tǒng)的需求，比如有朋友問(wèn)，我想做一個(gè)電商平臺(tái)你覺(jué)得需要多少錢？或者我想做一個(gè)O2O服務(wù)平臺(tái)網(wǎng)站需要多少預(yù)算？很多時(shí)候聽(tīng)到類似的問(wèn)題，我是很頭疼的。所謂平臺(tái)，我想很多人只是很感性地把自己看到的app加入了自己的一些想法，卻往往對(duì)這個(gè)app背后需要什么樣支撐知之甚少。所以對(duì)于這樣的問(wèn)題，我也只能說(shuō)：這個(gè)要看具體需求，沒(méi)有看到具體需求很難判斷需要多少錢，或者幾萬(wàn)，或者百萬(wàn)，不好說(shuō)。這里我就根據(jù)我自己做了這么多年的外包工作，來(lái)幫大家分析一下，做一個(gè)app到底需要多少錢。

明白自己需要做什么了嗎？真的明白嗎？（需求分析：“你認(rèn)為要做的”和“實(shí)際需要做的”）很多向我詢價(jià)的人確實(shí)有不錯(cuò)的想法，覺(jué)得很清楚自己想要什么，他們通常指著自己手機(jī)里的一個(gè)類似的app說(shuō)，就做成這個(gè)樣子，這樣這樣。有些app或者網(wǎng)站看起來(lái)很簡(jiǎn)單，但是背后卻需要有多少內(nèi)容、業(yè)務(wù)邏輯和數(shù)據(jù)還有代碼來(lái)支撐。這里簡(jiǎn)單分兩類來(lái)分析一下需求：

從app／網(wǎng)站的類型來(lái)說(shuō)

一般app網(wǎng)站大概分為這幾個(gè)類型：信息類（如新聞閱讀）、工具類（如匯率換算，美化圖片等）、銷售類（電商）、社交類（微博或者直播等），當(dāng)然還有更多產(chǎn)品是揉合了以上兩種或多種類型的。

這些app／網(wǎng)站需要什么呢？如果是一個(gè)信息類的，內(nèi)容自然是最重要的，內(nèi)容哪里來(lái)？已經(jīng)有現(xiàn)成的內(nèi)容了嗎？要從0開始做內(nèi)容嗎？如果做一個(gè)app，內(nèi)容來(lái)自目前有的網(wǎng)站嗎？有網(wǎng)站嗎？網(wǎng)站的內(nèi)容可以用嗎？有aPI嗎？不知道aPI是什么？

aPI（applicationProgramInterface）就是程序員說(shuō)的“接口”，可以讓app安全地訪問(wèn)和獲取數(shù)據(jù)庫(kù)內(nèi)容的接口，像是一個(gè)水管，連接著一個(gè)已有的蓄水池（數(shù)據(jù)）。OK，還要做一個(gè)網(wǎng)站咯？網(wǎng)站需要設(shè)計(jì)吧？肯定需要CMS了吧？CMS是什么？

CMS（ContentManagementSystem）就是一個(gè)你可以操作的錄入內(nèi)容的系統(tǒng)，就像寫博客，發(fā)布前是不是通過(guò)一個(gè)編輯界面，那就是CMS的一個(gè)部分，當(dāng)然還有數(shù)據(jù)庫(kù)（Database），錄入的內(nèi)容就到數(shù)據(jù)庫(kù)里去。知道需要錄入怎樣的內(nèi)容吧？不知道?。緾MS和數(shù)據(jù)庫(kù)都要根據(jù)你需要錄入的數(shù)據(jù)內(nèi)容來(lái)進(jìn)行設(shè)計(jì)哦！可以采用現(xiàn)成的一些CMS框架，例如Wordpress，但是可能需要二次開發(fā)（在別人的基礎(chǔ)上開發(fā)加入自己想要的功能）。

app／網(wǎng)站需要用戶注冊(cè)和登錄？那就需要有用戶系統(tǒng)了，應(yīng)該也需要第三方登錄吧？微信微博什么的，那就需要加入開發(fā)。需要用電話登錄？也就是需要購(gòu)買移動(dòng)運(yùn)營(yíng)商的“發(fā)送驗(yàn)證碼”服務(wù)；用戶肯定會(huì)忘掉密碼？這就需要做找回密碼的流程和界面；用戶需要修改自己的資料啥的？地理定位需要嗎？用戶可以管理自己的瀏覽記錄嗎？用戶可以上傳頭像吧？頭像上傳的時(shí)候可以讓他編輯嗎？用戶可以評(píng)論嗎？用戶評(píng)論的內(nèi)容需要后臺(tái)審核，以防“別有用心”的評(píng)論嗎？需要，所以還要做一個(gè)評(píng)論的后臺(tái)管理模塊；用戶收到評(píng)論需要收到通知嗎？也就是說(shuō)需要做“通知模塊”咯；......

看到這里（貌似還沒(méi)有開始討論電商和在線支付等類型呢），大家應(yīng)該明白，對(duì)于程序設(shè)計(jì)和開發(fā)來(lái)說(shuō)，任何一個(gè)大家習(xí)以為常的功能或者步驟都是需要拆分開來(lái)作為需求談的，因?yàn)檫@直接關(guān)系到工作量，下面聊到開發(fā)的時(shí)候再詳細(xì)論述。

從產(chǎn)品、設(shè)計(jì)和技術(shù)上說(shuō)

目前的產(chǎn)品形態(tài)清晰嗎？有PPT或者計(jì)劃方案什么的嗎？還沒(méi)有？需要乙方出方案和產(chǎn)品創(chuàng)意？如果是外包的話，又不能給對(duì)方股份，最好別要求乙方對(duì)你的產(chǎn)品提出什么新的想法了，要不然這到底還是你的產(chǎn)品還是乙方的產(chǎn)品呢？避免一些糾紛，整個(gè)想法應(yīng)該僅屬于你自己才最穩(wěn)妥。當(dāng)然靠譜的乙方還是會(huì)在過(guò)程中以他們的專業(yè)性提出很多建設(shè)性的想法和創(chuàng)意的，所以自然會(huì)產(chǎn)生產(chǎn)品規(guī)劃，創(chuàng)意想法的費(fèi)用。但是我還是建議如果外包的話，最好分清些。

另外你自己會(huì)畫Wireframe嗎？什么是Wireframe？Wireframe就是原型圖，它定義了一個(gè)產(chǎn)品的UI、內(nèi)容布局，功能和用戶流程。原型圖是做一個(gè)app／網(wǎng)站的基礎(chǔ)和藍(lán)圖，是一定需要的。

▲細(xì)致的Wireframe是所有產(chǎn)品的基礎(chǔ)

如果是一個(gè)app，需要同時(shí)設(shè)計(jì)iOS和android吧？?jī)商仔枰瑯拥脑O(shè)計(jì)？還是要適應(yīng)不同的系統(tǒng)特性有不同的設(shè)計(jì)？如果一樣的話，因?yàn)楝F(xiàn)在手機(jī)屏幕大小多種多樣，iPhone要適配3種大小，android要適配8種大小，設(shè)計(jì)上不用大動(dòng)，但是切圖工作還是不少工作量哦。

再舉個(gè)例子，我們看到網(wǎng)站上有一個(gè)按鈕，設(shè)計(jì)得挺漂亮，我們以為那就是一個(gè)按鈕。但是在設(shè)計(jì)師眼里，這個(gè)按鈕有好幾種形態(tài)（默認(rèn)、劃過(guò)、按下），只有都設(shè)計(jì)好了，才能給使用者好的體驗(yàn)。而這些地方的設(shè)計(jì)，幾乎是被使用者忽略的。

▲按鈕的不同形態(tài)，就僅僅是一個(gè)按鈕就可以設(shè)計(jì)好久。

另外想要有酷炫的動(dòng)態(tài)效果？能描述具體是什么動(dòng)態(tài)效果嗎？需要讓設(shè)計(jì)師去發(fā)揮？當(dāng)然可以發(fā)揮創(chuàng)意，但這就需要專門的動(dòng)畫設(shè)計(jì)師做一些視頻了，也要看技術(shù)可不可以實(shí)現(xiàn)。而這些多可能極大增加成本。

▲凱文學(xué)校的頁(yè)面設(shè)計(jì)，想要這樣的信息可視化設(shè)計(jì)，成本自然會(huì)很高。

設(shè)計(jì)過(guò)程也絕對(duì)不是設(shè)計(jì)師打開軟件，一下子就把界面設(shè)計(jì)好了，當(dāng)中很多過(guò)程在我的另一篇文章里有論述，請(qǐng)看《做一個(gè)app都有哪些步驟？》。里面的過(guò)程越嚴(yán)謹(jǐn)，越能保證成品質(zhì)量。而這個(gè)過(guò)程的每一步都是工作量，做得越細(xì)致成本自然越高。

終于說(shuō)到開發(fā)了，由于有更多專業(yè)性的東西，我不打算很深入了，主要說(shuō)說(shuō)幾點(diǎn)。

首先，沒(méi)有什么東西是很“簡(jiǎn)單”的，除非你也知道程序怎么寫。舉個(gè)例子吧，下圖是學(xué)習(xí)編程的appSwiftPlayground，通過(guò)程序操控一個(gè)卡通角色來(lái)完成收集寶石的任務(wù)。程序是怎樣的呢？moveForward()就是向前走一步，turnReft()就是右轉(zhuǎn)，我要它向前走幾格就需要重復(fù)寫moveForward()幾次，要讓它掉頭就要寫turnReft()兩次。即便是很簡(jiǎn)單的步驟，其實(shí)也需要好幾行的代碼來(lái)實(shí)現(xiàn)，因此不要忽略產(chǎn)品中那些“應(yīng)該”有的功能，任何一個(gè)地方都是代碼，也就是會(huì)產(chǎn)生“工作量”，例如網(wǎng)頁(yè)的Banner輪播圖片，就可以看作是一個(gè)模塊，是需要代碼編寫的，不會(huì)自動(dòng)就出現(xiàn)。

因此一定要在一開始定理清晰、明確、詳細(xì)的需求列表。不要怕麻煩或者覺(jué)得不會(huì)寫，你可以按照你熟悉的一個(gè)app把涉及到的功能和模塊全部列出來(lái)，如果覺(jué)得有不完善的，可以咨詢開發(fā)人員，或者跟他們一起訂立，當(dāng)然，這位開發(fā)人員的時(shí)間和精力也要算作“工作量”。

▲一個(gè)比較形象的需求清單，訂立得越詳細(xì)報(bào)價(jià)會(huì)越準(zhǔn)確。

大多數(shù)情況下最讓開發(fā)者頭疼，也最直接影響成本的，應(yīng)該是需求的添加或者修改。設(shè)計(jì)上可能還可以直接改了，但是代碼層面，很可能需要重構(gòu)一些代碼和邏輯，就像前面提到，開發(fā)建立在一個(gè)很細(xì)致，邏輯結(jié)構(gòu)很嚴(yán)密的一套系統(tǒng)上，因此任何的改動(dòng)都可能牽一發(fā)而動(dòng)全身。這就產(chǎn)生了巨大的工作量，甚至還需要設(shè)計(jì)和產(chǎn)品經(jīng)理參與進(jìn)來(lái)。

啰嗦了半天，那到底需要多少錢？

總結(jié)一下，這里都是最基本的粗略估計(jì)，不含稅（6.5%）和利潤(rùn)（一個(gè)項(xiàng)目30%的利潤(rùn)是一個(gè)創(chuàng)意外包團(tuán)隊(duì)維持運(yùn)營(yíng)的最低要求，要不然做到一半這個(gè)團(tuán)隊(duì)可能就死了），純成本的計(jì)算（我這里的計(jì)算主要根據(jù)我接觸過(guò)的外包項(xiàng)目的經(jīng)驗(yàn)統(tǒng)計(jì)，一個(gè)開發(fā)者按照300RMB/小時(shí)，設(shè)計(jì)師按照200RMB／小時(shí)計(jì)算人力成本。）看你的產(chǎn)品需要什么直接拿下面的項(xiàng)目相加即可：

內(nèi)容編寫費(fèi)用（看具體內(nèi)容的多少，專業(yè)性有多強(qiáng)，還可以更貴的）2-6W

產(chǎn)品創(chuàng)意費(fèi)用（這部分其實(shí)很難報(bào)價(jià)哦，點(diǎn)子嘛，你懂的，說(shuō)出來(lái)就不值錢了，有的乙方甚至?xí)匀牍傻姆绞阶鳛榛貓?bào)。這里就先忽略吧。）

項(xiàng)目溝通和管理費(fèi)用2W

功能布局和Wireframe（原型圖）邏輯設(shè)計(jì)（20個(gè)界面，其實(shí)一個(gè)產(chǎn)品哪里只20個(gè)界面）1K?20=2W

UI界面設(shè)計(jì)（20個(gè)界面和包含圖標(biāo)繪制，允許最多兩次修改，當(dāng)然需要特別創(chuàng)新的設(shè)計(jì)和獨(dú)特風(fēng)格的還要加錢）3K?20=6W

切圖費(fèi)用（把設(shè)計(jì)圖上的UI元素、icon、圖片等存儲(chǔ)出來(lái)給開發(fā)用）5K

圖片購(gòu)買（每張圖片使用權(quán)一年按照5K計(jì)算，別問(wèn)我為什么這么貴，就是這么貴，當(dāng)然也有免費(fèi)的圖庫(kù)可以使用，不過(guò)喜不喜歡就見(jiàn)仁見(jiàn)智了。）

UI界面代碼編寫（20個(gè)界面，包含功能實(shí)現(xiàn)和動(dòng)態(tài)效果，這里的功能僅僅是指基本的功能，需要特殊技術(shù)的功能，如aR，不包含在內(nèi)）5K?20=10W

CMS界面，也就是Dashboard設(shè)計(jì)（5個(gè)界面）4K?5=2W

CMS開發(fā)（含數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)和開發(fā)，這里是自己開發(fā)的小型的CMS）8W

表單模塊開發(fā)（含數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)和開發(fā)）（1個(gè)）2W

用戶登錄模塊開發(fā)（含數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)和開發(fā)，第三方登錄機(jī)制接入）3W

評(píng)論和管理模塊（含數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)和開發(fā)）2W

站內(nèi)信和通知模塊（含數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)和開發(fā)）1W

開發(fā)aPI（供app或者其他服務(wù)使用）1W

支付模塊開發(fā)（需要先開通了支付寶、銀聯(lián)等支付方式的結(jié)賬賬戶和許可）3W

購(gòu)物車開發(fā)（含數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)和開發(fā)）5W

訂單系統(tǒng)開發(fā)（含數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)和開發(fā)）3W

物流追蹤模塊開發(fā)（接入第三方的數(shù)據(jù)aPI）2W

內(nèi)容分享模塊開發(fā)（分享到各大社交平臺(tái)，如果分享出去的內(nèi)容需要以網(wǎng)頁(yè)的方式呈現(xiàn)，還要考慮分享內(nèi)容的網(wǎng)頁(yè)開發(fā)）5K

內(nèi)容錄入工作（幫助上傳新聞、更新等的內(nèi)容，一個(gè)月）5K

云服務(wù)的購(gòu)買（一年，80G空間，5M帶寬）1K?12=12K

維護(hù)和日常服務(wù)器支持（一年）0.5?12=6K

視頻云服務(wù)器購(gòu)買（如果要自己host視頻的話，按照流量，這里不具體羅列）

CDN加速服務(wù)購(gòu)買（一般項(xiàng)目也不太需要，這里不具體羅列）

另外需要特別指出的是關(guān)于網(wǎng)站還有如下這些費(fèi)用需要考慮：

適配手機(jī)屏幕的設(shè)計(jì)和開發(fā)費(fèi)用：這部分的費(fèi)用大概是上面提到的”界面設(shè)計(jì)”+“UI界面代碼編寫“的20%。

如果是創(chuàng)意類的HTML5微信營(yíng)銷方案，拼創(chuàng)意想法，通常時(shí)間也特別緊，沒(méi)有后臺(tái)數(shù)據(jù)庫(kù)的情況下，最低也要個(gè)6萬(wàn)起吧。

對(duì)于需要開發(fā)iOS和android兩個(gè)平臺(tái)的app的還有這些費(fèi)用需要考慮：

兩個(gè)平臺(tái)都要開發(fā)的話界面UI的開發(fā)費(fèi)用都是單獨(dú)算的，因?yàn)閕OS采用Swift或者Objective-C語(yǔ)言編寫，android采用Java編寫，這部分的費(fèi)用大概是上面提到的“UI界面代碼編寫”?2。

有的app還需要開機(jī)引導(dǎo)畫面，或者使用教程，這一般也要加2-3W起進(jìn)行設(shè)計(jì)和開發(fā)。

這樣算下來(lái)，一個(gè)功能簡(jiǎn)單的可用的app（僅在一個(gè)平臺(tái)、沒(méi)有電商，沒(méi)有社交屬性），基本也是需要20W（上面提到的點(diǎn)3+4+5+6+8）的。復(fù)雜一點(diǎn)的，那就是幾十萬(wàn)到百萬(wàn)級(jí)別了。至于網(wǎng)站，也會(huì)從幾萬(wàn)塊到幾十萬(wàn)不等。

如果自己組建團(tuán)隊(duì)做需要多少成本？（另一個(gè)角度看需要多少錢）

首先要說(shuō)說(shuō)為什么需要有自己的團(tuán)隊(duì)：

自己的團(tuán)隊(duì)更有主觀能動(dòng)性，能為產(chǎn)品貢獻(xiàn)自己的想法，并為之努力。

靈活、想怎么改怎么來(lái)就怎么改怎么來(lái)。外包團(tuán)隊(duì)就需要加錢了。

外包團(tuán)隊(duì)專業(yè)，但是如果你自己不懂設(shè)計(jì)或者開發(fā)，起碼你需要懂設(shè)計(jì)或者懂開發(fā)的人在你的團(tuán)隊(duì)來(lái)跟進(jìn)外包團(tuán)隊(duì)和進(jìn)行質(zhì)量把控，要不然被忽悠了也不知道。

總之要?jiǎng)?chuàng)業(yè)或者做自己產(chǎn)品的人，最好是先組建屬于自己的團(tuán)隊(duì)。

言歸正傳，之所以從組建自己的團(tuán)隊(duì)這個(gè)角度談，是因?yàn)榭梢酝ㄟ^(guò)這個(gè)角度來(lái)找到完成一個(gè)產(chǎn)品需要的團(tuán)隊(duì)的成本是多少，從而計(jì)算出這個(gè)產(chǎn)品實(shí)現(xiàn)起來(lái)的費(fèi)用。

那么一個(gè)能做出一個(gè)產(chǎn)品的團(tuán)隊(duì)需要有什么樣的角色呢？首先要有一位產(chǎn)品經(jīng)理，這個(gè)人是規(guī)劃產(chǎn)品、功能以及流程的，同時(shí)他也負(fù)責(zé)項(xiàng)目的進(jìn)度，也就是項(xiàng)目管理的工作，有經(jīng)驗(yàn)的1.5W。一名設(shè)計(jì)師，基本能力可以的，能做出東西的（創(chuàng)意，技巧什么的就不說(shuō)了）至少需要1W-2W。最后需要有至少兩名有經(jīng)驗(yàn)的開發(fā)者，2W+，如果要同時(shí)開發(fā)Web、iOS和android就需要至少3位。這已經(jīng)是最小的團(tuán)隊(duì)了，當(dāng)然產(chǎn)品經(jīng)理一職你自己可以擔(dān)任，但是如果沒(méi)有經(jīng)驗(yàn)或者和設(shè)計(jì)開發(fā)相關(guān)的專業(yè)知識(shí)，基本是做不好的。

算一下，一個(gè)4人（1個(gè)產(chǎn)品經(jīng)理，1個(gè)設(shè)計(jì)師，2個(gè)開發(fā)）的團(tuán)隊(duì)一年的運(yùn)營(yíng)費(fèi)用要100W，如果你的產(chǎn)品可以在3個(gè)月內(nèi)做好，那就是20W，這是極高效和沒(méi)有反復(fù)的情況下哦，而且這僅僅是人員上的開支而已，還沒(méi)有算購(gòu)買軟硬件、房租水電、運(yùn)營(yíng)稅收等等的成本。當(dāng)然還沒(méi)有算你自己付出的精力和時(shí)間成本呢。

如果你非常有錢，那以上都不是問(wèn)題，人類都要到火星了，還有什么搞不定？如果真的想要在有限的預(yù)算里做出一些東西，那最好先搞清楚自己要做什么，學(xué)習(xí)一些做產(chǎn)品的知識(shí)和原理。

最后聊一個(gè)問(wèn)題，質(zhì)量。如果有人沒(méi)有搞清需求就告訴你多少多少錢可以搞定一個(gè)app，那他就是扯淡，質(zhì)量肯定是沒(méi)有辦法保證的。關(guān)于設(shè)計(jì)和代碼的質(zhì)量，我只想打個(gè)比方，有500塊的羽絨服，也有2000塊甚至20000塊的，貴肯定有貴的道理。

希望這篇文章可以給需要做app／網(wǎng)站的朋友一些參考，還是那句話：“具體報(bào)價(jià)要看具體需求”。

文章名稱：做一個(gè)aPP開發(fā)／網(wǎng)站設(shè)計(jì)需要多少錢
瀏覽地址：http://redsoil1982.com.cn/news42/125392.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)、App開發(fā)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)