設(shè)計(jì)師看過來：怎樣讓你的UI作品集脫穎而出？

在如今競爭激烈的設(shè)計(jì)行業(yè)中，作品集是讓你引起面試官注意的至關(guān)因素。因此，打造一份優(yōu)質(zhì)的UI作品集，是得到心儀工作的關(guān)鍵所在。下面跟大家分享一些設(shè)計(jì)優(yōu)秀UI作品集的技巧和注意事項(xiàng)。

展示作品設(shè)計(jì)思路整體流程

我們都知道，在設(shè)計(jì)一個(gè)角色的時(shí)候，配景故事是最重要的，你的UI作品集同樣如此。對于新人來說，最大的錯(cuò)誤在于直接放上作品的截圖，，面試官看到這樣的就會(huì)馬上切換到下一個(gè)。

展示作品的截圖只能給傳達(dá)“這是什么”，而不能表達(dá)“為什么”。優(yōu)秀的UI設(shè)計(jì)是一段探索解決方案的旅程，應(yīng)該能清楚地表達(dá)設(shè)計(jì)是如何產(chǎn)生如何進(jìn)展的。

下面是一些展示設(shè)計(jì)思路整體流程的方法：

第一步：展示思維方式：

你拿到一個(gè)項(xiàng)目，你是怎么思考，怎么開始這個(gè)項(xiàng)目的，流程是怎樣的。這些關(guān)注點(diǎn)是用來衡量你是否換了項(xiàng)目一樣可以做好。在作品的開頭就要清楚地呈現(xiàn)這一點(diǎn)，要讓讀者明白，你不是為了設(shè)計(jì)而設(shè)計(jì)。

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

呈現(xiàn)設(shè)計(jì)作品線框圖形態(tài)。線框圖有利于清晰地展示作品的邏輯和結(jié)構(gòu)，表現(xiàn)你的頁面布局，組件擺放是否合理，甚至還有用來支撐你設(shè)計(jì)的理論。利用像Mockplus這樣的原型設(shè)計(jì)工具是不錯(cuò)的選擇，線框圖設(shè)計(jì)好后直接導(dǎo)出頁面流程圖，而且也可以在線演示和分享。

第三步：展示設(shè)計(jì)流程：

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

第四步：提升作品的導(dǎo)航性：

無論你的作品多么精美美不雅觀，布局多么有趣。但是如果導(dǎo)航不夠清晰明了，會(huì)使面試官喪失仔細(xì)瀏覽的耐心。同時(shí)也要盡量保證電腦和手機(jī)上的導(dǎo)航都是簡易快捷的。

選好作品集展示的平臺(tái)

現(xiàn)在有非常多的在線平臺(tái)可以展示的你的作品，沒有某一個(gè)平臺(tái)是唯一的，重要的是如何跟你的不雅觀眾產(chǎn)生積極地交流和互動(dòng)。

(1)Behance：作為全球最大的創(chuàng)意社區(qū)，在設(shè)計(jì)領(lǐng)域擁有著無可相比的流量。當(dāng)你上傳了一份作品，就會(huì)完全地展示在這個(gè)巨大的設(shè)計(jì)師社群中，剩下就是等著別人給你點(diǎn)贊和評論了。

(2)Dribbble：只要你是設(shè)計(jì)師，你就必定知道Dribbble。這是一個(gè)供設(shè)計(jì)師展示作品、同行交流、尋找靈感的場所。 平面設(shè)計(jì)師、插畫設(shè)計(jì)師、字體設(shè)計(jì)師、圖標(biāo)設(shè)計(jì)師都有本身的一席之地。不過這個(gè)社區(qū)是邀請制，有了邀請碼才能上傳本身的作品。

(3)Tumblr：其輕博客的屬性，非常適合設(shè)計(jì)作品的表達(dá)和展示，但是其評論和互動(dòng)機(jī)制相對較弱。

優(yōu)秀UI作品集盤點(diǎn)

Yitong Zhang

讓這款作品集脫穎而出的是設(shè)計(jì)師講故事的方式。從他的個(gè)人經(jīng)歷到工作，溝通方式都非常結(jié)構(gòu)化。瀏覽他項(xiàng)目的設(shè)計(jì)文檔時(shí)，你會(huì)被他線性的工作模式所打動(dòng)。

Liz Wells 

來自布魯克林的設(shè)計(jì)師LizWells在本身的作品集上展示了在谷歌和Spotify等公司完成的項(xiàng)目，每一項(xiàng)都有簡單的視頻展示和簡要的設(shè)計(jì)流程。

Christine Walthall

這一位來自洛杉磯的設(shè)計(jì)專家在作品集中充分利用了站點(diǎn)地圖、線框圖和導(dǎo)航流來記錄她的工作流程，每一款作品都非常專業(yè)。

 https://www.christinewalthall.com/

Martin Oberh?user

這位設(shè)計(jì)師來自德國漢堡，首頁突破了傳統(tǒng)的網(wǎng)格布局，直接指向作者的社交媒體和個(gè)人博客。作品的展示以動(dòng)畫和視頻為主，展示APP的實(shí)際運(yùn)行情況。

Adrian Zumbrunnen 

這位設(shè)計(jì)師的作品集界面充滿著幽默感，在明顯的位置強(qiáng)調(diào)了聯(lián)系方式，十分友好和親切。

https://azumbrunnen.me

Orange You Glad

這同樣是一款非常友好的作品集，在首頁輪播了差別插圖的“Hello”，整體的風(fēng)格也非?；顫娍蓯?。

https://orangeyouglad.com

Nick Jones

這款作品集做了非常大膽的嘗試：鼠標(biāo)滾動(dòng)時(shí)，頁面會(huì)以螺旋順時(shí)針的形式移動(dòng)。創(chuàng)意的確不錯(cuò)。當(dāng)然如果你覺得頭暈的話也可以切換到正常版本。

Chantal Jandard

標(biāo)簽：烏魯木齊 東營 九江 林芝 鹽城