2014年異常美好，推陳出新，各種工具、各種思想，讓我們設(shè)計(jì)起來更快更好。在閱讀了大量設(shè)計(jì)趨勢預(yù)測之后，結(jié)合我自身的經(jīng)驗(yàn)，我決定寫點(diǎn)東西，預(yù)測一下2014年的設(shè)計(jì)大方向。

1.原型設(shè)計(jì)的時代——更富動態(tài)性的設(shè)計(jì)、更加整體的設(shè)計(jì)

這一點(diǎn)趨勢非常值得注意：無休無止的PSD、靜態(tài)作品的時代馬上就要終結(jié)。如果你的設(shè)計(jì)不是動態(tài)的、不可交互，那么你的作品立馬會顯得枯燥無味。

在過去的12個月里面，F(xiàn)linto、Framer.js、Marvel以及Xcode的storyboard獲得了設(shè)計(jì)師的青睞，使用這些工具，能輕松的讓設(shè)計(jì)作品動起來。這些優(yōu)秀的原型工具，可以幫助我們整合靜態(tài)設(shè)計(jì)稿，規(guī)劃流程。這樣，當(dāng)我們做完設(shè)計(jì)之后，可以更加全盤的考慮整體設(shè)計(jì)。用這些工具所整合的設(shè)計(jì)作品，看起來更像是完完整整的應(yīng)用，而不是單純的一頁界面。

不但能夠讓我們設(shè)計(jì)師更整體的思考設(shè)計(jì)，同時也方便了與開發(fā)、產(chǎn)品對接，還方便了向客戶展示設(shè)計(jì)稿——這一次，他們看到的設(shè)計(jì)作品不再是單純的靜態(tài)陳列了，你可以邀請客戶來操作一下，真切地感受一下流程。

?大家可能會問這樣一個問題，這么多工具，到底選擇哪個比較好？我個人的經(jīng)驗(yàn)是：全部都用，F(xiàn)linto的作用是，在設(shè)計(jì)的初期階段，可以迅速的將多份設(shè)計(jì)稿有序組織，創(chuàng)建初步的轉(zhuǎn)場流程，大致理解整個應(yīng)用的層級，非常的便捷。Xcode的Storyboard比較耗時，但是能夠讓作品變得可輸入、可交互，雖然用起來略微麻煩，但是用Storyboard制作的原型圖好處是，一旦定稿，開發(fā)可以迅速利用Storyboard制作的原型圖開始開發(fā)，提高了開發(fā)速度。Framer.js和Quartz Composer（最近大火的Origami插件可不要忘記）能夠幫助設(shè)計(jì)師創(chuàng)造高保真的交互效果，不足之處在于比較難學(xué)?！莆斩喾N工具的好處是，在不同項(xiàng)目或項(xiàng)目的不同階段中，我可以有取舍的選擇工具，靈活設(shè)計(jì)，進(jìn)而提高工作效率。

如果諸位下定決心，打算動手實(shí)踐去學(xué)一學(xué)，那么不妨看看Meng To仁兄的博客，里面講述了很多對設(shè)計(jì)師有用的Xcode知識。

2.從幕后到臺前——交互設(shè)計(jì)走向風(fēng)口浪尖

全面扁平之后，我們突然發(fā)現(xiàn)一個問題：大家做出來的視覺好像都差不多了。也就是說，視覺這個點(diǎn)，想要做的出彩很難。所以之前是“視覺處臺前，交互處幕后”，而現(xiàn)在，要想讓產(chǎn)品出挑，交互必須是亮點(diǎn)（以及用戶體驗(yàn)）。用動態(tài)盤活視覺，用精心設(shè)計(jì)的流程來制造產(chǎn)品的線性故事感。

3.靜態(tài)設(shè)計(jì)工具的衰落

這是宏觀趨勢，不是說靜態(tài)設(shè)計(jì)不重要。而是設(shè)計(jì)師會將更多的心思和時間花費(fèi)在動態(tài)設(shè)計(jì)工具上，設(shè)計(jì)師會減少Sketch、PS、Macaw的使用時間，同時會花大量的時間在原型設(shè)計(jì)工具上。雖然可以用Sketch、PS、Macaw去進(jìn)行創(chuàng)意探索，但是在真正的項(xiàng)目中，原型設(shè)計(jì)工具會幫助設(shè)計(jì)師迅速將設(shè)計(jì)稿整合進(jìn)“瀏覽器”和“設(shè)備”中，進(jìn)行評估、修改——更接觸實(shí)際。

為什么這么說？因?yàn)樯厦嫣岬竭^的原型設(shè)計(jì)工具，都可以把設(shè)計(jì)稿裝進(jìn)“瀏覽器”和“設(shè)備”中，進(jìn)行真實(shí)模擬。

其一，PS和Sketch很好很強(qiáng)大，但是會用就足夠了，設(shè)計(jì)的意義在于解決問題，不在于“雕花”。在大多數(shù)項(xiàng)目中，視覺設(shè)計(jì)僅僅占20%的分量，我們不能再“重視覺、輕交互”了，我們需要花費(fèi)更多的心思去研磨“隱形的”交互性。

其二，使用原型設(shè)計(jì)工具，可以讓我們更有效率的實(shí)現(xiàn)迭代。如果客戶想讓你幫忙設(shè)計(jì)應(yīng)用，那么你給客戶展示一堆靜態(tài)設(shè)計(jì)稿，他根本無法提供真實(shí)的反饋。相反，若是用原型設(shè)計(jì)工具快速出原型，那么客戶就能夠更早、更多的提供反饋，這樣，設(shè)計(jì)便不會偏離——相較“雕花”，這種設(shè)計(jì)方法能夠更好地理解客戶需求。

? 好的設(shè)計(jì)師知道自己有什么，能夠理解客戶需要什么，每一個項(xiàng)目都能知道限制所在，然后再去進(jìn)行細(xì)節(jié)設(shè)計(jì)。

source；eoe