展示您的在線作品集的想法
已發表: 2017-05-23在線作品集大多以內容為導向,用戶必須主動瀏覽網站。 你的目標是清楚地展示你的作品並鼓勵用戶點擊。
在這篇文章中,我想分享一些技巧來幫助訪問者更深入地了解您的作品集。 有許多不同的方法可以做到這一點,有些人只是添加靜態頁面,而另一些人則添加幻燈片和完整的案例研究。
當然,您所做的工作類型將在您的網站設計中發揮作用。 但這些技巧是通用的,可以應用於網絡上的任何投資組合網站。
動態類別
如果您從事許多不同類型的工作,您應該嘗試在您的作品集頁面上添加動態排序標籤。 這使訪問者可以瀏覽他們想要查看的作品,而不是瀏覽您所做的一切。
例如,數字設計師可能有許多不同類型的工作,每個作品集條目可能會展示不同的技能。 這些類別可能會像這樣分解:
- 身份設計
- 圖標設計
- 網站
- 移動應用
- UI/UX 線框圖
如果您創建動態類別,則訪問者可以單獨瀏覽每個類別。 這使得瀏覽網站變得更快,並且是展示作品集的最有力方式。
Hero 主題是這個類別排序的一個很好的例子。 主要的投資組合頁面使用頂部附近的小標籤鏈接來組織不同的項目風格。
當用戶單擊類別鏈接時,投資組合會自動隱藏除添加到類別中的項目之外的所有項目。 所有這些都由後端的 WordPress 控制,因此您只需將項目添加到您的站點並相應地組織它們。
默認情況下,許多 WordPress 組合主題都帶有這些功能,它們非常棒。 您可以在 Beckett 主題中看到另一個使用簡單文本鏈接的示例。
但請注意,這兩個示例基本上都是全屏設計,並且作品集占據了頁面上的大部分空間。
動態類別在易於使用且易於瀏覽時效果最佳。 這些示例提供了一個很好的起點,如果它們符合您的設計風格,您甚至可以將這些主題用於您自己的網站。
項目照片幻燈片
絕大多數項目幻燈片被用作投資組合項目頁面上的額外元素。 因此,這些幻燈片在頁面中添加了一定程度的細節,您可以通過單擊按鈕瀏覽照片。
我喜歡幻燈片,因為它們提供了對工作流程的一瞥,而不會佔用太多空間。 但是您應該謹慎使用它們。
有時訪問者更喜歡一個縮略圖庫來一次瀏覽所有內容。 但是,如果幻燈片不是太大並且沒有太多幻燈片(假設 15 歲以下),幻燈片就有它們的位置。
Bramble 支持作品集頁面上的圖像幻燈片,並且它們也完全響應。 這使您可以快速瀏覽照片,並且它有兩種不同的導航方法:
- 左/右箭頭
- 每張幻燈片的點導航
智能手機用戶仍然可以輕鬆瀏覽此幻燈片並獲得完整效果。 但也有關於縮略圖的爭論,因為用戶可以點擊放大照片。
您理想的投資組合幻燈片取決於您所做的工作類型。 如果您的鏡頭可以水平放入滑塊中,那麼一定要考慮在您的項目頁面中添加一個。
或者您甚至可以像在 Oshine 主題中一樣在您的主頁上添加一個。 特別是這個演示室內設計和建築。
這種獨特的風格非常適合攝影師、數字設計師和數字藝術家。 這些工作風格往往相當大,非常適合全屏幻燈片。
主頁滑塊會立即吸引註意力,因此它們還有助於一目了然地準確銷售您所做的事情。
只需確保您閱讀了一些關於輪播的內容,以了解導航和自動轉發的一些最佳實踐。

模態框
這是我展示作品集作品的首選技術。 模態窗口框顯示在頁面的“頂部”,下面的內容變灰。
這通常以圖像庫的形式出現,用戶可以在其中一次單擊(或滑動)許多項目圖像。 由於模態窗口出現在頁面頂部,因此它可以佔據整個頁面,而不會因新標籤而煩擾用戶。
ThemeForest 上的 Vitae 主題就是一個很好的例子。 它在每個投資組合項目頁面上都帶有燈箱模式,您可以單擊以查看圖像的更大視圖。
我個人更喜歡較暗的背景,因為這確實增加了模態窗口和內容之間的對比度。 Vitae 等一些主題使用較淺的背景,這也很好用。
目標是通過在整個頁面上方強制此模式來增加用戶參與度。 當您使用模態彈出窗口執行此操作時,它可能會非常煩人。 但是當用戶期望它時,它對於投資組合內容的效果出奇的好。
我主要推薦這用於畫廊項目,您有很多照片要在一個系列中展示。 深色模態窗口還可以顯示完整的投資組合項目,例如 Honshi 主題。
如果您有一系列照片放在一組中,請考慮使用模態幻燈片運行它們。 或者,如果您是一名設計師,您可以將工作的不同階段添加到幻燈片中,就像從開始到結束的進度一樣。
任何類型的視覺作品集網站都可以從模態窗口中受益。 您只想找到具有此功能的作品集主題並將其自然地包含到您的項目頁面中。
整頁案例研究
在你的作品集中添加一些書面內容總是好的。 通過這種方式,訪問者可以了解項目的情況、您所做的工作以及您是如何從最初的規劃階段過渡到完成的。
案例研究是展示項目全貌的最佳選擇。 頁面上自然應該有很多照片,但也包括個人軼事和分解整個創作過程的列表。
訪客想了解更多關於您所做的事情。 這些案例研究建立信任,並將您展示為該主題的權威。
曼陀羅是一個很好的主題,展示了簡單的案例研究可能看起來多麼簡單。
頂部包括項目的示例照片以及項目日期、類別、客戶名稱和簡要項目概述等額外詳細信息。
讓讀者有機會窺視幕後,並更多地了解您的工作。 視覺效果有所幫助,但它們只顯示了故事的一部分。
通過撰寫案例研究,您可以解釋您的常見問題以及您如何解決這些問題,以及您想出很酷的想法的頭腦風暴過程。
如果您從事攝影,那麼您可能沒有太多可寫的東西。 然而 Dazzle 主題表明,只需一點點內容就可以走很長的路。
他們的作品集主題有幾十種風格。 有些人對項目的信息很少,有些人在項目頁面上有更多詳細信息。 但無論哪種方式,您都可以通過查看該主題提供的多種樣式來學到很多東西。
進行案例研究,真正讓它們成為你自己的。 添加足夠的信息以使它們對訪問者有價值,而無需編寫完整的論文。
包起來
展示你的作品集並不總是那麼簡單。 它因工作類型和您擁有的項目數量而異。
但我上面列出的趨勢幾乎適用於從圖形設計到攝影、動畫、UI 工作或其他任何東西的所有方面。 自定義幻燈片、類別排序、模式窗口和案例研究都可以從根本上提高您的投資組合網站的參與度。
如果您還沒有創建自己的作品集網站,您應該查看我們關於如何構建 WordPress 作品集網站的文章,其中我們解釋瞭如何為您的在線作品集設置託管和主題。