文章開頭：本文是thomas老師發(fā)表在產(chǎn)品壹佰的文章（http://www.chanpin100.com/article/105637 ）轉(zhuǎn)載文章僅供大家習(xí)，不作任何商業(yè)用途英岭。
打造一份優(yōu)質(zhì)的UI作品集哟绊，是得到心儀工作的關(guān)鍵所在铜跑。本文跟大家分享一些設(shè)計(jì)優(yōu)秀UI作品集的技巧和注意事項(xiàng)门怪。
在如今競(jìng)爭(zhēng)激烈的設(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作品集同樣如此区丑。對(duì)于新人來(lái)說(shuō)拧粪，最大的錯(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)是用來(lái)衡量你是否換了項(xiàng)目一樣可以做好扁达。在作品的開頭就要清楚地呈現(xiàn)這一點(diǎn)正卧，要讓讀者明白，你不是為了設(shè)計(jì)而設(shè)計(jì)跪解。
第二步：展示作品的線框圖：
呈現(xiàn)設(shè)計(jì)作品線框圖形態(tài)炉旷。線框圖有利于清晰地展示作品的邏輯和結(jié)構(gòu)，體現(xiàn)你的頁(yè)面布局叉讥，組件擺放是否合理砾跃，甚至還有用來(lái)支撐你設(shè)計(jì)的理論。利用原型設(shè)計(jì)工具是不錯(cuò)的選擇节吮，線框圖設(shè)計(jì)好后直接導(dǎo)出頁(yè)面流程圖，并且也可以在線演示和分享判耕。
第三步：展示設(shè)計(jì)流程：
你的作品集中的每一部分都是一段旅程透绩，你需要從頭至尾地展示思維是如何演變，設(shè)計(jì)是如何迭代的。同時(shí)也要展示你是如何劃分信息模塊的重要程度帚豪，如何對(duì)重要級(jí)別進(jìn)行區(qū)分排序的碳竟。
第四步：提升作品的導(dǎo)航性：
無(wú)論你的作品多么精美美觀，布局多么有趣狸臣。但是如果導(dǎo)航不夠清晰明了莹桅，會(huì)使面試官喪失仔細(xì)瀏覽的耐心。同時(shí)也要盡量保證電腦和手機(jī)上的導(dǎo)航都是簡(jiǎn)易快捷的烛亦。
二诈泼、選好作品集展示的平臺(tái)
現(xiàn)在有非常多的在線平臺(tái)可以展示的你的作品，沒(méi)有某一個(gè)平臺(tái)是唯一的煤禽，重要的是如何跟你的觀眾產(chǎn)生積極地交流和互動(dòng)铐达。
（1）Behance：作為全球最大的創(chuàng)意社區(qū)，在設(shè)計(jì)領(lǐng)域擁有著無(wú)可比擬的流量檬果。當(dāng)你上傳了一份作品瓮孙，就會(huì)完全地展示在這個(gè)巨大的設(shè)計(jì)師社群中，剩下就是等著別人給你點(diǎn)贊和評(píng)論了选脊。
（2）Dribbble：只要你是設(shè)計(jì)師,你就肯定知道Dribbble杭抠。這是一個(gè)供設(shè)計(jì)師展示作品、同行交流恳啥、尋找靈感的場(chǎng)所偏灿。 平面設(shè)計(jì)師、插畫設(shè)計(jì)師角寸、字體設(shè)計(jì)師菩混、圖標(biāo)設(shè)計(jì)師都有自己的一席之地。不過(guò)這個(gè)社區(qū)是邀請(qǐng)制扁藕，有了邀請(qǐng)碼才能上傳自己的作品沮峡。
（3）Tumblr：其輕博客的屬性，非常適合設(shè)計(jì)作品的表達(dá)和展示亿柑，但是其評(píng)論和互動(dòng)機(jī)制相對(duì)較弱邢疙。
優(yōu)秀UI作品集盤點(diǎn)
Yitong Zhang
讓這款作品集脫穎而出的是設(shè)計(jì)師講故事的方式。從他的個(gè)人經(jīng)歷到工作望薄，溝通方式都非常結(jié)構(gòu)化疟游。瀏覽他項(xiàng)目的設(shè)計(jì)文檔時(shí)，你會(huì)被他線性的工作模式所打動(dòng)痕支。
http://www.zhayitong.com/index.html
Liz Wells
來(lái)自布魯克林的設(shè)計(jì)師LizWells在自己的作品集上展示了在谷歌和Spotify等公司完成的項(xiàng)目颁虐，每一項(xiàng)都有簡(jiǎn)單的視頻展示和簡(jiǎn)要的設(shè)計(jì)流程。
Christine Walthall
這一位來(lái)自洛杉磯的設(shè)計(jì)專家在作品集中充分利用了站點(diǎn)地圖卧须、線框圖和導(dǎo)航流來(lái)記錄她的工作流程另绩，每一款作品都非常專業(yè)儒陨。
https://www.christinewalthall.com/
Martin Oberh?user
這位設(shè)計(jì)師來(lái)自德國(guó)漢堡，首頁(yè)突破了傳統(tǒng)的網(wǎng)格布局笋籽，直接指向作者的社交媒體和個(gè)人博客蹦漠。作品的展示以動(dòng)畫和視頻為主，展示APP的實(shí)際運(yùn)行情況车海。
Adrian Zumbrunnen
這位設(shè)計(jì)師的作品集界面充滿著幽默感笛园，在明顯的位置強(qiáng)調(diào)了聯(lián)系方式，十分友好和親切侍芝。
Orange You Glad
這同樣是一款非常友好的作品集研铆，在首頁(yè)輪播了不同插圖的“Hello”，整體的風(fēng)格也非辰叻罚活潑可愛(ài)蚜印。
Nick Jones
這款作品集做了非常大膽的嘗試：鼠標(biāo)滾動(dòng)時(shí)，頁(yè)面會(huì)以螺旋順時(shí)針的形式移動(dòng)留量。創(chuàng)意的確不錯(cuò)窄赋。當(dāng)然如果你覺(jué)得頭暈的話也可以切換到正常版本。
Chantal Jandard
這位設(shè)計(jì)師的風(fēng)格可以說(shuō)非常清奇楼熄，主頁(yè)的設(shè)計(jì)沒(méi)有任何圖片忆绰，充斥著報(bào)紙上的大標(biāo)題，記錄著自己每一項(xiàng)經(jīng)典作品可岂。少即是多错敢，突出重點(diǎn)才是最重要的。
你的UI作品集其實(shí)只是簡(jiǎn)單的展示你做過(guò)什么以及是怎樣做的缕粹。隨著時(shí)間的推移稚茅，唯一的限制就是你在設(shè)計(jì)方面的經(jīng)驗(yàn)和沉淀，潛心和務(wù)實(shí)地提升自己平斩，才是求職路上的必勝法寶亚享。希望以上的經(jīng)驗(yàn)技巧和作品展示能夠帶給你滿滿的靈感，讓你的作品集脫穎而出绘面。
文章結(jié)尾：再次申明所有轉(zhuǎn)載文章僅供學(xué)習(xí)欺税，感謝thomas老師的分享，如果喜歡我們的文章點(diǎn)關(guān)注??吧揭璃！比心呦晚凿！
