突然意識(shí)到嘱根，我們平時(shí)迫切的想要學(xué)習(xí)的動(dòng)效設(shè)計(jì)，膜拜過(guò)無(wú)數(shù)次的追波上面的大神動(dòng)效作品巷懈，其實(shí)不是主要靠創(chuàng)意來(lái)實(shí)現(xiàn)的该抒，而是因?yàn)槠渥穼がF(xiàn)實(shí)世界中物理效果，光暗環(huán)境顶燕，從現(xiàn)實(shí)中的真實(shí)場(chǎng)景挖掘了動(dòng)效最易受的一面凑保，讓受眾接受的如此自然順理成章。

比如翻頁(yè)效果割岛，卷簾效果愉适，擊飛效果，彈跳效果等癣漆。

再比如 想做一個(gè)流星劃過(guò)的頁(yè)面效果维咸，不能單純靠想象力來(lái)實(shí)現(xiàn)，而是真正去觀察現(xiàn)實(shí)中的流星劃過(guò)夜空惠爽，他的軌跡癌蓖，角度，數(shù)量密集程度婚肆，劃過(guò)的速度頻率租副，發(fā)出的顏色。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?粒子動(dòng)效類web首頁(yè)

事情的起因是優(yōu)設(shè)上一篇講web端頁(yè)面設(shè)計(jì)的文章较性，提出目前最火的頁(yè)面背景用僧，其中一種就是粒子動(dòng)效结胀，由此我想到了流星劃過(guò)的動(dòng)效設(shè)計(jì)，很可能更加美觀责循，有感染力糟港。然而這個(gè)設(shè)計(jì)從何做起呢，我目前就很缺乏動(dòng)效設(shè)計(jì)經(jīng)驗(yàn)和實(shí)踐院仿，但是我首先能做的是去思考這個(gè)效果可以是什么樣子秸抚，不一定做出來(lái)但一定有這個(gè)思考的過(guò)程，在心里把想要實(shí)現(xiàn)的外觀設(shè)計(jì)呈現(xiàn)出來(lái)歹垫，這時(shí)候已經(jīng)定下來(lái)

1.要做一個(gè)流星劃過(guò)夜空的設(shè)計(jì)

那么還需要哪些信息才能支撐這個(gè)設(shè)計(jì)繼續(xù)下去呢剥汤？

流星的顏色

流星的密度 數(shù)量

流星劃過(guò)的速度 頻率

劃過(guò)的角度

這是我能短暫時(shí)間想到的。當(dāng)然其實(shí)還有許多要考慮的東西排惨，比如動(dòng)效開(kāi)始和結(jié)束的最佳時(shí)間吭敢、動(dòng)效在用戶打開(kāi)網(wǎng)頁(yè)、鼠標(biāo)移動(dòng)若贮、執(zhí)行按鈕操作等不同場(chǎng)景的反饋效果省有，以及動(dòng)效以什么樣的展示方式能最恰當(dāng)?shù)囊龑?dǎo)用戶完成預(yù)期目標(biāo)，且不會(huì)引起過(guò)多的注意力而導(dǎo)致本末倒置谴麦。

這里面好多東西要和交互設(shè)計(jì)師蠢沿，產(chǎn)品經(jīng)理等等去溝通，但在設(shè)計(jì)之初匾效，設(shè)計(jì)師應(yīng)當(dāng)充分考慮到這些情況下的視覺(jué)傳達(dá)效果舷蟀，這才有可能去成就被稱之為優(yōu)秀的設(shè)計(jì)。

回到我們的出發(fā)點(diǎn)面哼，了解到這些供設(shè)計(jì)繼續(xù)下去的信息需求后野宜，怎么去挖掘使之真正應(yīng)用于自己的設(shè)計(jì)呢？很多人在設(shè)計(jì)之初會(huì)選擇去花瓣魔策，dribbble匈子，pintrest等網(wǎng)站廣泛瀏覽收集靈感和素材（別告訴我沒(méi)人和我一樣這么做），然后就是不斷的絞盡腦汁思考創(chuàng)意點(diǎn)闯袒，往死里憋界面虎敦。但這次我要提醒各位的，也是我以前不信后來(lái)才漸漸發(fā)現(xiàn)的政敢，真正的設(shè)計(jì)來(lái)源于生活其徙，從現(xiàn)實(shí)取材，在升華至超脫現(xiàn)實(shí)喷户。

以上面的流星動(dòng)效為例唾那。顏色，角度褪尝，速度闹获，密度頻率這些信息從哪里來(lái)期犬？我不認(rèn)為你從各大設(shè)計(jì)網(wǎng)站上能夠獲得詳細(xì)數(shù)據(jù)，即便有相似的設(shè)計(jì)避诽，照搬別人的設(shè)計(jì)效果肯定也不會(huì)太好哭懈，因?yàn)槟銢](méi)有處在他進(jìn)行設(shè)計(jì)時(shí)的思維空間，他整個(gè)設(shè)計(jì)從無(wú)到有的思考流程你不能完美復(fù)原甚至?xí)耆喾淳ビ茫藭r(shí)你所實(shí)現(xiàn)的表面上的效果實(shí)際上就是中國(guó)清代中學(xué)為體西學(xué)為用的花架子。

給我這個(gè)設(shè)計(jì)提案睬罗，并且有明確的需求信息轨功，我會(huì)從現(xiàn)實(shí)中挖掘可用信息。比如流星的數(shù)據(jù)容达，可以去各大視頻網(wǎng)站搜索流星相關(guān)的錄像古涧，搜不到你來(lái)西安打死我！我相信如果你智商不低于20肯定能夠了解到流星劃過(guò)天際的具體視覺(jué)特征花盐，頻率速度羡滑，顏色等等，這些可以很容易的get到算芯，也是完全可以完美復(fù)原在你的設(shè)計(jì)稿上的柒昏，你要相信自然規(guī)則運(yùn)轉(zhuǎn)所帶來(lái)的美感是絕對(duì)的，真實(shí)的熙揍，1.618相關(guān)的黃金比例變來(lái)源于海螺的花紋职祷，從現(xiàn)實(shí)整理來(lái)的信息供給我們的設(shè)計(jì)會(huì)有意想不到的效果。

這次突然靈感迸發(fā)也讓我回想起當(dāng)年第一次看到MD (Material design)的驚艷届囚，它的動(dòng)效會(huì)給用戶帶來(lái)一種本應(yīng)如此的視覺(jué)體驗(yàn)有梆，色塊的展開(kāi)，按壓意系，彈出反饋泥耀，全部取材于現(xiàn)實(shí)中的物理運(yùn)行效果，當(dāng)在移動(dòng)設(shè)備上展現(xiàn)出來(lái)的效果和你現(xiàn)實(shí)中接觸的任何物品的反饋相吻合蛔添，這個(gè)設(shè)計(jì)就真正打通了虛擬和現(xiàn)實(shí)痰催，當(dāng)我們使用戶視覺(jué)體驗(yàn)的一致性原則占領(lǐng)整個(gè)設(shè)計(jì)的制高點(diǎn)，不僅是頁(yè)面之間的一致性作郭，更是用戶界面和現(xiàn)實(shí)場(chǎng)景的一致性陨囊，此時(shí)此刻，相信我們所做所為可以被稱為優(yōu)秀的設(shè)計(jì)吧夹攒，真實(shí)而為他人著想的好設(shè)計(jì)进肯！