設(shè)計(jì)師總是習(xí)慣于把時(shí)間用在雕琢設(shè)計(jì)稿上，而忽略掉后期的設(shè)計(jì)驗(yàn)收，而這樣就會(huì)影響工作的效率。那么，我們到底要如何進(jìn)行設(shè)計(jì)驗(yàn)收呢？

一直以來(lái)，設(shè)計(jì)驗(yàn)收都不太受重視，設(shè)計(jì)師總是習(xí)慣于把時(shí)間用在雕琢設(shè)計(jì)稿上，而忽略掉后期的設(shè)計(jì)驗(yàn)收。這就導(dǎo)致程序員在修改bug的時(shí)候， 常常需要多次修改才能還原設(shè)計(jì)稿的效果， 重復(fù)返工， 極其影響效率。但其實(shí)很多時(shí)候只要設(shè)計(jì)師在驗(yàn)收的時(shí)候做一點(diǎn)點(diǎn)改變， 多花費(fèi)幾分鐘，就能大大提高bug的修改率。

關(guān)于設(shè)計(jì)驗(yàn)收

之所以驗(yàn)收不受重視，我覺(jué)得主要有兩個(gè)原因： 一個(gè)是對(duì)自己和合作的程序員極其自信， 認(rèn)為對(duì)方能Get到自己所有的點(diǎn)， 會(huì)完全按照設(shè)計(jì)稿來(lái)， 另一個(gè)是設(shè)計(jì)師沒(méi)有意識(shí)到驗(yàn)收的重要性， 潛意識(shí)里認(rèn)為最后開(kāi)發(fā)的效果不好是開(kāi)發(fā)的鍋， 跟自己沒(méi)有關(guān)系。

但其實(shí)在外人看來(lái)， 開(kāi)發(fā)后的效果不好，設(shè)計(jì)稿做的再完美也是徒勞，畢竟最后看的還是線(xiàn)上稿。誰(shuí)也不想自己的稿子拿不出手吧…

錯(cuò)誤的做法

1. 口頭說(shuō)明

很不幸，實(shí)際工作中很多設(shè)計(jì)師發(fā)現(xiàn)問(wèn)題后，只是口頭告訴開(kāi)發(fā)哪里要改，這種方式很容易出現(xiàn)你說(shuō)了10個(gè)，但開(kāi)發(fā)只記得6個(gè)，最終只改對(duì)了4個(gè)，重復(fù)返工以及溝通的時(shí)間太長(zhǎng)，效率不高。

當(dāng)然在這種口頭說(shuō)明的方法之下還產(chǎn)生了一個(gè)進(jìn)階版，就是搬個(gè)小板凳坐到開(kāi)發(fā)面前指哪改哪，但這個(gè)也僅限于對(duì)接開(kāi)發(fā)人員少的時(shí)候，當(dāng)你同時(shí)對(duì)接三五個(gè)開(kāi)發(fā)的時(shí)候，是沒(méi)有這個(gè)精力的而且也會(huì)影響開(kāi)發(fā)的進(jìn)度。

2. 讓開(kāi)發(fā)去找之前的標(biāo)注稿

驗(yàn)收的時(shí)候發(fā)現(xiàn)有問(wèn)題的時(shí)候，讓開(kāi)發(fā)自己去找之前的標(biāo)注稿，對(duì)照著修改，就很容易出現(xiàn)重復(fù)返工，有時(shí)候開(kāi)發(fā)改了但是沒(méi)改到位，比如：設(shè)計(jì)稿的元素大小是20px，第一次開(kāi)發(fā)做的是27px，一輪驗(yàn)收后他自己回去對(duì)照標(biāo)注稿，改成了18px，那也就意味著你在二輪驗(yàn)收的時(shí)候還得去提這個(gè)問(wèn)題，時(shí)間成本浪費(fèi)較大。

作為設(shè)計(jì)師而言，我們每天都是跟像素打交道，間距、字號(hào)差個(gè)幾像素，我們一眼就能看出來(lái)，但是作為每天跟代碼打交道的開(kāi)發(fā)來(lái)說(shuō)，差了幾像素在他們眼里是沒(méi)區(qū)別的，覺(jué)得都一樣。所以我們需要明確的告訴他這里移動(dòng)幾像素，那里字號(hào)改大幾像素。

這就跟談戀愛(ài)一樣，男生和女生的思維很不一樣，同理，設(shè)計(jì)師和開(kāi)發(fā)的思維也是不一樣的，我們?cè)隍?yàn)收的時(shí)候，可以稍微改變一下方式，多站在開(kāi)發(fā)的角度考慮問(wèn)題。

正確的做法

1. 截圖

驗(yàn)收的時(shí)候，我們需要把開(kāi)發(fā)實(shí)現(xiàn)后的效果截圖，然后再去和設(shè)計(jì)稿做對(duì)比。

2. 和設(shè)計(jì)稿作對(duì)比

我們可以直接把截圖放在設(shè)計(jì)圖上方，降低透明度，大致比對(duì)下，就知道哪里不太對(duì)，然后再具體標(biāo)注需求修改地方的參數(shù)。

在這其中也有幾個(gè)小技巧，當(dāng)設(shè)計(jì)稿做的間距是48px時(shí)，開(kāi)發(fā)實(shí)現(xiàn)后的效果是30px，這個(gè)時(shí)候我們可以直接標(biāo)明間距縮小18px，而不是間距高度48px。開(kāi)發(fā)也只需要在原來(lái)設(shè)置的參數(shù)上加或者減18px，而不用再去算參數(shù)了。當(dāng)圖標(biāo)切圖錯(cuò)誤的時(shí)候，直接注明該圖標(biāo)需要更換，圖片比例不對(duì)的時(shí)候也一樣。

驗(yàn)收需要注意的問(wèn)題

1. 分割線(xiàn)

在驗(yàn)收的時(shí)候要特別注意分割線(xiàn)的問(wèn)題，分割線(xiàn)是在所有屏幕上都是1px，但是很多程序員沒(méi)有注意這個(gè)，或者說(shuō)設(shè)計(jì)師在開(kāi)發(fā)前沒(méi)有特別說(shuō)明，程序員就寫(xiě)成了1pt。因?yàn)閜t是1x下的單位，px是實(shí)際單位。

所以在做分割線(xiàn)的是，單位需要是“px”，這樣才能保證每個(gè)屏幕的分割線(xiàn)都是1像素。

2. 文字截?cái)喾秶?/strong>