標籤:

設計師看過來:怎樣讓你的UI作品集脫穎而出?

下面跟大家分享一些設計優秀UI作品集的技巧和注意事項。

在如今競爭激烈的設計行業中,作品集是讓你引起面試官注意的至關因素。因此,打造一份優質的UI作品集,是得到心儀工作的關鍵所在。下面跟大家分享一些設計優秀UI作品集的技巧和注意事項。

展示作品設計思路整體流程

我們都知道,在設計一個角色的時候,背景故事是最重要的,你的UI作品集同樣如此。對於新人來說,最大的錯誤在於直接放上作品的截圖,面試官看到這樣的就會馬上切換到下一個。

展示作品的截圖只能給傳達「這是什麼」,而不能表達「為什麼」。優秀的UI設計是一段探索解決方案的旅程,應該能清楚地表達設計是如何產生如何進展的。

下面是一些展示設計思路整體流程的方法:

第一步:展示思維方式:

你拿到一個項目,你是怎麼思考,怎麼開始這個項目的,流程是怎樣的。這些關注點是用來衡量你是否換了項目一樣可以做好。在作品的開頭就要清楚地呈現這一點,要讓讀者明白,你不是為了設計而設計。

第二步:展示作品的線框圖:

呈現設計作品線框圖形態。線框圖有利於清晰地展示作品的邏輯和結構,體現你的頁面布局,組件擺放是否合理,甚至還有用來支撐你設計的理論。利用像 "mockplus.cn/?">Mockplus 這樣的原型設計工具是不錯的選擇,線框圖設計好後直接導出頁面流程圖,並且也可以在線演示和分享。

第三步:展示設計流程:

你的作品集中的每一部分都是一段旅程,你需要從頭至尾地展示思維是如何演變,設計是如何迭代的。同時也要展示你是如何劃分信息模塊的重要程度,如何對重要級別進行區分排序的。

第四步:提升作品的導航性:

無論你的作品多麼精美美觀,布局多麼有趣。但是如果導航不夠清晰明了,會使面試官喪失仔細瀏覽的耐心。同時也要盡量保證電腦和手機上的導航都是簡易快捷的。

選好作品集展示的平台

現在有非常多的在線平台可以展示的你的作品,沒有某一個平台是唯一的,重要的是如何跟你的觀眾產生積極地交流和互動。

(1)Behance:作為全球最大的創意社區,在設計領域擁有著無可比擬的流量。當你上傳了一份作品,就會完全地展示在這個巨大的設計師社群中,剩下就是等著別人給你點贊和評論了。

(2)Dribbble:只要你是設計師,你就肯定知道Dribbble。這是一個供設計師展示作品、同行交流、尋找靈感的場所。 平面設計師、插畫設計師、字體設計師、圖標設計師都有自己的一席之地。不過這個社區是邀請制,有了邀請碼才能上傳自己的作品。

(3)Tumblr:其輕博客的屬性,非常適合設計作品的表達和展示,但是其評論和互動機制相對較弱。

優秀UI作品集盤點

Yitong Zhang

讓這款作品集脫穎而出的是設計師講故事的方式。從他的個人經歷到工作,溝通方式都非常結構化。瀏覽他項目的設計文檔時,你會被他線性的工作模式所打動。

zhayitong.com/index.htm

Liz Wells

來自布魯克林的設計師LizWells在自己的作品集上展示了在谷歌和Spotify等公司完成的項目,每一項都有簡單的視頻展示和簡要的設計流程。

lizvwells.com/

Christine Walthall

這一位來自洛杉磯的設計專家在作品集中充分利用了站點地圖、線框圖和導航流來記錄她的工作流程,每一款作品都非常專業。

christinewalthall.com/

Martin Oberh?user

這位設計師來自德國漢堡,首頁突破了傳統的網格布局,直接指向作者的社交媒體和個人博客。作品的展示以動畫和視頻為主,展示APP的實際運行情況。

oberhaeuser.info/

Adrian Zumbrunnen

這位設計師的作品集界面充滿著幽默感,在明顯的位置強調了聯繫方式,十分友好和親切。

https://azumbrunnen.me

Orange You Glad

這同樣是一款非常友好的作品集,在首頁輪播了不同插圖的「Hello」,整體的風格也非常活潑可愛。

https://orangeyouglad.com

Nick Jones

這款作品集做了非常大膽的嘗試:滑鼠滾動時,頁面會以螺旋順時針的形式移動。創意的確不錯。當然如果你覺得頭暈的話也可以切換到正常版本。

narrowdesign.com/

Chantal Jandard

這位設計師的風格可以說非常清奇,主頁的設計沒有任何圖片,充斥著報紙上的大標題,記錄著自己每一項經典作品。少即是多,突出重點才是最重要的。

chantastique.net/

你的UI作品集其實只是簡單的展示你做過什麼以及是怎樣做的。隨著時間的推移,唯一的限制就是你在設計方面的經驗和沉澱,潛心和務實地提升自己,才是求職路上的必勝法寶。希望以上的經驗技巧和作品展示能夠帶給你滿滿的靈感,讓你的作品集脫穎而出。


推薦閱讀:

2018年,5大UI設計流行趨勢預測
UI設計中的8像素規則
UI設計必背英語|002切圖
網站轉化率如何提升? 唐界傳媒詳解4個最容易被忽視的UI設計策略
淺談電視端卡片設計

TAG:UI設計師 |