在現在競爭激烈的設計行業中,做品集是讓你引發面試官注意的相當因素。所以,打造一份優質的UI做品集,是獲得心儀工做的關鍵所在。下面跟你們分享一些設計優秀UI做品集的技巧和注意事項。html
展現做品設計思路總體流程面試
咱們都知道,在設計一個角色的時候,背景故事是最重要的,你的UI做品集一樣如此。對於新人來講,最大的錯誤在於直接放上做品的截圖,面試官看到這樣的就會立刻切換到下一個。工具
展現做品的截圖只能給傳達「這是什麼」,而不能表達「爲何」。優秀的UI設計是一段探索解決方案的旅程,應該能清楚地表達設計是如何產生如何進展的。佈局
下面是一些展現設計思路總體流程的方法:字體
第一步:展現思惟方式:動畫
你拿到一個項目,你是怎麼思考,怎麼開始這個項目的,流程是怎樣的。這些關注點是用來衡量你是否換了項目同樣能夠作好。在做品的開頭就要清楚地呈現這一點,要讓讀者明白,你不是爲了設計而設計。.net
第二步:展現做品的線框圖:設計
呈現設計做品線框圖形態。線框圖有利於清晰地展現做品的邏輯和結構,體現你的頁面佈局,組件擺放是否合理,甚至還有用來支撐你設計的理論。利用像Mockplus這樣的原型設計工具是不錯的選擇,線框圖設計好後直接導出頁面流程圖,而且也能夠在線演示和分享。視頻
第三步:展現設計流程:htm
你的做品集中的每一部分都是一段旅程,你須要從頭到尾地展現思惟是如何演變,設計是如何迭代的。同時也要展現你是如何劃分信息模塊的重要程度,如何對重要級別進行區分排序的。
第四步:提高做品的導航性:
不管你的做品多麼精美美觀,佈局多麼有趣。可是若是導航不夠清晰明瞭,會使面試官喪失仔細瀏覽的耐心。同時也要儘可能保證電腦和手機上的導航都是簡易快捷的。
選好做品集展現的平臺
如今有很是多的在線平臺能夠展現的你的做品,沒有某一個平臺是惟一的,重要的是如何跟你的觀衆產生積極地交流和互動。
(1)Behance:做爲全球最大的創意社區,在設計領域擁有着無可比擬的流量。當你上傳了一份做品,就會徹底地展現在這個巨大的設計師社羣中,剩下就是等着別人給你點贊和評論了。
(2)Dribbble:只要你是設計師,你就確定知道Dribbble。這是一個供設計師展現做品、同行交流、尋找靈感的場所。 平面設計師、插畫設計師、字體設計師、圖標設計師都有本身的一席之地。不過這個社區是邀請制,有了邀請碼才能上傳本身的做品。
(3)Tumblr:其輕博客的屬性,很是適合設計做品的表達和展現,可是其評論和互動機制相對較弱。
優秀UI做品集盤點
Yitong Zhang
讓這款做品集脫穎而出的是設計師講故事的方式。從他的我的經歷到工做,溝通方式都很是結構化。瀏覽他項目的設計文檔時,你會被他線性的工做模式所打動。
http://www.zhayitong.com/index.html
Liz Wells
來自布魯克林的設計師LizWells在本身的做品集上展現了在谷歌和Spotify等公司完成的項目,每一項都有簡單的視頻展現和簡要的設計流程。
Christine Walthall
這一位來自洛杉磯的設計專家在做品集中充分利用了站點地圖、線框圖和導航流來記錄她的工做流程,每一款做品都很是專業。
https://www.christinewalthall.com/
Martin Oberhäuser
這位設計師來自德國漢堡,首頁突破了傳統的網格佈局,直接指向做者的社交媒體和我的博客。做品的展現以動畫和視頻爲主,展現APP的實際運行狀況。
Adrian Zumbrunnen
這位設計師的做品集界面充滿着幽默感,在明顯的位置強調了聯繫方式,十分友好和親切。
Orange You Glad
這一樣是一款很是友好的做品集,在首頁輪播了不一樣插圖的「Hello」,總體的風格也很是活潑可愛。
Nick Jones
這款做品集作了很是大膽的嘗試:鼠標滾動時,頁面會以螺旋順時針的形式移動。創意的確不錯。固然若是你以爲頭暈的話也能夠切換到正常版本。
Chantal Jandard
這位設計師的風格能夠說很是清奇,主頁的設計沒有任何圖片,充斥着報紙上的大標題,記錄着本身每一項經典做品。少便是多,突出重點纔是最重要的。
你的UI做品集其實只是簡單的展現你作過什麼以及是怎樣作的。隨着時間的推移,惟一的限制就是你在設計方面的經驗和沉澱,潛心和務實地提高本身,纔是求職路上的必勝法寶。但願以上的經驗技巧和做品展現可以帶給你滿滿的靈感,讓你的做品集脫穎而出。