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

ui設(shè)計(jì)作品最新AAA教育UI/UE的教學(xué)團(tuán)隊(duì)均來自4A公司的設(shè)計(jì)總監(jiān)，還有來自百度、騰訊、淘寶等超大型互聯(lián)網(wǎng)企業(yè)的UI設(shè)計(jì)主管以上級別前來授教。UI設(shè)計(jì)學(xué)員課堂測驗(yàn)作品，階段性作品，畢業(yè)作品如下：手機(jī)屏幕界面ui設(shè)計(jì)產(chǎn)品LOGO圖形設(shè)計(jì)移動平臺扁平圖標(biāo)設(shè)計(jì)移動端圖標(biāo)UI設(shè)計(jì)手提袋效果設(shè)計(jì)圖金馬服飾Logo設(shè)計(jì)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é)。掌握多種工具的好處是，在不同項(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ì)。4.PS的擴(kuò)展性不容忽視雖然Sketch出了以后，都在唱衰PS，但是PS實(shí)際上越來越好用。各種插件應(yīng)接不暇。像UI parade、Macrabbit以及Piffle這樣的團(tuán)隊(duì)，從實(shí)際角度出發(fā)，出了很多實(shí)用的插件比如切圖、素材庫、獲取選擇對象的CSS代碼等等。Sketch再強(qiáng)，恐怕還是比不上“全副武裝”的PS吧？PS的擴(kuò)展性真的是太強(qiáng)大。5.設(shè)計(jì)師愛上Git聽起來有點(diǎn)嚇人這里說的是背后的版本控制理念。既然互聯(lián)網(wǎng)的理念是開源，那么為何不去上Github，給那些鉆研新玩意兒的家伙提供點(diǎn)精良的設(shè)計(jì)呢。讓你的設(shè)計(jì)為最新技術(shù)服務(wù)。其二，Rails安裝簡便，Git也比較容易學(xué)了，像Treehouse和Codeschool這種教學(xué)站已經(jīng)講述的很全面了。稍微掌握后，設(shè)計(jì)師能更好地參與整個研發(fā)流程。6.這是產(chǎn)品設(shè)計(jì)師最好的時代回顧20