2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

之前做 Web 項(xiàng)目，拿到手就開(kāi)始編碼，編到一半又會(huì)變得很迷糊，這是由于準(zhǔn)備工作不充分給后續(xù)工作帶來(lái)的坑。我了解的項(xiàng)目生命周期是這樣的：（也可能不準(zhǔn)確啦...）

• 需求分析。拿到客戶提的需求進(jìn)行分析；（產(chǎn)品經(jīng)理）
• 原型圖出稿。UI 設(shè)計(jì)師畫(huà)原型圖跟客戶確定是否頁(yè)面大致做成這樣；（產(chǎn)品經(jīng)理）
• 設(shè)計(jì)表結(jié)構(gòu)。原型圖確認(rèn)之后，分析業(yè)務(wù)，這一過(guò)程要考慮表之間關(guān)聯(lián)關(guān)系；（開(kāi)發(fā)人員）
• 開(kāi)發(fā)代碼。原型圖幫助開(kāi)發(fā)人員理清做出來(lái)的東西像什么樣子，表結(jié)構(gòu)幫助開(kāi)發(fā)人員確認(rèn)功能如何開(kāi)發(fā)；（開(kāi)發(fā)人員）
• 測(cè)試代碼。寫(xiě)測(cè)試案例，覆蓋盡可能多的應(yīng)用場(chǎng)景，讓代碼變得健壯；（開(kāi)發(fā)人員 + 測(cè)試人員）
• 運(yùn)維。服務(wù)器選擇/購(gòu)買(mǎi)+環(huán)境搭建+部署代碼；（運(yùn)維人員）
• 交付項(xiàng)目。前面每一步都按部就班，編寫(xiě)對(duì)應(yīng)的文檔，這一步就會(huì)變得很簡(jiǎn)單，匯總完整的開(kāi)發(fā)流程文檔，方便后續(xù)維護(hù)人員修復(fù) bug 或者擴(kuò)展功能。（運(yùn)維人員）

就我個(gè)人來(lái)說(shuō)，前面關(guān)注點(diǎn)大多放在開(kāi)發(fā)、測(cè)試和運(yùn)維。對(duì)于需求分析、原型圖出稿和表結(jié)構(gòu)設(shè)計(jì)沒(méi)怎么接觸。很多項(xiàng)目組開(kāi)發(fā)都會(huì)忽略其中一至兩點(diǎn)，但在我看來(lái)缺一不可。

---

本文調(diào)研原型圖出稿的 "硬件"，使用什么軟件制作原型圖，相關(guān)的素材網(wǎng)站、學(xué)習(xí)教程等。

原型圖設(shè)計(jì)工具

• Axure RP。老牌設(shè)計(jì)工具，貌似對(duì)中文支持不是很好，但有漢化包可以解決這一問(wèn)題；
• 磨刀。國(guó)產(chǎn)工具，可在瀏覽器在線編輯，也可以下載客戶端本地編輯。使用文檔比較齊全，視頻教程也很 nice；
• xiao piu。

原型圖設(shè)計(jì)的頁(yè)面比較單調(diào)，需要加點(diǎn)圖片、圖標(biāo)等點(diǎn)綴。這就需要 photoshop。常見(jiàn)的摳圖、修圖等。推薦一本 ps 入門(mén)書(shū) 《好學(xué)、好用、好玩的 Photoshop》,不像板磚那么厚，有很多插圖，看著都能懂。（這周剛好買(mǎi)了本二手書(shū)，費(fèi)用：￥18）

使用 ps 摳圖/修圖都需要圖片，圖片從哪來(lái)？？網(wǎng)上有很多圖片素材網(wǎng)站，多逛逛總有適合的圖片，也能培養(yǎng)自己的審美，看的多了有比較了也就知道什么好看了。收集的素材網(wǎng)：

• 創(chuàng)客貼
• 包圖網(wǎng)
• 千圖網(wǎng)
• 昵圖網(wǎng)
• 花瓣網(wǎng)

除了圖片也會(huì)用到圖標(biāo)，現(xiàn)在圖標(biāo)基本都用字體庫(kù)代替而不是純圖片了。圖標(biāo)庫(kù)有：

• iconfont
• font-awsome

在做移動(dòng)端如微信小程序底部 bar 會(huì)用到圖片而不是圖標(biāo)，使用 ps 慢慢修吧。

有時(shí)候?qū)D片有要求，要用矢量圖，相關(guān)設(shè)計(jì)軟件有 ai（Adobe Illustrator）

吐槽一下：Adobe 的正版軟件 Illustrator 和 photoshop 單獨(dú)購(gòu)買(mǎi)都是 3300 元。去網(wǎng)上下載試用期只有一個(gè)月，找序列號(hào)真是累死人，試了好多都不管用。有人說(shuō)下載注冊(cè)機(jī)，裝個(gè)軟件麻煩的一逼。

轉(zhuǎn)載于:https://my.oschina.net/dkvirus/blog/1919893

總結(jié)

以上是生活随笔為你收集整理的调研报告：原型图出稿的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。