非常干貨系列之一個(gè)APP從零到一的項(xiàng)目立項(xiàng)和預(yù)估時(shí)間

列了一個(gè)小小的目錄：

• 項(xiàng)目立項(xiàng)
• 項(xiàng)目預(yù)估時(shí)間
• 界面設(shè)計(jì)
• 切圖標(biāo)注
• 視覺還原
• 上線準(zhǔn)備

項(xiàng)目立項(xiàng)篇

我是一名UI設(shè)計(jì)師，所以這里說的都是從設(shè)計(jì)師的角度去闡述一款A(yù)PP從無到有的一個(gè)過程中，設(shè)計(jì)師應(yīng)該干的事。

如果你所在的是一個(gè)團(tuán)隊(duì)健全的公司，在項(xiàng)目立項(xiàng)時(shí)，會(huì)把所有相關(guān)人員（產(chǎn)品汪、運(yùn)營喵、設(shè)計(jì)獅、程序猿等）聚在一起開產(chǎn)品會(huì)議，產(chǎn)品汪會(huì)講解項(xiàng)目原型、市場調(diào)研分析、市場需求、產(chǎn)品定位、盈利模式等具體的功能模塊和跳轉(zhuǎn)邏輯，一起討論交流原型，不足之處進(jìn)行改進(jìn)完善，然后評(píng)估項(xiàng)目時(shí)間，就可以開工了。

注意：在產(chǎn)品講解和演示原型時(shí)，你一定要認(rèn)真聽，并且要完全理解整個(gè)邏輯，你有疑惑或者不理解的地方，一定要提出疑問，讓產(chǎn)品解答，不然你的設(shè)計(jì)稿可能會(huì)出現(xiàn)邏輯錯(cuò)誤等。

這個(gè)時(shí)候我們就可以新建項(xiàng)目了，做前期準(zhǔn)備了。

我個(gè)人的立項(xiàng)建檔習(xí)慣是以“項(xiàng)目名稱+版本號(hào)”來命名文件夾，因?yàn)檫@種方法很方便我管理和查找項(xiàng)目文件。有的設(shè)計(jì)師可能是把所有文件放在一個(gè)文件夾里，如果文件較少還行，當(dāng)文件較多時(shí)，那你要哭了，你都不知道哪個(gè)是哪個(gè)版本的文件了。

反復(fù)改稿對(duì)于設(shè)計(jì)師來說，那是家常便飯，當(dāng)一個(gè)頁面反復(fù)改稿很多次時(shí)（也包括3天2頭就改這種），很多設(shè)計(jì)師的源文件應(yīng)該是這樣的：

初稿、初稿1、初稿2…審定稿、審定稿1…修改稿、修改稿1…最終稿、最終稿1……，等等一系列，當(dāng)我看我這樣的源文件時(shí)，我想我會(huì)吐血，因?yàn)樘缓脜^(qū)分，哪個(gè)是上一版，哪個(gè)早一些。

我個(gè)人的習(xí)慣是以“文件名+改稿日期+改稿次數(shù)”來命名，舉個(gè)栗子，比如“首頁_4.10”是最終版，但是4月12日，產(chǎn)品說首頁要再加一個(gè)通知，那我的文件就是“首頁_4.12”，但是前后又改了3次，那就是“首頁_4.12.3”一目了然，方便查找要修改的文件。

立項(xiàng)時(shí)我只需要給開發(fā)的小伙伴說明一下，他們自然會(huì)知道哪個(gè)文件是最終版的。

這里很認(rèn)真的提醒一下各位小伙伴們，所有的修改稿都別刪掉，千萬別刪，千萬別刪掉（重要的事說3遍），每一次的修改都在副本基礎(chǔ)上修改，因?yàn)楫?dāng)我們改了好多稿后，甲方可能會(huì)說“還是第一版好看，回到第一版吧”（不要吐血或砸電腦），所以請(qǐng)千萬在副本上進(jìn)行修改。

千萬別指望Ctrl+Z，如果你從沒修改過首選項(xiàng)，默認(rèn)的歷史記錄只有20步，最大是200步，如果你設(shè)置了200步，不怕PS卡奔潰那也是可以的。

額外再插一句，對(duì)于項(xiàng)目的版本控制也是很重要的，我用的項(xiàng)目版本軟件控制是SVN，管理項(xiàng)目文件方便高效，可以和本地項(xiàng)目文件同步，就算我的電腦掛，或裝系統(tǒng)手誤把所有磁盤格式化了，我也不用擔(dān)心，我只要同步更新SVN線上文件就都回來了，關(guān)于SVN這里就不多說了。

項(xiàng)目預(yù)估時(shí)間

此時(shí)此刻，我們已經(jīng)拿到了PRD文檔和原型，先別著急去打開PS畫圖，因?yàn)橐粋€(gè)項(xiàng)目的開發(fā)是需要時(shí)間的，為了更高效的完成開發(fā)進(jìn)度，整個(gè)團(tuán)隊(duì)都需要預(yù)估項(xiàng)目時(shí)間，作為UI，很簡單，那就是數(shù)頁面，看總共有多少個(gè)頁面，再詳細(xì)預(yù)估……

舉個(gè)栗子，比如接到一個(gè)APP項(xiàng)目，所有頁面總共有70個(gè)左右，這時(shí)候可能Boss和產(chǎn)品會(huì)問你多久圖能出完，先別著急答復(fù)，你需要先審視所有頁面。

1. 確定重要頁面

何為重要頁面？在如今看顏值的時(shí)代，臉就是最重要的，首頁就是一款A(yù)PP的臉。拿首頁來說，你可能需要花2天時(shí)間來完成，之所有要用2天，是因?yàn)槟氵€要確定主色、設(shè)計(jì)風(fēng)格、icon設(shè)計(jì)等等。

我們都知道魚和熊掌不可兼得，既想要快速度，還想要高質(zhì)量，這2者是不可能同時(shí)保證的，也很難去平衡的。

其實(shí)首頁確定好后，整個(gè)APP的設(shè)計(jì)風(fēng)格就基本已經(jīng)確立，其他的頁面做起來也就容易多了。

2. 篩選重復(fù)頁面

一款A(yù)PP里，其實(shí)有好多頁面都是局部結(jié)構(gòu)類似的，所以70個(gè)頁面，這樣篩選下來，估計(jì)也就只有一半，30個(gè)頁面是不重復(fù)的。

注意：你在做圖的過程中，不可能100%保證不會(huì)有其他任務(wù)，肯定會(huì)有一些額外的設(shè)計(jì)任務(wù)，所以，不要把時(shí)間估的剛剛好，除非你非常確定不會(huì)有額外的設(shè)計(jì)任務(wù)。

所以，就這剩余的30個(gè)頁面，按照我的速度，再留出充足的時(shí)間的話（在實(shí)際預(yù)估時(shí)間上多30%—50%左右），我大概需要2周時(shí)間完成。

3. 整體預(yù)估時(shí)間

當(dāng)確定了30個(gè)主要頁面的時(shí)間，現(xiàn)在就要把其余的重復(fù)頁面時(shí)間算進(jìn)來，剩余的這40個(gè)就相當(dāng)于批量的，一周時(shí)間穩(wěn)穩(wěn)夠了，千萬不要把時(shí)間估的太緊，因?yàn)槟阃耆恢纀oss可能會(huì)在你不經(jīng)意丟給你一個(gè)東西讓你做，而且還是要的很著急的那種，最后哭的只能是你自己了。

審視原型→ 統(tǒng)計(jì)篩選頁面→重要頁面設(shè)計(jì)（30個(gè)）→ 次頁面設(shè)計(jì)（40個(gè)）→ 審稿+改稿→ 定稿。

按照自己的預(yù)估時(shí)間，有序不穩(wěn)，且能夠應(yīng)對(duì)突發(fā)設(shè)計(jì)任務(wù)的情況下，差不多3周時(shí)間完成，這里是100%不加班的預(yù)估時(shí)間。

4. 網(wǎng)頁設(shè)計(jì)預(yù)估時(shí)間

一般而言，如果是比較大型的專題頁面設(shè)計(jì)，我一般會(huì)預(yù)估3天時(shí)間，包括從靈感、構(gòu)思、參考、設(shè)計(jì)、修改。

如果是網(wǎng)站，并且有三級(jí)頁面，大致5個(gè)頁面左右，大致需要5天時(shí)間；具體可根據(jù)頁面的多少，類推進(jìn)行預(yù)估。