小白設(shè)計師，想外包個針對微信的webapp，請問具體需要哪些輸出，標(biāo)注和切圖之

時間：2023-10-22 21:42:01 | 來源：網(wǎng)站運營

時間：2023-10-22 21:42:01 來源：網(wǎng)站運營

小白設(shè)計師，想外包個針對微信的webapp，請問具體需要哪些輸出，標(biāo)注和切圖之類的有什么需要注意的嗎？：卸腰。不管是外包還是自己的團(tuán)隊，開發(fā)人員關(guān)心的就一件事：這東西要做成啥樣？簡單說來你需要一份明確的需求說明書、一個產(chǎn)品原型、一套完整的界面視覺稿。

需求說明書要盡可能的詳盡，覆蓋到各個部分，正如其名“說明書”，開發(fā)人員不清楚的地方看了就要能明白的，才叫好。外包相比自己的團(tuán)隊，不可控性和溝通成本都會增加。

產(chǎn)品原型重點體現(xiàn)產(chǎn)品的交互邏輯，要讓開發(fā)人員知道這個按鈕點了會發(fā)生什么、具體的動效、頁面之間的跳轉(zhuǎn)關(guān)系、具體使用什么控件……諸如此類

視覺稿不必多說，很好理解。在交互稿的基礎(chǔ)之上，每個頁面至少要有一份視覺稿，對于一些特殊的交互效果，需要用關(guān)鍵幀的方式給出3-4幀的靜態(tài)畫面。視覺稿要做到成品質(zhì)量，即成品出來可以直接對照著進(jìn)行檢驗。標(biāo)注時候按照控件進(jìn)行標(biāo)注，多了解一些Web平臺的規(guī)范以及實現(xiàn)方式，搞清楚哪些是用代碼就能實現(xiàn)的，哪些是必須用圖片的。需要標(biāo)注的內(nèi)容有各個控件的寬高以及左上角的坐標(biāo)（視情況選用絕對位置或相對位置）、顏色數(shù)值（對常用的是十六進(jìn)制的RGB）、字體（不管是系統(tǒng)的還是第三方的），切片注意按照功能進(jìn)行命名。

其他方面多是一些軟性的東西，你不做沒人會說你，但是推薦你這么做。

1. 與開發(fā)多溝通，盡量用計算機(jī)術(shù)語（不用很全，常用的一些就行，表現(xiàn)出你對計算機(jī)還是懂的，但又不至于讓程序猿有被人凌駕的威脅），偶爾賣萌并不間斷體現(xiàn)出你對技術(shù)大神的膜拜之情（這是一種心理暗示，程序猿多半悶騷且沒有女朋友，這種溝通方式很容易獲得對方的配合），但別撒嬌任性（畢竟這是工作，不是談戀愛）。

2. 多了解計算機(jī)方面的知識，自學(xué)一些項目相關(guān)的編程技術(shù)，不用很專業(yè)但務(wù)必知道什么東西能實現(xiàn)，大概是怎么實現(xiàn)的，什么東西是很難實現(xiàn)甚至目前還無法實現(xiàn)的。

3. 多逛逛設(shè)計相關(guān)的網(wǎng)站：優(yōu)設(shè)、ISUX、UI中國等，很多網(wǎng)站都有友鏈，逛得多了自然就會發(fā)現(xiàn)其它的優(yōu)質(zhì)網(wǎng)站，上面有很多的經(jīng)驗文，多看看業(yè)內(nèi)真正的大牛是怎么做的，然后選擇性的進(jìn)行實踐。