每月模板工具包 #3：投資組合網站工具包

如果創意專業人士想利用他們的服務並獲得更多客戶，那麼優秀的作品集可能是他們需要整理的最重要的資產。

專注於創造一個偉大的投資組合往往被忽視。 許多設計師更重視他們的工作，而忽略了這一關鍵因素。 創建成功的投資組合併非易事。 展示創意作品的方式有很多種。 UX 設計師的作品集與印刷設計師的作品集不同，應該採用不同的風格。

這就是為什麼在我們的第三個模板工具包發布中，我們決定提供一個迷人的作品集模板工具包，它適合各種口味，並使您能夠以最佳方式展示您的作品（不要錯過這些美麗的作品）如果您需要靈感，請查看網頁設計作品集的示例）。

任何有創意的專業人士都可以享受此套件，無論是攝影師、營銷人員還是顧問。 自由職業者和企業可以使用這個工具包，並通過一些小的自定義來製作自己的工具包。

與往常一樣，所有插圖均來自免費資源。 除了插圖之外，我們的團隊還創建了所有圖形、模型、背景和其他視覺元素。

看一眼主頁，您立即可以看出這是一個面向設計師的網站。 大膽而鮮豔的色彩、背景中的大型印刷元素以及使用無襯線字體設置的突出信息。

向下滾動，您會注意到我們最近發布的背景幻燈片功能的巧妙使用，以及信用卡外觀中的運動效果。

項目頁面是我們首先建立網站的原因，對嗎？

在 Portfolio Gallery 小部件中，我們可以過濾三個類別：插圖、產品設計和網頁設計。

我們為項目設計了 9 個初始模型，並詳細闡述了前 3 個。三個項目中的每一個都以不同的方式構建，作品的描述出現在屏幕上的不同位置。

順便說一句，每個模板都可以與 Elementor 的 Theme Builder 和動態內容一起使用，因此可以一鍵將相同的設計立即應用於多個項目。

適合插圖項目，該模板為視覺材料提供了最大的可用空間。 描述文本作為粘性元素整齊地位於屏幕底部。

在這裡，我們看到項目資產出現在左側，描述項目的粘性側邊欄隨著用戶滾動到右側。

我們最近收到了一位用戶的評論，要求提供社交共享浮動側邊欄。 如本模板所示，使用 Elementor 的粘性欄和社交分享按鈕/社交圖標可以輕鬆完成。

是的，我們確實創建了一個網站模板以顯示在網站模板中。 但是，我們並沒有完全“開始”，因為我們網站模板中的網站模板沒有網站模板。

這是一個經典的投資組合項目頁面，沒有粘性元素。 項目描述詳細顯示在頂部，網站設計資產顯示在下方。 頁面被黃色邊框包圍，以將它們與背景區分開來。

請注意，雖然我們將模板指定為特定的設計類別，但您絕不會受到這些類別的限制。 無論您從事哪個領域，在決定模板時都應該問自己的問題是，您的內容是全屏顯示、加框和加邊框還是放在文本解釋旁邊最好。

投資組合網站中的關於頁面通常更加堅實和文字化，將引人注目的視覺效果留給項目頁面。

構建大量文本頁面始終是一個挑戰，尤其是對於面向設計的網站。 這就是我們在整個頁面中構建多個內容佈局的原因。

它從經典部分開始，一側是插圖，另一側是一欄文本。 然後，另一個更清晰的部分具有 3 列內容佈局。 然後又是 3 列，但被推到了右邊。 最後，一個不太常見的結構是左列垂直居中，4 個文本框向右展開。

我們討論了正確獲取您的聯繫信息是獲取潛在客戶的關鍵步驟的一部分。 這是經常被忽視的事情，即使是專業設計師也是如此。 有了這個聯繫頁面，您的訪問者就不會對如何進入下一步並建立聯繫感到困惑。

我們已經提到該網站充滿了視覺內容，這就是我們選擇簡化博客外觀的原因。 這是一個乾淨、簡約的博客佈局，只顯示標題、描述和發布日期。

進入一篇博客文章，我們看到頂部出現了相同的顏色框。

我們傾向於在我們的模板工具包的 404 頁中包含我們最離譜的技巧。 我挑戰你猜猜我們是如何通過互換褲子顏色找到滑動的人的。 （提示：它們實際上是單獨的圖像）。

如果您想不出我們是如何做到的，只需自己插入此模板並通過瀏覽面闆對其進行逆向工程。 那裡有一個 10 分鐘的有趣活動！

如果您想知道我們使用哪個菜單插件來創建彈出菜單，答案是 - 沒有！

它實際上是我們連接到漢堡包圖像的 Elementor 彈出窗口。

查看我們不久前發布的有關構建彈出菜單的教程。

沒有任何藉口。 我不想听到：“我忙於處理客戶的項目”。
使用此投資組合模板進行旋轉並創建一個吸引客戶的誘人網站。

這個模板與前兩個發布的套件有著截然不同的風格：數字代理套件，具有突出的形狀，以及健身套件，具有大膽的色彩和運動。 有了這個工具包，我們追求了一種更加微妙、乾淨和簡約的風格，因為視覺方面應該通過展示的作品來實現。

如何安裝套件？ 如果您擁有 Elementor Pro，那麼您只需進入 Elementor，打開模板庫，然後搜索“Portfolio”即可享受這款尖端套件。