經(jīng)驗(yàn)分享！如何準(zhǔn)確的向工程師傳達(dá)動(dòng)效設(shè)計(jì)？(3)

（譬如這段元素移動(dòng)很復(fù)雜的動(dòng)畫(huà)，工程師即使看明白了，也不一定能準(zhǔn)確的實(shí)現(xiàn)）

想要自己的設(shè)計(jì)能被精確的實(shí)現(xiàn)，就一定要對(duì)實(shí)現(xiàn)的原理有所了解。根據(jù)實(shí)現(xiàn)原理，把對(duì)應(yīng)的參數(shù)精確的寫(xiě)出來(lái)，這就是參數(shù)文檔。對(duì)于動(dòng)效來(lái)說(shuō)，基本參數(shù)無(wú)非這三類(lèi)：

動(dòng)畫(huà)的起始時(shí)間、持續(xù)時(shí)間（duration offset）變化的屬性（rotation position scale alpha）運(yùn)動(dòng)速率（interpolator）

iOS與Android各自的程序語(yǔ)法不太相同，大家可以去官網(wǎng)翻看一下它們的開(kāi)發(fā)者文檔，了解兩者在動(dòng)效實(shí)現(xiàn)上大概的語(yǔ)法格式，然后對(duì)應(yīng)著把這些參數(shù)標(biāo)好，傳遞給工程師，他們就真正可以愉快的開(kāi)發(fā)了。

（分享一下我的Andriod部分文檔，只要能把開(kāi)發(fā)所需的參數(shù)標(biāo)明，格式隨意）

當(dāng)然，開(kāi)發(fā)過(guò)程中少不了和工程師的不斷溝通（一些如像素位置、不同機(jī)型屏幕比例的細(xì)節(jié)，包括可能出現(xiàn)的誤差），換位思考，不能丟給他文檔或demo之后做甩手掌柜，那也是不負(fù)責(zé)任的表現(xiàn)。

總結(jié)：

簡(jiǎn)單的說(shuō)，要想準(zhǔn)確傳達(dá)自己的設(shè)計(jì)可以分三步。

第一步：要快速可視化

你可以選擇任何用的順手的工具，把自己的想法快速準(zhǔn)確的呈現(xiàn)出來(lái)，就已經(jīng)是成功的一半。

第二步：最大限度的還原使用場(chǎng)景

如果是PC端，就在電腦上演示。如果是移動(dòng)端，就在手機(jī)上演示。如果可操作，那最好做可交互的原型，當(dāng)然，是在時(shí)間成本允許的條件下。

第三步：把設(shè)計(jì)參數(shù)化，盡可能減少讓工程師憑感覺(jué)開(kāi)發(fā)的情況

相信我，如果你不希望工程師憑感覺(jué)調(diào)UI顏色，那么動(dòng)效同理。一份精確的文檔，是你專(zhuān)業(yè)性的體現(xiàn)。

最后我想提醒一下，本文提到了很多工具，而工具似乎有能讓人著迷的魔力。所以請(qǐng)注意了，千萬(wàn)不要在追求工具的過(guò)程中迷失了設(shè)計(jì)的本源。電影《夜行者》里有一句臺(tái)詞：“想贏(yíng)彩票的話(huà)，你得先賺夠買(mǎi)彩票的錢(qián)。”同樣，我們是設(shè)計(jì)師，想要工程師實(shí)現(xiàn)出酷炫的動(dòng)效，你得先把它酷炫的設(shè)計(jì)出來(lái)。抓住一切機(jī)會(huì)提升自己的設(shè)計(jì)能力吧！那才是你最寶貴的東西。