你上次更新設計作品集的時間是什么時候？ 如果你像我一樣“懶”的話，可能已經有一段時間了。 保持一份新鮮的“作品檔案”是向潛在客戶展示你的專業以及技能的好方法，并且在回顧年度作品時可能會對你有所幫助。

如果你在投資組合設計方面落伍了，或者總體上你需要一個新的投資組合站點，那么在即將開始的2020年會是一個絕佳的機會，可以使用時尚的技術和視覺效果來創建。

利用設計趨勢所創建的現代設計可以給人留下深刻的印象。 作品集同時也代表了你的專業和技能，因此，明智地設計！ 以下是關于2020年我們認為你需要注意的設計趨勢，讓我們來看看吧。

1.主頁簡介（Homepage Bios）



并沒有特別的規則規定了你的個人簡介必須放在投資組合網站的“關于”頁面上。 組合設計中最強勁的趨勢之一是在首頁上就展示你的簡介內容（至少是其簡短版本）。

這是一種很好的方式，可以從一開始就告訴人們你的工作。 用戶無需進入特定的詳情頁面才能了解你的具體工作。

你可以在這里創建關于個人的簡介，甚至突出顯示你所提供的各種項目和服務。 Bill Chien的網站設計中，通過在首頁上使用類似電影中滾動的報幕來展示自己的個人簡介內容。 從某種意義上說，他的簡歷很簡單，但是展示了他的創意。

2.大量的互動/交互（Lots of Interactivity）



增強設計的交互體驗應該列入你的清單。

這些設計項目中的大部分在視覺上都是吸引人的，充滿了動效，豐富的色彩和可點擊的元素，或優化懸停效果使其更加獨特。 使用效果和設計技術可以提供無限可能。

高度互動的設計優勢之處在于，它可以展示一些高級的UX技術。

面臨的挑戰是，有時設計可能會變得有些混亂。 確保跟蹤用戶的行為和參與度，如果你因此流失了訪問者，那么這可能并不適合你（這對于在其他項目中部署類似技術也是一個很好的測試）。

3.不尋常的設計模式（Unusual Design Patterns）



關于新的設計模式的設計也正在發展和接受測試。 導航元素，遮擋文本，甚至嘗試更多的動畫效果都是很常見的。

這種趨勢可能會流行，因為它為設計師提供了一個機會，讓他們有一個小小的空間來測試技術和效果。 這樣做的好處是，這種趨勢推動了我們對不可知的設計以及創意的實踐以及優化。

上面的示例同時使用了一些視覺趨勢和不尋常的模式。 屏幕輪廓的字體被部分遮蓋，顏色球的動畫懸停狀態以及屏幕邊緣采用垂直樣式的導航。

趨勢使你考慮設計規范，以及在實際工作中更新對它們的看法。


4.黑和白（Black and White）



黑白設計通常帶有色彩強調作用，目前也是設計中非常龐大的一個類型。

最大的影響因素可能是黑白設計模式使人們最容易看到作品，作品通常是彩色的。 它使你希望希望被注意的內容在屏幕上出現時得到更多關注。

與這種黑白趨勢配對是另一個常見因素，作品集內容不會直接顯示在首頁上，用戶必須單擊以找到它們。


5.現代字體（Trendy Typography）



使用合適的字體絕對是一個設計成功與否的關鍵之一。 無論你使用的是趨勢字體類型元素（例如上面的輪廓線）還是僅僅是漂亮的字體，這種趨勢都不會馬上過時。

字體技巧將幫助你的作品集脫穎而出，并幫助其他人了解你的工作。

通過瀏覽你的投資組合網站，潛在的雇主和客戶通常會對你的創意印象深刻。 幾乎每個設計師都希望被視為具有強大的技能和設計創意的人。 使用現代的字體肯定很合適。


6.高效的效果（High-Performance Effects）



由于網頁設計師，攝影師和其他創意人員正在利用他們的作品集來展示自己的能力，因此向更高性能的設計要求有了明顯的提高。

這些高性能設計中包含了吸引用戶的JavaScript效果，動畫和交互。

Victor Costa的網站設計是如何創建高性能設計的典型示例。 當它打開時為用戶提供一個選項——標準或高性能。 作品集充滿了互動元素，淡入淡出和滾動動作以及動畫。 這些技術與他在自己的簡歷中引用的元素相匹配，不僅是對過去工作的展示，還指示了他還可以為客戶做些什么。


7.充足的空間（Plenty of Space）



這是一個越來越多的設計不斷涌現采用的一種流行趨勢，同樣，它也正在進入投資組合設計中——元素和對象之間有足夠的空間。

這種趨勢似乎源于確保設計能夠在移動設備上適當地分隔項目并具有足夠的分接空間，但是額外的空間在桌面屏幕上也看起來不錯。

Lotta Nieminen的作品集站點就是這種設計的完美范例。 超大的頁眉空間幾乎占據了屏幕的三分之一以上，而圖像之間的垂直和水平空間也非常寬。 每個元素都獨立放置，夸張的間距使每個項目空間都可以獨立吸引用戶注意，這對于具有多種不同類型圖像的作品集設計來說尤其有用。


8.時尚的界面設計（Groovy UI）



將簡約風格的設計與時尚的用戶界面效果相結合，可以創建出令人贊嘆的產品組合。 視覺的簡單性和復雜的交互之間的結合可以使用戶感到驚訝，并使他們更長時間停留并瀏覽更多頁面。

上面的示例中，你可以查看每個項目組合如何在停止之前以干凈的漣漪效果滑動到屏幕上。 光標也會移動改變形狀，表示單擊元素可以使用戶以各種方式瀏覽每個項目，而不僅僅是閱讀設計的組合方式。

時尚的用戶界面，可以讓用戶在不知不覺中花更多的時間來了解你。


9.大字號（Large Typography）



字體和語言可以完美地介紹你的作品（和作品集）。 多數人了解Tobias van Schneider可能是基于他的設計或他的視頻內容，但是你是否希望他的站點主頁主要是文本？

在計劃項目或項目執行時，字體往往是最常被忽略的設計元素。 我們大多數人都非常關注視覺效果或動畫效果。

這個例子說明了為什么如此多的設計師選擇具有強字體的作品集。 在深入了解視覺效果之前，它可以設定正確的語調——你知道他的工作和網站的內容（此選項還可以突出他在處理包含大量文本內容的設計中的實力）。


10.不像作品集的作品集（Portfolios That Don’t Look Like Portfolios）



作品集設計的最大趨勢之一是制作看起來像完全是另一類網站的作品集。

Robin Mastromarino的作品集網站設計看起來更像是時裝設計師或從事時尚類型工作的網站，具體取決于你首先查看的是頁面中的哪一部分。 它既美麗又簡單，最令人印象深刻的是每個項目都有自己發光的空間。

細微的提示可幫助用戶理解設計中的要素，例如標題上方的小數字和下方的日期。 此外，該滑動元素還指示了通過項目的標題向左或向右滾動。

這種樣式的其他優點是，作為設計師，你不必提出全新的東西來炫耀你的作品。 對于大型的“藝術”類項目，完成的結果是重點，而不是創建全新的工作。


11.全屏動畫導航（Full-Screen Animated Navigation）



這段時間以來，許多設計師更多選擇一屏的作品集樣式。 如今，由于缺乏合適的導航方式，大部分已經轉回到多頁項目。

主頁可導航到各個項目以及這些項目中具有動畫效果的頁面，從而為用戶提供更加身臨其境且完全互動的體驗。

它建立了一個不錯的用戶體驗，可能使客戶希望看到類似的技術，并且是強調你在數字領域中進行創作的能力的好方法，即使你展示的所有項目都不能反映出這一點。


12.分屏模式（Split-Screen Patterns）



分屏模式已經流行了一段時間，即使不使用此功能，也有越來越多的投資組合正在使用此設計。 之所以起作用，是因為元素的配對有助于將用戶吸引到整個屏幕上，以幫助他們了解面前的所有內容。

Xavier Cusso使用具有出色視差滾動效果的分屏設計在項目之間移動。 拼色屏幕設計有助于強調網站的創造性，而中間的元素是要查看的項目組合。 它將投資組合和項目設計區分開來。

這是處理大型項目的好方法，同時在項目組合設計中能夠保持你的個人風格。


13.極簡風格設計（Minimalism-Inspired Design）



極簡風格的作品集的最好之處在于，它為設計提供了充足的空間。 實際投資組合的設計變得相對不可見，因此所有焦點都集中在你希望人們看到的元素上。


14.超大的首頁英雄圖（Oversized Homepage Headshots）



使用超大的人物圖像是一個正在不斷被嘗試使用的趨勢，尤其是對于開發人員和交互設計師而言。

這種投資組合趨勢可能流行的原因可能是因為你很難直觀地展示作品，你能突出顯示代碼嗎？

使此項目設計起作用的訣竅是要有一個良好的形象。 它不僅僅只是展示。 它需要你對此充滿正確的感情，然后將其與合適的字體配合使用，以使你清楚地知道這是一個投資組合網站以及你的工作。 將所有這些信息保留在滾動條上方，以使訪客有機會在設計中不斷移動。


15.模塊化網格（Modular Grids）



似乎從未消失的一種組合設計趨勢是使用模塊化網格來展示項目。 這是一個很好的功能，因為你可以在單個畫布上“浮動”不同項目的圖像。

Kimi Lewis在她的網頁設計中證嘗試一種不同的樣式。 這種設計要大得多，而不是用很多小方塊來展示項目。 它將方形和水平方向的長方形圖像混合并匹配到一個超大的網格中。

用戶從一開始就對每個項目都有良好的感覺。 超大的網格圖像添加元素之間的一些夸張的間距是一個需要注意的訣竅。 每張圖片上還有一個漂亮的懸停動畫，帶有項目的名稱和類型，可在你單擊之前提供更多信息。


16.明亮有趣的美學（Bright, Light Aesthetics）



沒有人說設計一定就必須是無聊的。 盡管這些設計中很多都是深色或白色的，主要是因為這些顏色使查看項目變得容易，但明亮，有趣的顏色選擇也可以使用。

Denys Mishunov的作品集網頁設計就是利用色彩和插圖脫穎而出的一個很好的例子。 明亮的配色方案引人注目，插圖是超大的形象圖使頁面變得有趣。

當你從事前端，JavaScript，培訓等類似的工作時，一點點創意就可以提供很大的幫助。 它不僅有助于吸引用戶，而且還可以說明你的工作風格和設計理念（這可以幫助你找到合適的客戶）。


17.顏色疊加（Color Overlays）



主頁設計是創建投資組合最具挑戰性的事情之一。 你如何以誘使用戶實際點擊的方式預覽工作或項目部分？

答案可能是部分掩蓋工作。 在預覽圖像鏈接上使用有趣的顏色疊加是鼓勵用戶單擊項目在視覺上吸引人的方法。 這樣一來，你就可以在網站的不同部分保持一致的外觀和風格，從而使你的首頁更整潔，并確保一個頁面的加載不會太繁瑣且加載緩慢，為你提供了在點擊之前突出顯示項目內容的機會。

Heather Shaw的作品集之所以起作用，是因為每個項目都如此不同，但是通過彩色疊加，使首頁具有連貫的感覺。 由于帶有客戶名稱和項目類型的標簽，用戶還知道他們將要查看哪種項目。 這是一種高度可導航且易于理解的格式，在視覺上很有吸引力。


18.簡化展示（Streamlined Project Showcase）



投資組合的外觀和風格更加簡化，。 僅顯示少量重點項目可能會有好處。

它確保用戶僅看到你希望他們關注的內容，而不會分心。

Stefanie Bruckler使用模塊網格格式，在包含充足空間上展示的項目卻較少。 此外，所有內容均位于主滾動條的下方，該滾動條具有極簡風格的名片樣式設計。

外觀精致優雅，為這位設計師的工作定下了鮮明的基調。

總結

仍然還沒有準備好重新設計你的投資組合嗎？ 盡管這是一個創意項目，但無論你是為公司工作還是作為自由職業者，這也是對你的業務的投資。