UI實戰教程！從零開始做App 系列之項目立項+預估時間篇

UI 設計師從零開始做一個App 要經歷哪些流程？這個系列的文章會為新手一一講解。本篇會為你講解如何做項目立項和項目預估時間，實用高效，新手來收。

列了一個小小的目錄：

• 項目立項
• 項目預估時間
• 界面設計
• 切圖標注
• 視覺還原
• 上線準備

項目立項篇

我是一名UI設計師，所以這里說的都是從設計師的角度去闡述一款APP從無到有的一個過程中，設計師應該干的事。

如果你所在的是一個團隊健全的公司，在項目立項時，會把所有相關人員（產品汪、運營喵、設計獅、程序猿等）聚在一起開產品會議，產品汪會講解項目原型、市場調研分析、市場需求、產品定位、盈利模式等具體的功能模塊和跳轉邏輯，一起討論交流原型，不足之處進行改進完善，然后評估項目時間，就可以開工了。

注意：在產品講解和演示原型時，你一定要認真聽，并且要完全理解整個邏輯，你有疑惑或者不理解的地方，一定要提出疑問，讓產品解答，不然你的設計稿可能會出現邏輯錯誤等。

這個時候我們就可以新建項目了，做前期準備了。

我個人的立項建檔習慣是以“項目名稱+版本號”來命名文件夾，因為這種方法很方便我管理和查找項目文件。有的設計師可能是把所有文件放在一個文件夾里，如果文件較少還行，當文件較多時，那你要哭了，你都不知道哪個是哪個版本的文件了。

反復改稿對于設計師來說，那是家常便飯，當一個頁面反復改稿很多次時（也包括3天2頭就改這種），很多設計師的源文件應該是這樣的：

初稿、初稿1、初稿2…審定稿、審定稿1…修改稿、修改稿1…最終稿、最終稿1……，等等一系列，當我看我這樣的源文件時，我想我會吐血，因為太不好區分，哪個是上一版，哪個早一些。

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

立項時我只需要給開發的小伙伴說明一下，他們自然會知道哪個文件是最終版的。

這里很認真的提醒一下各位小伙伴們，所有的修改稿都別刪掉，千萬別刪，千萬別刪掉（重要的事說3遍），每一次的修改都在副本基礎上修改，因為當我們改了好多稿后，甲方可能會說“還是第一版好看，回到第一版吧”（不要吐血或砸電腦），所以請千萬在副本上進行修改。

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

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

更多的版本控制方法可以見：

1. 《來收神器！UI設計師常用的版本控制工具有哪些？》
2. 《改稿不愁！設計師最常用的三種版本控制方法（附工具盤點）》

項目預估時間

此時此刻，我們已經拿到了PRD文檔和原型，先別著急去打開PS畫圖，因為一個項目的開發是需要時間的，為了更高效的完成開發進度，整個團隊都需要預估項目時間，作為UI，很簡單，那就是數頁面，看總共有多少個頁面，再詳細預估……

舉個栗子，比如接到一個APP項目，所有頁面總共有70個左右，這時候可能Boss和產品會問你多久圖能出完，先別著急答復，你需要先審視所有頁面。

1. 確定重要頁面

何為重要頁面？在如今看顏值的時代，臉就是最重要的，首頁就是一款APP的臉。拿首頁來說，你可能需要花2天時間來完成，之所有要用2天，是因為你還要確定主色、設計風格、icon設計等等。

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

其實首頁確定好后，整個APP的設計風格就基本已經確立，其他的頁面做起來也就容易多了。

2.?篩選重復頁面

一款APP里，其實有好多頁面都是局部結構類似的，所以70個頁面，這樣篩選下來，估計也就只有一半，30個頁面是不重復的。

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

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

3.?整體預估時間

當確定了30個主要頁面的時間，現在就要把其余的重復頁面時間算進來，剩余的這40個就相當于批量的，一周時間穩穩夠了，千萬不要把時間估的太緊，因為你完全不知道boss可能會在你不經意丟給你一個東西讓你做，而且還是要的很著急的那種，最后哭的只能是你自己了。

審視原型→ 統計篩選頁面→重要頁面設計（30個）→ 次頁面設計（40個）→ 審稿+改稿→ 定稿。

按照自己的預估時間，有序不穩，且能夠應對突發設計任務的情況下，差不多3周時間完成，這里是100%不加班的預估時間。

4.?網頁設計預估時間

一般而言，如果是比較大型的專題頁面設計，我一般會預估3天時間，包括從靈感、構思、參考、設計、修改。

如果是網站，并且有三級頁面，大致5個頁面左右，大致需要5天時間；具體可根據頁面的多少，類推進行預估。

歡迎關注作者公眾號：UI妹兒

「從零開始設計App 之交互設計系列」

1. 《設計師怎樣從零開始設計一款APP？》
2. 《從零開始設計一款APP之如何做原型圖》
3. 《基礎小課堂！從零開始教你做高保真原型圖+UI 設計規范》
4. 《從零開始設計一款APP之如何做好整理和交接工作》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com