經(jīng)驗(yàn)分享!如何準(zhǔn)確的向工程師傳達(dá)動效設(shè)計(jì)?(3)
(譬如這段元素移動很復(fù)雜的動畫,工程師即使看明白了,也不一定能準(zhǔn)確的實(shí)現(xiàn))
想要自己的設(shè)計(jì)能被精確的實(shí)現(xiàn),就一定要對實(shí)現(xiàn)的原理有所了解。根據(jù)實(shí)現(xiàn)原理,把對應(yīng)的參數(shù)精確的寫出來,這就是參數(shù)文檔。對于動效來說,基本參數(shù)無非這三類:
-
動畫的起始時(shí)間、持續(xù)時(shí)間(duration offset)變化的屬性(rotation position scale alpha)運(yùn)動速率(interpolator)
iOS與Android各自的程序語法不太相同,大家可以去官網(wǎng)翻看一下它們的開發(fā)者文檔,了解兩者在動效實(shí)現(xiàn)上大概的語法格式,然后對應(yīng)著把這些參數(shù)標(biāo)好,傳遞給工程師,他們就真正可以愉快的開發(fā)了。
(分享一下我的Andriod部分文檔,只要能把開發(fā)所需的參數(shù)標(biāo)明,格式隨意)
當(dāng)然,開發(fā)過程中少不了和工程師的不斷溝通(一些如像素位置、不同機(jī)型屏幕比例的細(xì)節(jié),包括可能出現(xiàn)的誤差),換位思考,不能丟給他文檔或demo之后做甩手掌柜,那也是不負(fù)責(zé)任的表現(xiàn)。
總結(jié):
簡單的說,要想準(zhǔn)確傳達(dá)自己的設(shè)計(jì)可以分三步。
第一步:要快速可視化
你可以選擇任何用的順手的工具,把自己的想法快速準(zhǔn)確的呈現(xiàn)出來,就已經(jīng)是成功的一半。
第二步:最大限度的還原使用場景
如果是PC端,就在電腦上演示。如果是移動端,就在手機(jī)上演示。如果可操作,那最好做可交互的原型,當(dāng)然,是在時(shí)間成本允許的條件下。
第三步:把設(shè)計(jì)參數(shù)化,盡可能減少讓工程師憑感覺開發(fā)的情況
相信我,如果你不希望工程師憑感覺調(diào)UI顏色,那么動效同理。一份精確的文檔,是你專業(yè)性的體現(xiàn)。
最后我想提醒一下,本文提到了很多工具,而工具似乎有能讓人著迷的魔力。所以請注意了,千萬不要在追求工具的過程中迷失了設(shè)計(jì)的本源。電影《夜行者》里有一句臺詞:“想贏彩票的話,你得先賺夠買彩票的錢。”同樣,我們是設(shè)計(jì)師,想要工程師實(shí)現(xiàn)出酷炫的動效,你得先把它酷炫的設(shè)計(jì)出來。抓住一切機(jī)會提升自己的設(shè)計(jì)能力吧!那才是你最寶貴的東西。
學(xué)習(xí) · 提示
相關(guān)教程