作品集網(wǎng)站和作品集前言

本篇文章給大家談?wù)勛髌芳W(wǎng)站，以及作品集前言的知識點(diǎn)，希望對各位有所幫助，不要忘了收藏本站喔。

文章詳情介紹：

• 1,如何制作打動面試官的作品集，這里有一份完整的指導(dǎo)手冊
• 2,UI設(shè)計師必看的15個UI設(shè)計作品集網(wǎng)站
• 3,創(chuàng)建個人在線作品集
• 4,臧新義：大筆書盛世 翰墨展風(fēng)華--臧新義書法作品集序言

如何制作打動面試官的作品集，這里有一份完整的指導(dǎo)手冊

導(dǎo)語：轉(zhuǎn)眼間春招就來了，對于考研考公不是很理想以及錯過了秋招的人來說，這是一個絕佳的機(jī)會。簡歷在面試的過程中很重要，這是毋庸置疑的，同時作品集的重要性也不可忽視，一份能好好展示自己的作品集是戰(zhàn)勝春招的一大武器。

一份優(yōu)秀的作品集，需要從視覺呈現(xiàn)、整體邏輯、項目細(xì)節(jié)說明等多個方面進(jìn)行全面細(xì)致的推敲和思考。我們只有不到 5 分鐘的時間去抓住面試官的眼球，讓他想要瀏覽內(nèi)部的細(xì)節(jié)。

目前，市面上大多作品集都有著較高的相似性，然而對于設(shè)計師來說，作品集是我們職業(yè)生涯的精華合集，應(yīng)該具備強(qiáng)烈的個人特色，能夠精準(zhǔn)展現(xiàn)出專業(yè)能力和行業(yè)經(jīng)驗。

本文作者總結(jié)了制作優(yōu)質(zhì)作品集的實(shí)用方法，從分析讀者、整體結(jié)構(gòu)、內(nèi)容和布局、設(shè)計技巧和方案、應(yīng)注意避免的問題、制作線上作品集等多個方面給出了詳細(xì)的解答。

設(shè)計師力求用作品集找到下一份工作，然而大多數(shù)人都沒能創(chuàng)造出一個既有趣又吸引人，還能推銷自己的作品集。但 遵循行業(yè)專家建議 和 參考優(yōu)秀落地案例，能讓設(shè)計師制作出一個更好的作品集來完美展示其才華和技能。

設(shè)計作品集要能讓人留下印象，感到驚艷。遺憾的是，只有少數(shù)作品集做到了。

盡管設(shè)計師可能是技藝高超、才華橫溢的，但如果他作品集表達(dá)得不好，仍然會讓人感到無聊，而不是驚喜。這樣的話，客戶會點(diǎn)擊關(guān)閉，轉(zhuǎn)而查看別人的作品集。

設(shè)計相關(guān)的作品集必須專注于一個目標(biāo)：銷售設(shè)計師自己，作品集只有幾秒鐘的機(jī)會給人留下深刻印象，也只有幾秒鐘傳達(dá)個人品牌的吸引力與展示自身的獨(dú)特風(fēng)格。

大多時候，大部分設(shè)計作品集令人失望的原因在于它們?nèi)狈?chuàng)意、生搬硬套、不知所云。它們的思路要么不夠流暢，要么過于混亂和過于復(fù)雜。

它們可能缺乏關(guān)鍵信息，沒有傳達(dá)個人風(fēng)格，或者沒有展示出專業(yè)能力 —— 而所有的這些都降低了被聘用的可能性。

國外設(shè)計師的作品集

作品集要能夠快速打動和吸引閱讀者，從而幫助設(shè)計師拿到下一份工作。

作品集不是過往項目的在線存檔，它不是為了吹噓或炫耀過往的項目，它也不是給其他設(shè)計師看的，它需要成為一個明確的、有吸引力的設(shè)計主張，從而抓住潛在工作機(jī)會。

一個精致的作品集 應(yīng)該展示設(shè)計師對于戰(zhàn)略問題的解決技巧，以及對于設(shè)計如何帶來價值的理解。

客戶需要的是與眾不同的設(shè)計作品，他們正在尋找獨(dú)特、優(yōu)秀、創(chuàng)新的作品，以解決商業(yè)挑戰(zhàn)，并在市場上有所作為。因此，為了展示設(shè)計師的技能水平、讓客戶感受到產(chǎn)品質(zhì)量，設(shè)計師應(yīng)當(dāng)從戰(zhàn)略上規(guī)劃作品集，并仔細(xì)考慮每一個細(xì)節(jié)。

為了制定如何構(gòu)建優(yōu)秀作品集的最佳方案，我回顧了自身過往經(jīng)驗，研究了業(yè)內(nèi)標(biāo)準(zhǔn)和優(yōu)秀案例，并與 Toptal 的幾位設(shè)計專家進(jìn)行了交流。這些專家每天都會審核數(shù)十個設(shè)計作品集。

作品集的首要目標(biāo)是——幫助設(shè)計師獲得一份工作。

設(shè)計師得認(rèn)真思考自己作品集的目標(biāo)讀者。針對目標(biāo)精心準(zhǔn)備的作品集能產(chǎn)生積極的效果。無論什么類型的設(shè)計師 ——平面、品牌、視覺、UI、UX、產(chǎn)品 —— 作品集都需要考慮以下幾點(diǎn)：

設(shè)計師想要吸引的讀者是誰？

如何最好地規(guī)劃作品集來打動讀者？

設(shè)計師想要從事什么類型的工作？

通常，會有三類人查閱設(shè)計作品集：客戶、招聘人員 和 設(shè)計主管。制作一個作品集以迎合這三類人閱讀的方法是，用滿足這三類人的方式對內(nèi)容進(jìn)行分層 —— 尤其是復(fù)雜的 UX / UI / 產(chǎn)品設(shè)計師的作品集。

從目標(biāo)讀者的角度思考，做一個作品集會類似于交互設(shè)計中的 漸進(jìn)式信息披露：

第一層，針對?招聘?人員，作品集應(yīng)設(shè)計成方便快速閱讀的，將最好的作品展示在前面和中間；第二層，針對 客戶，作品集將更深入一些，但同樣能夠被快速閱讀；第三層，針對 設(shè)計經(jīng)理和設(shè)計主管，對于 UX / UI / 產(chǎn)品設(shè)計師來說，這一層需要有詳細(xì)的案例研究。

在作品集中，有趣的動畫會吸引人們的注意（UI 動畫 by Outcrowd）

1. 三種讀者類型

招聘人員：喜歡瀏覽和掃視設(shè)計作品集，他們在候選人的作品集上最多只花 3 分鐘。他們想要看到豐富的視覺效果 和有沖擊力的設(shè)計作品，以及簡短的項目背景。

客戶：希望看到精心打磨的、高質(zhì)量的設(shè)計作品，如果他們感興趣，就會花 3-5 分鐘的時間來閱覽作品集。他們想知道設(shè)計師能怎樣為他們的業(yè)務(wù)帶來價值，擁有價值導(dǎo)向的設(shè)計方法和軟技能的作品集能吸引客戶閱讀下去。一個成功的作品集既能展現(xiàn)優(yōu)秀的作品，又能表達(dá)設(shè)計流程、策略和各種設(shè)計風(fēng)格。

設(shè)計主管：旨在深入了解項目，他們對細(xì)節(jié)很感興趣。他們大多會花 5-10 分鐘來仔細(xì)閱讀一個設(shè)計作品集，有時甚至超過 10 分鐘。在用戶體驗方向，他們喜歡通過作品看到解決問題的過程和設(shè)計思維。主管們也希望可以看到設(shè)計師的軟技能，在 UI / 視覺/ 交互設(shè)計的作品集中，他們想要看到響應(yīng)式設(shè)計、微動畫或視頻介紹，用動畫來展示產(chǎn)品能起到很好的效果。

客戶是從他們的角度來看作品集，從而實(shí)現(xiàn)他們的目標(biāo)。

介紹得保持簡短精煉（薩多克·塞萬提斯）

因為只給每個作品集幾分鐘的瀏覽時間，客戶希望看到結(jié)構(gòu)精良的內(nèi)容和精美的布局，從而更輕松地進(jìn)行作品集評估。

有些設(shè)計師可能會決定反其道而行之 —— 他們想要與眾不同，但這樣做是有風(fēng)險的。一旦客戶留下了負(fù)面的印象：信息缺失、作品怪異、導(dǎo)航繁瑣，就很難讓他們繼續(xù)閱讀作品集。

這中間有一個復(fù)雜的平衡點(diǎn)。設(shè)計師得展示作品并讓讀者留下印象，同時傳達(dá)出自己是誰及其尋找的工作類型。

例如：一個平面設(shè)計師需要快速驚艷讀者并留下深刻印象，這種情況下，一個高視覺沖擊力的展示案例也許是最有效的辦法。從另一角度延伸，用戶體驗設(shè)計師要仔細(xì)考慮怎樣安排作品集結(jié)構(gòu)，以便進(jìn)行深入的方案展示。

一個有視覺沖擊力的平面設(shè)計作品集

首先，展現(xiàn)出你的個人特色來吸引客戶來與你合作，作品集要表達(dá)出你的設(shè)計感。作品集網(wǎng)站的外觀和風(fēng)格應(yīng)反映出你的特質(zhì)，公司也會評估設(shè)計師和公司團(tuán)隊的文化契合度。

作品集可以從簡短的自我介紹開始，依次表達(dá)你是做什么的、你的感興趣的方向、你的簡要工作經(jīng)歷。對于作品集來說，個人照不是必須的，但它有助于體現(xiàn)個人特色。

接下來，把作品們附上 “封面圖” 依次陳列出來。將你的設(shè)計項目（網(wǎng)站、移動端界面）做成一個個圖片卡，附上簡短的項目描述，放置在一起。

這些圖片得足以吸引客戶的注意力，激發(fā)起他們深入了解的欲望。但是，作品集要合理的樹立用戶期望——如果人們點(diǎn)擊進(jìn)入該項目，他們會看到什么？設(shè)計師可以再次使用“漸進(jìn)式展示”的方法，并將它應(yīng)用到你的項目和作品的展示中。

對于平面 / 品牌設(shè)計師，封面圖要能吸引讀者點(diǎn)擊進(jìn)專屬的項目頁，項目頁內(nèi)要有高清大圖和更多項目細(xì)節(jié)。對于UX / UI / 產(chǎn)品設(shè)計師，項目頁要向大家介紹你的設(shè)計過程，以案例分析的形式展示交互設(shè)計產(chǎn)物和設(shè)計迭代。

在項目頁上必須有的：

項目簡介，項目所解決的問題，和你擔(dān)任的職責(zé)（例如，品牌、移動端設(shè)計、網(wǎng)頁設(shè)計、UX / UI 設(shè)計、UX 研究、用戶測試）。

產(chǎn)品規(guī)劃路線圖是什么？最終成果是什么？

你是從頭開始設(shè)計產(chǎn)品，還是項目中期參與進(jìn)來的？

你是在設(shè)計團(tuán)隊中工作嗎？你們是如何合作的？

顯示成果，無論是定量還是定性的成果。突出強(qiáng)調(diào)諸如新增收入、留存率和轉(zhuǎn)化率等結(jié)果。

展示項目的核心經(jīng)驗，這個項目是如何幫助你成長為一名更好的設(shè)計師的？

項目庫應(yīng)該在視覺上有足夠的吸引力，從而讓讀者想了解更多（Gabe Cagara）

一個單獨(dú)的 “個人” 頁面，典型的介紹信息有：你是哪種類型的設(shè)計師，有什么特長，以及你要找的工作類型?！皞€人” 頁面不是展示你的愛好，你的宗教信仰，或者展現(xiàn)你有多喜歡烹飪。請體現(xiàn)你的職業(yè)專業(yè)度。

在作品集網(wǎng)站列出設(shè)計師的 技能 和 首選工具 能幫助客戶和設(shè)計團(tuán)隊發(fā)掘會使用特定工具（Sketch、Figma、Adobe XD 等）的設(shè)計師。此外，不要忘記鏈接上你的 LinkedIn 個人資料、Medium 專欄、以及其他你放有作品的設(shè)計網(wǎng)站（Dribbble，Behance）。

展示最好的作品，而不是所有作品。精心挑選展示的內(nèi)容和展示的標(biāo)準(zhǔn) —— 畢竟讀者的注意力是有限的。

考慮展示一些沒有成功的方案以及放棄的原因。展現(xiàn)出你探索過哪些方案但最終沒有采取它們？除了呈現(xiàn)設(shè)計作品，作品集要講一個如何制作作品的故事，并講解你是如何應(yīng)對挑戰(zhàn)的。

嘗試展現(xiàn)你的工作軟技能。將幾張設(shè)計展示（或者是設(shè)計回顧、戰(zhàn)略計劃）的幻燈片組合成拼貼畫形式就能得到很好的效果。無論在什么情況下，遠(yuǎn)程或到場工作，傳達(dá)出設(shè)計原理和概念的能力都是至關(guān)重要的。

談?wù)勀阍诠ぷ髦惺褂玫脑O(shè)計方法和專業(yè)技能。

展示內(nèi)容包含交互原型、小動畫、動態(tài)展示，而不僅僅展現(xiàn)靜態(tài)的設(shè)計，客戶喜歡看產(chǎn)品視頻或 GIF 動畫。

Maurício Tonon 的作品集包括清晰的項目介紹，他的職責(zé)，設(shè)計能力和使用的工具，以及項目的動畫展示

不要包含舊的、過時的作品：任何在平面 / 品牌 / 視覺 / UI 設(shè)計方向完成超過五年的作品看著都老舊了。設(shè)計行業(yè)是動態(tài)的?？蛻羰窃趯ふ倚路f的、符合當(dāng)前時代風(fēng)格的近期作品。

不要展示太多圖片，尤其要避免展示出低分辨率、像素化的圖片：一張壞的圖片會比一張好的圖片更突出，它只會給人留下糟糕印象。

避免設(shè)置頁面密碼：大多數(shù)讀者沒有時間去找到設(shè)計師本人詢問密碼，再返回作品集網(wǎng)站打開。密碼相當(dāng)于是一堵墻，阻礙了人們?yōu)g覽作品集，提供了糟糕的用戶體驗。反倒是可以先展示一個有吸引力的設(shè)計，再用 “聯(lián)系我，來了解更多細(xì)節(jié) ” 的文字上附上個人鏈接，保密項目可以在面試時來屏幕共享。

最好避免在作品集網(wǎng)站上設(shè)置頁面密碼。它們妨礙了用戶的使用

有策略地組織起你的作品集：保證內(nèi)容、結(jié)構(gòu)和布局的優(yōu)秀。思考哪些內(nèi)容放入作品集，哪些內(nèi)容可以放棄。最好包含 4-6 個項目，確保一切簡約、清晰、易于瀏覽。

不要膽怯，要大膽：客戶需要在幾秒鐘內(nèi)了解你是怎樣的設(shè)計師和你的專業(yè)能力，放上能讓作品集脫穎而出的獨(dú)特、直觀的項目。

以簡短的介紹開啟作品集的展示：列出你的經(jīng)驗、主要成就和專業(yè)技能。

用視覺去展示和描述：人們是視覺動物，描述一定要簡潔，人們需要閱讀的文本越少越好。

發(fā)掘自己的優(yōu)勢，并將展示的重點(diǎn)放在你想要的工作類型上：如果是想找視覺設(shè)計 / UI 設(shè)計的工作，就展示視覺設(shè)計 / UI設(shè)計的項目。如果是用戶體驗設(shè)計，就介紹用戶體驗的項目。不要混合展示各種類型的項目，這樣會削弱作品集的表達(dá)，客戶無法了解你的核心能力，千萬不要讓自己看上去像一個“萬金油”。

先展示你最優(yōu)秀的項目：大多數(shù)招聘者和客戶不會看完所有的項目。

對于產(chǎn)品設(shè)計師，要展示 2-3 個項目，但每個項目展示方式要有所不同：展示出產(chǎn)品策略與 UX / UI / 視覺設(shè)計的融合。

并不是任何事情讀者都能理解：作品集一定要清晰，把項目掰碎了再展示給讀者。

用標(biāo)題對項目和你的職能有一個精簡的概括：例如：“為一家金融科技初創(chuàng)公司的企業(yè) SaaS 平臺進(jìn)行用戶體驗設(shè)計”，這個標(biāo)題可以迅速傳達(dá)項目的內(nèi)容和你的職能。

表明你能夠從頭到尾完成一個項目，也能夠在項目中期加入，用設(shè)計帶動團(tuán)隊。

插畫師也可以用案例分析來展示他們的設(shè)計過程（Slack插畫項目：Alice Lee）

為不同的受眾展示各種媒介的多樣化項目，以展示設(shè)計的靈活性?？蛻粽趯ふ摇皫缀蹩梢栽O(shè)計任何東西”的設(shè)計師。

如果是網(wǎng)頁設(shè)計師，請?zhí)峁┧O(shè)計的網(wǎng)站的 URL（如果自從你工作后它沒有改變）?？蛻舾矚g看最終的實(shí)時網(wǎng)站，而不是靜態(tài)截圖。

在項目頁面上，先展示完成的設(shè)計，并簡要提供背景。然后，深入了解設(shè)計過程。

在每個項目結(jié)束時，提供核心的學(xué)習(xí)經(jīng)驗和項目成果，以及你在項目中的貢獻(xiàn)如何使項目成功。

如果剛開始做設(shè)計師，沒有足夠的項目可以展示，可以拿出一個練習(xí)項目。例如，重新設(shè)計一個知名品牌的網(wǎng)站或應(yīng)用。

針對搜索引擎優(yōu)化作品集。這會讓你更容易被發(fā)現(xiàn)。使用“圖像 alt 標(biāo)簽” 來描述圖像，這些標(biāo)簽為搜索引擎爬蟲提供圖像上下文。

從設(shè)計經(jīng)理或招聘人員那里獲得關(guān)于你的作品集的專業(yè)反饋。

請一位以英語為母語的朋友檢查你的作品集用詞是否精準(zhǔn)。

使網(wǎng)站易于瀏覽，并使其對手機(jī)端用戶友好（響應(yīng)式設(shè)計）。

動態(tài)項目展示總是很吸引人，讓設(shè)計師脫穎而出（Zhenya Rynzhuk）

由于在體驗設(shè)計過程中創(chuàng)作的大多數(shù)作品和成果往往視覺效果平平，因此用戶體驗 / 產(chǎn)品設(shè)計師一直苦苦思索如何能制作一個能完美展示他們的天賦和技能的作品集，這里有一個有效的方法。

例如，在 UX 作品展示可以使用拼貼排版和雙色排版，在你專注于展示設(shè)計過程時，可以使用讀者能立馬理解的視覺排版，傳達(dá)適量的信息。

通過論文和設(shè)計依據(jù)來說明你做了什么和為什么這么做，說明設(shè)計過程中收集到的關(guān)鍵點(diǎn)，以及你的設(shè)計決策是如何轉(zhuǎn)化成具體的成果。談?wù)勀闶侨绾芜\(yùn)用批判性思維方式來發(fā)現(xiàn)用戶行為、動機(jī)和需求的，這樣做可以讓客戶更好地理解你的產(chǎn)品構(gòu)思過程、方法和策略。

當(dāng)人們閱讀你的作品集時，要向讀者 明確用戶體驗的哪些方面是你所擅長的。你是注重于視覺設(shè)計還是 UI 設(shè)計？你有做用戶體驗研究嗎？你在某個項目中的職能是什么？描述出問題是如何解決的，你是如何得出解決方案的，但描述要簡短。

UX 設(shè)計師可以把他們的作品集看作是一個以用戶為中心的設(shè)計項目，作品集得有良好的用戶體驗，思考客戶想要看到什么，展示你對整個 UX 設(shè)計周期的了解。

通過使用拼貼排版，可以讓用戶體驗作品變得好看（Kurt Winter）

妨礙讀者高效評審作品集的任何因素都會影響到設(shè)計師的求職。當(dāng)客戶和招聘人員遇到評審障礙時，他們有可能跳轉(zhuǎn)到下一個設(shè)計師的作品集。這里例舉了一些常見的錯誤。

作品集的展示方式過于特立獨(dú)行和“創(chuàng)意過度”：這會影響到實(shí)用性，使作品集難以定位。讓作品集易于瀏覽，最好用作品來打動人，而不是作品集的版式設(shè)計。重點(diǎn)應(yīng)該是直接了當(dāng)?shù)爻尸F(xiàn)客戶想要的東西，不要有多余花里胡哨的東西。

不要粗心，在細(xì)節(jié)上下功夫：根據(jù)拼寫和語法去檢查你的用詞，客戶也會根據(jù)設(shè)計師的專業(yè)性來評價他們。

作品集沒有清楚表述你是什么類型的設(shè)計師、你尋找的工作類型、以及求職的行業(yè)/企業(yè)意向，例如電商、B2C、品牌、移動端、初創(chuàng)企業(yè)、大公司等。

避免無休止的滾動頁面：將演示文稿拆解成小板塊，以供客戶閱讀，首頁不需要包含一個你自己的詳細(xì)介紹，把自我介紹放在 “關(guān)于我的頁面” 上（僅一頁即可）。

避免在未說明項目內(nèi)容時呈現(xiàn)雜亂無章、隨意的項目圖片：記住用講故事的方式來展示項目，一定要提供項目背景，人們沒有時間去解讀冗長的文字和雜亂無章的圖片集。

使用實(shí)物模型圖來凸顯設(shè)計細(xì)節(jié)，而不是分散讀者的注意力。

不要試圖在表現(xiàn)形式上太過花哨（使用歪斜的、3D 設(shè)備模擬圖和圖像）。

將作品以一系列傾斜的、等距的圖像來呈現(xiàn)是非常做作的，也是要避免的常見錯誤。這樣呈現(xiàn)的作品展示不夠清晰，設(shè)計無法得到合理的評估。

將作品以一系列傾斜的、等距的圖像來呈現(xiàn)是非常做作的，也是要避免的常見錯誤。這樣呈現(xiàn)的作品展示不夠清晰，設(shè)計無法得到合理的評估。

沒有明確自己在項目中的角色是什么：特別是在較大的團(tuán)隊和項目中，說明你在項目中的參與部分是至關(guān)重要的。

如果你正在尋找 UX 設(shè)計崗位，在展示 UI 設(shè)計作品之前，先專注于展示你的 UX 項目。把 UX 項目放在首位，向讀者展示出你的優(yōu)勢和興趣所在。

不要先展示一個品牌風(fēng)格指導(dǎo)規(guī)范后再展示不能反映該品牌指導(dǎo)的設(shè)計作品。

不要在項目庫中展示會把讀者帶到 “近期上線” 頁面的圖片。當(dāng)項目完成后，再在作品庫中展示出項目。

不要讓你所有的項目看起來都是一樣的 —— 用一個沉悶的、模板化的格式展示一個又一個的項目。在不同的設(shè)計作品中，用另一個角度呈現(xiàn)不同的故事，以吸引讀者繼續(xù)瀏覽。

不要只展示你所工作的大公司的 logo：相反，把重點(diǎn)放在你如何提供自己的價值上。展示你所做的事情和你工作帶來的影響比展示在 Facebook，谷歌或亞馬遜工作過更令人印象深刻。

用戶體驗設(shè)計師 / 產(chǎn)品設(shè)計師應(yīng)該避免在沒有背景的情況下展示大量的設(shè)計細(xì)節(jié)，避免在沒有說明設(shè)計過程的情況下直接展示成果。

不實(shí)的項目內(nèi)容會讓人反感：例如，使用任何人都可以購買的 UI 套件和網(wǎng)站模板作為自己的項目。有些客戶可能不熟悉它們，但很多招聘人員和設(shè)計經(jīng)理都非常熟悉。即使設(shè)計師們暫時逃過一劫，但很快就會被發(fā)現(xiàn)他們并不具備高質(zhì)量的設(shè)計能力。

當(dāng)前市面上有很多不用編程就可以制作的作品集網(wǎng)站，他們都提供了豐富模板資源。免費(fèi)作品集網(wǎng)站大多數(shù)功能普通，它們使用的是主機(jī)的公司品牌和子域名。付費(fèi)版從每月 6 美元到 15 美元不等，它們提供給設(shè)計師專業(yè)作品集搭建服務(wù)和一個自定義域名。

這些無需編程的平臺，例如 Webflow，提供了各種不同風(fēng)格的作品集模版

線上設(shè)計作品集是你面向所有人的設(shè)計展示，它也許能幫助你獲得下一份工作。其實(shí)，作品集是能反應(yīng)出你是否有投入足夠的時間在制作上。為了制作出優(yōu)秀的作品集，你必須精心設(shè)計它的內(nèi)容、結(jié)構(gòu)和布局。

當(dāng)設(shè)計師們思考如何制作一個作品集時，他們會研究其他人的設(shè)計作品集，并從中學(xué)習(xí)。他們會思考某一個作品集有哪些好的地方？哪些可以借鑒，哪些不可以？同時他們也會站在客戶的角度，思考客戶是否會招聘該設(shè)計師。

當(dāng)客戶查看作品集的時候，他們會思考未來將如何和你一起開展工作。他們會想：這個設(shè)計師的經(jīng)驗、作品和技能將如何運(yùn)用于我的項目中？在我的項目中與他們工作起來將會是怎樣？

設(shè)計師應(yīng)該把自己放在客戶的位置上進(jìn)行思考，設(shè)計師得記住客戶只會花幾分鐘在作品集上，要讓客戶輕松地從作品集中得到重要的信息、看到最好的作品。

原文作者：Miklos Philips

原文鏈接：
https://uxdesign.cc/showcase-your-skills-how-to-make-a-portfolio-d6f873ca70fe

譯者：曹競羽，審核：徐曼鷺、張聿彤，編輯：徐小淇

本文由 @三分設(shè) 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于 CC0 協(xié)議

UI設(shè)計師必看的15個UI設(shè)計作品集網(wǎng)站

學(xué)UI設(shè)計的都知道什么是作品集！作品集的重要性對于設(shè)計師可以說是不言而喻的，作品集不僅是設(shè)計師設(shè)計能力的最好證明，更是一塊求職時的金牌敲門磚。

但是想要做出一份優(yōu)秀的原創(chuàng)設(shè)計作品集可不簡單，別著急，這里有為大家精選的20份UI設(shè)計師作品集范例，一定能讓你靈感爆表。

1.Yitong

Yitong目前在舊金山的Coinbase工作，他不僅熱愛設(shè)計，對技術(shù)更是充滿熱情，用他自己的話說，“在設(shè)計過程中使用技術(shù)，設(shè)計師就可以創(chuàng)造出更加優(yōu)質(zhì)的產(chǎn)品，甚至是一些超越了技術(shù)限制的產(chǎn)品，這樣，我可以在工作中取得更好的成就。

他的作品集有簡潔清晰的導(dǎo)航，作品集一共分為3個部分：作品展示，關(guān)于我和郵箱。Yitong很巧妙地展示了他豐富的工作經(jīng)驗，他的每份作品都有精美封面，有些是產(chǎn)品高清圖，有些是生動的GIF，有些甚至直接以視頻的形式展現(xiàn)，他還細(xì)心的在每個項目里做出了總結(jié)。

2.Jeremiah Shaw

Jeremiah Shaw是一位專注于3D插畫、動畫、界面設(shè)計和品牌塑造的設(shè)計師。他目前在Google為兒童設(shè)計3D游戲，曾任職于Dropbox，Apple和Color Labs。他作品集的導(dǎo)航比較獨(dú)特，沒有遵循常見的風(fēng)格，而是設(shè)置在右側(cè)邊欄。Shaw使用了高級感的黑色，白色字體和彩色幾何圖形來形成對比，展現(xiàn)了很好看的界面效果。

Shaw在作品詳情頁還詳細(xì)展示了他的每一件設(shè)計作品，你可以看到作品的整個設(shè)計過程。例如他的作品Geo Jam Band，從鉛筆素描到最后的場景運(yùn)用，涵蓋的設(shè)計過程包含了鉛筆素描、建模、顏色、動畫、聲音、音軌、場景和設(shè)置。

3.Balraj

Balraj是一位居住在英國倫敦的自由職業(yè)設(shè)計師。他熱衷于用戶界面設(shè)計，也會寫代碼。他的作品集看起來專業(yè)而高級。Circularchaos看起來更像是一個個人專屬網(wǎng)站，而不僅僅是一個作品集網(wǎng)站。他的網(wǎng)站主要包括5個部分：首頁、關(guān)于我、設(shè)計流程、作品集和聯(lián)系頁面。

你可以在他網(wǎng)站的作品集頁面查看他的作品，其中的分類也很細(xì)，包含：動畫、品牌、編碼、插圖、交互、演示、UI設(shè)計和用戶體驗設(shè)計。另外，Balraj還分享了他的設(shè)計流程，主要包含用戶需求、頭腦風(fēng)暴、用戶體驗設(shè)計、視覺設(shè)計、原型設(shè)計、動畫和測試。這是一種可以快速迭代且適應(yīng)性強(qiáng)的設(shè)計流程，可以很好的解決用戶需求。

4.Charlie Waite

Charlie Waite是GoPro的體驗設(shè)計總監(jiān)，曾任Focus Lab的交互設(shè)計師。他本人還很喜歡寫作，文章都發(fā)表在Medium平臺上。他的作品集首頁設(shè)計很有意思，首屏上有一個有趣的CTA，上面寫著“Say Hello！”，仿佛在和你打招呼。界面分為了2個部分，當(dāng)你滾動鼠標(biāo)時，左側(cè)界面保持靜止不動而右側(cè)則會呈現(xiàn)不同的背景圖滾動效果。

5.Mengdi Zhang

Mengdi Zhang是一名產(chǎn)品設(shè)計師，目前任職于紐約的DigitalOcean公司。她的作品集是我最喜歡的一個，真的是好看極了，手繪風(fēng)格的插圖和落葉非常美觀，我第一眼看到就忍不住想要去了解這個設(shè)計師。她采用了單屏設(shè)計，你可以點(diǎn)擊下面的小圓點(diǎn)按鈕查看更多頁面。同時，她的簡歷與她的作品集風(fēng)格保持一致，可以下載PDF格式。

6.Simon Foster

Simon Foster是一位屢獲殊榮的前端網(wǎng)頁設(shè)計師。他專注于直觀，易用和美觀的響應(yīng)式網(wǎng)站設(shè)計。他的作品集不走尋常路，如果你第一次看到他的作品集，也許會以為只是一些黑白的圖片凌亂的分布在界面上，但如果你將鼠標(biāo)懸停在上面，黑白封面立即就會呈現(xiàn)色彩，非常好玩。Foster還分享了他的網(wǎng)頁設(shè)計思路。

7.Sebastiaan de With

Sebastiaan de With是halidecamera公司的聯(lián)合創(chuàng)始人，也是一名自由設(shè)計師和攝影師。他喜歡圖標(biāo)設(shè)計和用戶界面設(shè)計，他作品集最大的亮點(diǎn)就是包含有一個個人博客，寫作對于設(shè)計師來說是一個加分項，能很好地表達(dá)自己的設(shè)計思維是設(shè)計師能力的體現(xiàn)。此外，該作品集的動畫非很有趣，當(dāng)你打開網(wǎng)頁時，他的自我介紹會在你的屏幕上自動輸入，感覺就像他正在你面前進(jìn)行自我介紹一般。

8.Bady

Bady是一位位于新加坡的用戶界面設(shè)計師，他目前在一家銀行做全職工作，他非常熱愛設(shè)計，認(rèn)為設(shè)計是解決人類問題的最好方法。他的作品集采用了大量的留白，界面干凈而舒適，還包含一個日志，記錄設(shè)計靈感。

9.Beta Takaki

Beta Takaki是一位位于溫哥華的UX和UI設(shè)計師。雖然這個作品集主要是針對UI設(shè)計，但是他對用戶體驗和用戶界面設(shè)計都是充滿熱情的。如果你想看到他作品的詳細(xì)案例研究，可以通過linkedin聯(lián)系他。Takaki使用了網(wǎng)格排列來展示他的設(shè)計作品，看起來有序而規(guī)整。最吸引人的還是首屏的背景大圖，非常美觀。

10.Dan Shin

Dan Shin是一位居住在紐約的設(shè)計師，目前在Square任職產(chǎn)品設(shè)計師。他的作品集布局簡潔合理，主要由3個主要部分組成：首頁，項目列表和作品展示。首頁大圖和超大號文字創(chuàng)造了強(qiáng)烈的對比。Shin還采用了視差滾動設(shè)計。

11.Mark Wheeler

Mark Wheeler是一位專注于交互和界面的設(shè)計師。他來自英國，現(xiàn)在在西雅圖工作。他的作品集網(wǎng)頁以抽屜作為導(dǎo)航，打開它你可以看到所有項目和作品集的詳細(xì)列表。

12.Sam Small

Sam Small目前在堪薩斯城工作，擔(dān)任Citrusbyte的UI/UX設(shè)計師。他的作品集最大的亮點(diǎn)就是大膽的配色，簡直就是一盤色彩盒，卻不顯得臟亂。

13.Kristen DeGraff

Kristen DeGraff是一位產(chǎn)品設(shè)計師，他擅長UX和視覺設(shè)計，與很多團(tuán)隊有過合作，他總是能攻克各類項目難點(diǎn)，并做出為以用戶為中心的設(shè)計解決方案，進(jìn)而提升品牌體驗。他的作品集有三大亮點(diǎn)：圖標(biāo)，右側(cè)的固定社交媒體分享按鈕和可下載PDF格式的簡歷。

14.Corey Snyder

Tangerine Industries（TI）是Corey Snyder的個人作品集。Corey Snyder非常有名氣，他是曾獲得艾美獎的設(shè)計師。他的作品集采用了水平滾動，很是新穎。

15.Jackie Ngo

Jackie Ngo目前任職于一家創(chuàng)業(yè)公司，他曾為Uber、Apple、Beats music、ZURB、MadeService、Zooka Creative和1185 Design等品牌做過設(shè)計工作，擅長視覺設(shè)計、UX/UI、前端開發(fā)、插圖和品牌設(shè)計。Ngo最大的設(shè)計天賦就是對于字體的靈活運(yùn)用，簡直是錦上添花的一筆。Ngo的作品集也采用了視差滾動設(shè)計。

創(chuàng)建個人在線作品集

使用Lightroom的Web面板中提供的工具與模板將照片以互動畫廊的形式呈現(xiàn)在網(wǎng)上，你可以上傳到FTP，然后制作成在線版的個人作品集。

1.創(chuàng)建收藏夾

與制作畫冊和幻燈片類似，首先我們要將制作在線畫廊所需的圖片導(dǎo)入一個專門的收藏夾中，使用噴涂工具完成該操作非常便捷。在圖庫模塊中，單擊收藏夾面板上的“＋”按鈕新建收藏夾，并為新的收藏夾命名。

2.導(dǎo)入文件

單擊噴涂工具，將目標(biāo)下拉菜單設(shè)置為目標(biāo)收藏夾。在網(wǎng)格視圖模式下單擊希望添加至新收藏夾中的文件。隨著我們單擊，收藏夾右側(cè)的數(shù)字也會跟著增加。此外，噴涂工具也是用來調(diào)整文件評級等屬性的好幫手。

3.保存畫廊

單擊任意縮略圖，相應(yīng)的照片便放大到整個屏幕，左下角顯示相機(jī)拍攝設(shè)置，右上角顯示水印。如果對畫廊布局和信息文字感到滿意，單擊上方的創(chuàng)建已存儲的Web畫廊保存設(shè)置。畫廊將出現(xiàn)在收藏夾下方，我們可以重新打開畫廊對參數(shù)進(jìn)行調(diào)整。

4.上傳畫廊

在上載設(shè)置面板當(dāng)中，打開FTP服務(wù)器下拉菜單，選擇編輯命令，在彈出對話框中輸入網(wǎng)站的地址、用戶名和密碼，單擊確定。接下來我們就可以直接使用Web模塊中的上載命令上傳站點(diǎn)。或者先將文件導(dǎo)出，然后使用第三方FTP軟件上傳。

“完成畫廊的創(chuàng)建后，接下來我們可以嘗試一些新的布局方式，這么做并不會影響到已經(jīng)上傳的畫廊。執(zhí)行“Web>創(chuàng)建已存儲的Web畫廊”命令新建畫廊，從左側(cè)模板瀏覽器中選擇其他模板，鼠標(biāo)移動到任意模板上，上方預(yù)覽面板就會顯示模板的大致效果?！?/p>

臧新義：大筆書盛世 翰墨展風(fēng)華--臧新義書法作品集序言

文/張全景

黨的十八大以來，習(xí)近平總書記提出實(shí)現(xiàn)中華民族的偉大復(fù)興，是中華民族近代以來最偉大夢想，這個夢想一定可以實(shí)現(xiàn)。實(shí)現(xiàn)中國夢，是物質(zhì)文明和精神文明均衡發(fā)展、相互促進(jìn)的結(jié)果。沒有文明的繼承和發(fā)展，沒有文化的弘揚(yáng)和繁榮，就沒有中國夢的實(shí)現(xiàn)。作為中華民族文化精髓的書法藝術(shù)，也應(yīng)有一個“中國夢”，那就是按照時代的新進(jìn)步，深刻挖掘書法傳統(tǒng)，促進(jìn)書法藝術(shù)創(chuàng)新性發(fā)展，把根植傳統(tǒng)、堅守本體，弘揚(yáng)原創(chuàng)、立足時代的書法藝術(shù)發(fā)揚(yáng)光大，激活其生命力，讓中華文明為人類提供正確的精神指引和強(qiáng)大的精神動力。

多年來，新義同志積極弘揚(yáng)社會主義核心價值觀，傳播優(yōu)秀書法藝術(shù)，以高尚的情操感染人，以優(yōu)秀的作品引導(dǎo)人，做到了“德藝雙馨”。堅持將書法藝術(shù)當(dāng)做中國傳統(tǒng)文化的綜合載體，在根植傳統(tǒng)、以古為徒的同時，又能推陳出新，體現(xiàn)時代感，充分表現(xiàn)出了對我國書法藝術(shù)發(fā)展的責(zé)任感與使命感。

新義同志出身于教育世家，幼承家學(xué)，隨曾讀過私塾的祖父習(xí)書，在讀大學(xué)中文系及研究生期間，就曾多次獲得各種獎項，尤愛漢晉唐人碑刻墨跡。得漢碑之氣厚，正大氣象彰顯于紙端;求晉人之清雅，風(fēng)流逸宕之象盡收于筆底;得唐人之雍容，包容圓通盡藏于卷中。以新義同志的性情氣質(zhì)，上探漢隸之古質(zhì)，力追二王之遺風(fēng)，可謂取漢人意，得晉人韻，創(chuàng)自己格。在此，我祝新義同志書藝“百尺竿頭，更進(jìn)一步”，愿他為國家文化大發(fā)展、大繁榮做出更大的貢獻(xiàn)。

是為序

(張全景，中共中央組織部原部長)

藝術(shù)簡歷

臧新義 字涵之，號雨園、抱玉室主人、三王門下。中文學(xué)士、法律碩士。中國書法家協(xié)會會員，北京書法家協(xié)會會員，北京市東城書法家協(xié)會理事，劉藝書法藝術(shù)研究會理事，中國民俗書畫院副院長。出身于教育世家，幼承家學(xué)，從讀過私塾的祖父習(xí)書，楷書入手于顏魯公《勤禮碑》，后鐘情于漢代碑刻，遍臨漢隸名碑，多取《禮器碑》之古質(zhì)典雅、《封龍山頌》之寬博爽駿以及《鮮于璜碑》之樸拙厚重，并間習(xí)竹簡帛書，力追秦漢古雅氣厚的大境之美。行書以王羲之《圣教序》為基，縱情于晉行草書之風(fēng)神俊逸、古韻悠長，尤得力于三王(王羲之、王獻(xiàn)之、王珣)，并細(xì)心研習(xí)文徵明、董其昌諸家。早年曾獲河南省大學(xué)生書法三等獎，北京市大學(xué)生書法一等獎。師從當(dāng)代書法大家劉藝先生，書風(fēng)古雅典正、渾樸剛健、清新俊逸，飽含金石之味，書卷氣濃厚。在國家級書法核心報刊發(fā)表有《道統(tǒng)與閑適--論書法的社會功用與審美性》、《魏晉書法生成論》、《酒與草書》、《書法審美構(gòu)成的主客觀因素》等多篇學(xué)術(shù)論文。多年浸潤中國古代典籍，內(nèi)蘊(yùn)深厚而氣度昂藏。以“自強(qiáng)不息、厚德載物”為座右銘，以詩酒茶為自娛，以書法藝術(shù)為生命狀態(tài)和人生樂趣，用堅定、敬畏的心對書法藝術(shù)進(jìn)行著實(shí)踐和探索。

臧新義拜會中央組織部原部長張全景同志

臧新義在工作室創(chuàng)作

臧新義書法作品

臧新義 隸書 《天行健地勢坤》紙本 234×53cm 2014年

釋文：天行健，君子以自強(qiáng)不息;地勢坤，君子以厚德載物。易經(jīng)句，甲午秋日，涵之書于京華。

鈐?。洪L樂(白文) 臧氏(朱文) 新義之璽(白文)

臧新義 臨王羲之《初月帖》 紙本 50×35cm 2014年

釋文：(略)

鈐?。洪L樂(白文) 人生一樂(白文) 臧新義印(朱文) 心畫(白文)

臧新義 行書《厚德載物》 紙本 138×34cm 2014年

釋文：厚德載物，易經(jīng)句，甲午秋日，涵之。

鈐?。洪L樂(白文) 臧氏 (朱文) 新義之璽(白文)

臧新義 行楷 《誠以敏以》八言對聯(lián) 紙本 150×50cm 2014年

釋文：誠以待人花明日朗，敏以處事雷厲風(fēng)行。趙樸初先生聯(lián)句，甲午秋日，涵之書于京華。

鈐?。浩錁窡o窮(朱文) 臧氏(朱文) 新義之璽(白文)

臧新義 行草書扇面 王冕《墨梅詩》詩一首 紙本 65×34cm 2014年

釋文：吾家洗硯池頭樹，朵朵花開淡墨痕。 不要人夸好顏色，只留清氣滿乾坤。涵之。

鈐?。耗?朱文) 臧新義印(朱文)

臧新義 隸書《耦耕南畝，高臥東窗》 紙本108×54cm 2014年

釋文：再見封侯萬戶，立談賜璧一雙。詎勝耦耕南畝，何如高臥東窗。唐人王維田園樂，涵之。

鈐?。簯压?朱文) 臧新義印(朱文) 心畫(白文)

臧新義 行草書 王維《山中》詩一首 紙本 68×45cm 2014年

釋文：荊溪白石出，天寒紅葉稀。山路元無雨，空翠濕人衣。

王維山中詩，涵之書。

鈐印：墨香(朱文) 臧新義印(朱文)