400-611-9921
2015-12-09
2359
2014年,對于設(shè)計行業(yè)來說,新興力量依然保持著對舊勢力的沖擊。Sketch Vs Photoshop,Macaw Vs 傳統(tǒng)網(wǎng)頁設(shè)計工具,響應(yīng)式思想繼續(xù)發(fā)揚光大,扁平化得到廣泛普及,簡約主義也越來越流行。
因此,在2014年,對于產(chǎn)品設(shè)計師來說,有大量的新工具需要去適應(yīng)、消化,工具固然重要。但更重要的是,思想上的變革——將設(shè)計帶入生活,這正是本文的命題。
2014年異常美好,推陳出新,各種工具、各種思想,讓我們設(shè)計起來更快更好。在閱讀了大量設(shè)計趨勢預(yù)測之后,結(jié)合我自身的經(jīng)驗,我決定寫點東西,預(yù)測一下2014年的設(shè)計大方向。
這一點趨勢非常值得注意:無休無止的PSD、靜態(tài)作品的時代馬上就要終結(jié)。如果你的設(shè)計不是動態(tài)的、不可交互,那么你的作品立馬會顯得枯燥無味。
在過去的12個月里面,F(xiàn)linto、Framer.js、Marvel以及Xcode的storyboard獲得了設(shè)計師的青睞,使用這些工具,能輕松的讓設(shè)計作品動起來。這些優(yōu)秀的原型工具,可以幫助我們整合靜態(tài)設(shè)計稿,規(guī)劃流程。這樣,當我們做完設(shè)計之后,可以更加全盤的考慮整體設(shè)計。用這些工具所整合的設(shè)計作品,看起來更像是完完整整的應(yīng)用,而不是單純的一頁界面。
不但能夠讓我們設(shè)計師更整體的思考設(shè)計,同時也方便了與開發(fā)、產(chǎn)品對接,還方便了向客戶展示設(shè)計稿——這一次,他們看到的設(shè)計作品不再是單純的靜態(tài)陳列了,你可以邀請客戶來操作一下,真切地感受一下流程。
大家可能會問這樣一個問題,這么多工具,到底選擇哪個比較好?我個人的經(jīng)驗是:全部都用,F(xiàn)linto的作用是,在設(shè)計的初期階段,可以迅速的將多份設(shè)計稿有序組織,創(chuàng)建初步的轉(zhuǎn)場流程,大致理解整個應(yīng)用的層級,非常的便捷。Xcode的Storyboard比較耗時,但是能夠讓作品變得可輸入、可交互,雖然用起來略微麻煩,但是用Storyboard制作的原型圖好處是,一旦定稿,開發(fā)可以迅速利用Storyboard制作的原型圖開始開發(fā),提高了開發(fā)速度。Framer.js和Quartz Composer(最近大火的Origami插件可不要忘記)能夠幫助設(shè)計師創(chuàng)造高保真的交互效果,不足之處在于比較難學(xué)?!莆斩喾N工具的好處是,在不同項目或項目的不同階段中,我可以有取舍的選擇工具,靈活設(shè)計,進而提高工作效率。
如果諸位下定決心,打算動手實踐去學(xué)一學(xué),那么不妨看看Meng To仁兄的博客,里面講述了很多對設(shè)計師有用的Xcode知識。
全面扁平之后,我們突然發(fā)現(xiàn)一個問題:大家做出來的視覺好像都差不多了。也就是說,視覺這個點,想要做的出彩很難。所以之前是“視覺處臺前,交互處幕后”,而現(xiàn)在,要想讓產(chǎn)品出挑,交互必須是亮點(以及用戶體驗)。用動態(tài)盤活視覺,用精心設(shè)計的流程來制造產(chǎn)品的線性故事感。
這是宏觀趨勢,不是說靜態(tài)設(shè)計不重要。而是設(shè)計師會將更多的心思和時間花費在動態(tài)設(shè)計工具上,設(shè)計師會減少Sketch、PS、Macaw的使用時間,同時會花大量的時間在原型設(shè)計工具上。雖然可以用Sketch、PS、Macaw去進行創(chuàng)意探索,但是在真正的項目中,原型設(shè)計工具會幫助設(shè)計師迅速將設(shè)計稿整合進“瀏覽器”和“設(shè)備”中,進行評估、修改——更接觸實際。
為什么這么說?因為上面提到過的原型設(shè)計工具,都可以把設(shè)計稿裝進“瀏覽器”和“設(shè)備”中,進行真實模擬。
其一,PS和Sketch很好很強大,但是會用就足夠了,設(shè)計的意義在于解決問題,不在于“雕花”。在大多數(shù)項目中,視覺設(shè)計僅僅占20%的分量,我們不能再“重視覺、輕交互”了,我們需要花費更多的心思去研磨“隱形的”交互性。
其二,使用原型設(shè)計工具,可以讓我們更有效率的實現(xiàn)迭代。如果客戶想讓你幫忙設(shè)計應(yīng)用,那么你給客戶展示一堆靜態(tài)設(shè)計稿,他根本無法提供真實的反饋。相反,若是用原型設(shè)計工具快速出原型,那么客戶就能夠更早、更多的提供反饋,這樣,設(shè)計便不會偏離——相較“雕花”,這種設(shè)計方法能夠更好地理解客戶需求。
好的設(shè)計師知道自己有什么,能夠理解客戶需要什么,每一個項目都能知道限制所在,然后再去進行細節(jié)設(shè)計。
雖然Sketch出了以后,都在唱衰PS,但是PS實際上越來越好用。各種插件應(yīng)接不暇。像UI parade、Macrabbit以及Piffle這樣的團隊,從實際角度出發(fā),出了很多實用的插件——比如切圖、素材庫、獲取選擇對象的CSS代碼等等。Sketch再強,恐怕還是比不上“全副武裝”的PS吧?PS的擴展性真的是太強大。
聽起來有點嚇人——這里說的是背后的版本控制理念。既然互聯(lián)網(wǎng)的理念是開源,那么為何不去上Github,給那些鉆研新玩意兒的家伙提供點精良的設(shè)計呢。讓你的設(shè)計為最新技術(shù)服務(wù)。
其二,Rails安裝簡便,Git也比較容易學(xué)了,像Treehouse和Codeschool這種教學(xué)站已經(jīng)講述的很全面了。稍微掌握后,設(shè)計師能更好地參與整個研發(fā)流程。
回顧2013,我們發(fā)現(xiàn)很多人的觀念已經(jīng)發(fā)生改變,他們已經(jīng)開始重視設(shè)計。
大大小小的設(shè)計組織、設(shè)計師社區(qū)不斷為設(shè)計師謀福利、提高設(shè)計師水平。蘋果的設(shè)計故事也被人津津樂道,這可能是設(shè)計師最好的時代。
關(guān)注我們:在查找公眾號中搜索:zomsky1688,或者掃描下方二維碼快速關(guān)注。
本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-縱天
關(guān)鍵詞:廣州網(wǎng)站建設(shè),廣州網(wǎng)頁設(shè)計,廣州網(wǎng)站設(shè)計,廣州網(wǎng)站建設(shè)公司
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com