ui設(shè)計(jì)作品最新.doc

ui設(shè)計(jì)作品最新AAA教育UI/UE的教學(xué)團(tuán)隊(duì)均來(lái)自4A公司的設(shè)計(jì)總監(jiān)，還有來(lái)自百度、騰訊、淘寶等超大型互聯(lián)網(wǎng)企業(yè)的UI設(shè)計(jì)主管以上級(jí)別前來(lái)授教。UI設(shè)計(jì)學(xué)員課堂測(cè)驗(yàn)作品，階段性作品，畢業(yè)作品如下：手機(jī)屏幕界面ui設(shè)計(jì)產(chǎn)品LOGO圖形設(shè)計(jì)移動(dòng)平臺(tái)扁平圖標(biāo)設(shè)計(jì)移動(dòng)端圖標(biāo)UI設(shè)計(jì)手提袋效果設(shè)計(jì)圖金馬服飾Logo設(shè)計(jì)2014年異常美好，推陳出新，各種工具、各種思想，讓我們?cè)O(shè)計(jì)起來(lái)更快更好。在閱讀了大量設(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ì)非常值得注意：無(wú)休無(wú)止的PSD、靜態(tài)作品的時(shí)代馬上就要終結(jié)。如果你的設(shè)計(jì)不是動(dòng)態(tài)的、不可交互，那么你的作品立馬會(huì)顯得枯燥無(wú)味。在過(guò)去的12個(gè)月里面，F(xiàn)linto、Framer.js、Marvel以及Xcode的storyboard獲得了設(shè)計(jì)師的青睞，使用這些工具，能輕松的讓設(shè)計(jì)作品動(dòng)起來(lái)。這些優(yōu)秀的原型工具，可以幫助我們整合靜態(tài)設(shè)計(jì)稿，規(guī)劃流程。這樣，當(dāng)我們做完設(shè)計(jì)之后，可以更加全盤的考慮整體設(shè)計(jì)。用這些工具所整合的設(shè)計(jì)作品，看起來(lái)更像是完完整整的應(yīng)用，而不是單純的一頁(yè)界面。不但能夠讓我們?cè)O(shè)計(jì)師更整體的思考設(shè)計(jì)，同時(shí)也方便了與開(kāi)發(fā)、產(chǎn)品對(duì)接，還方便了向客戶展示設(shè)計(jì)稿這一次，他們看到的設(shè)計(jì)作品不再是單純的靜態(tài)陳列了，你可以邀請(qǐng)客戶來(lái)操作一下，真切地感受一下流程。大家可能會(huì)問(wèn)這樣一個(gè)問(wèn)題，這么多工具，到底選擇哪個(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í)，但是能夠讓作品變得可輸入、可交互，雖然用起來(lái)略微麻煩，但是用Storyboard制作的原型圖好處是，一旦定稿，開(kāi)發(fā)可以迅速利用Storyboard制作的原型圖開(kāi)始開(kāi)發(fā)，提高了開(kāi)發(fā)速度。Framer.js和Quartz Composer（最近大火的Origami插件可不要忘記）能夠幫助設(shè)計(jì)師創(chuàng)造高保真的交互效果，不足之處在于比較難學(xué)。掌握多種工具的好處是，在不同項(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è)問(wèn)題：大家做出來(lái)的視覺(jué)好像都差不多了。也就是說(shuō)，視覺(jué)這個(gè)點(diǎn)，想要做的出彩很難。所以之前是“視覺(jué)處臺(tái)前，交互處幕后”，而現(xiàn)在，要想讓產(chǎn)品出挑，交互必須是亮點(diǎn)（以及用戶體驗(yàn)）。用動(dòng)態(tài)盤活視覺(jué)，用精心設(shè)計(jì)的流程來(lái)制造產(chǎn)品的線性故事感。3.靜態(tài)設(shè)計(jì)工具的衰落這是宏觀趨勢(shì)，不是說(shuō)靜態(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í)際。為什么這么說(shuō)？因?yàn)樯厦嫣岬竭^(guò)的原型設(shè)計(jì)工具，都可以把設(shè)計(jì)稿裝進(jìn)“瀏覽器”和“設(shè)備”中，進(jìn)行真實(shí)模擬。其一，PS和Sketch很好很強(qiáng)大，但是會(huì)用就足夠了，設(shè)計(jì)的意義在于解決問(wèn)題，不在于“雕花”。在大多數(shù)項(xiàng)目中，視覺(jué)設(shè)計(jì)僅僅占20%的分量，我們不能再“重視覺(jué)、輕交互”了，我們需要花費(fèi)更多的心思去研磨“隱形的”交互性。其二，使用原型設(shè)計(jì)工具，可以讓我們更有效率的實(shí)現(xiàn)迭代。如果客戶想讓你幫忙設(shè)計(jì)應(yīng)用，那么你給客戶展示一堆靜態(tài)設(shè)計(jì)稿，他根本無(wú)法提供真實(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í)際上越來(lái)越好用。各種插件應(yīng)接不暇。像UI parade、Macrabbit以及Piffle這樣的團(tuán)隊(duì)，從實(shí)際角度出發(fā)，出了很多實(shí)用的插件比如切圖、素材庫(kù)、獲取選擇對(duì)象的CSS代碼等等。Sketch再?gòu)?qiáng)，恐怕還是比不上“全副武裝”的PS吧？PS的擴(kuò)展性真的是太強(qiáng)大。5.設(shè)計(jì)師愛(ài)上Git聽(tīng)起來(lái)有點(diǎn)嚇人這里說(shuō)的是背后的版本控制理念。既然互聯(lián)網(wǎng)的理念是開(kāi)源，那么為何不去上Github，給那些鉆研新玩意兒的家伙提供點(diǎn)精良的設(shè)計(jì)呢。讓你的設(shè)計(jì)為最新技術(shù)服務(wù)。其二，Rails安裝簡(jiǎn)便，Git也比較容易學(xué)了，像Treehouse和Codeschool這種教學(xué)站已經(jīng)講述的很全面了。稍微掌握后，設(shè)計(jì)師能更好地參與整個(gè)研發(fā)流程。6.這是產(chǎn)品設(shè)計(jì)師最好的時(shí)代回顧20