當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計(jì)知識>教程內(nèi)容

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

來源:阿里高級視覺設(shè)計(jì)師 作者:TCWison 學(xué)習(xí):2929人次

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

(譬如這段元素移動很復(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ā)了。

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

(分享一下我的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í) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!