2014年的5個(gè)趨勢(shì)

2015-12-09

2155

2014年，對(duì)于設(shè)計(jì)行業(yè)來說，新興力量依然保持著對(duì)舊勢(shì)力的沖擊。Sketch Vs Photoshop，Macaw Vs 傳統(tǒng)網(wǎng)頁設(shè)計(jì)工具，響應(yīng)式思想繼續(xù)發(fā)揚(yáng)光大，扁平化得到廣泛普及，簡(jiǎn)約主義也越來越流行。

因此，在2014年，對(duì)于產(chǎn)品設(shè)計(jì)師來說，有大量的新工具需要去適應(yīng)、消化，工具固然重要。但更重要的是，思想上的變革——將設(shè)計(jì)帶入生活，這正是本文的命題。

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

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

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

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

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

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

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

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

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

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

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

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

其一，PS和Sketch很好很強(qiáng)大，但是會(huì)用就足夠了，設(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ì)便不會(huì)偏離——相較“雕花”，這種設(shè)計(jì)方法能夠更好地理解客戶需求。

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

4.PS的擴(kuò)展性不容忽視

雖然Sketch出了以后，都在唱衰PS，但是PS實(shí)際上越來越好用。各種插件應(yīng)接不暇。像UI parade、Macrabbit以及Piffle這樣的團(tuán)隊(duì)，從實(shí)際角度出發(fā)，出了很多實(shí)用的插件——比如切圖、素材庫、獲取選擇對(duì)象的CSS代碼等等。Sketch再?gòu)?qiáng)，恐怕還是比不上“全副武裝”的PS吧？PS的擴(kuò)展性真的是太強(qiáng)大。