@RunyuXia ：每次完成了一個項目，將自己的作品上傳到各個平臺或個人網站的時候，心里總會期待這么一幅愿景，作品獲得了很多點擊量，吸引了大量粉絲，成為熱門作品，甚至被推上了首頁……而往往理想是豐滿的，現實是骨感的。如何才能讓這些美好的愿望成真呢？

首先要給自己的作品好好包裝一番，展示作品就像推銷產品一樣，吸睛又耐看的包裝極其關鍵。運用長圖這種形式來包裝作品在視覺上顯得連貫、富有敘事性，讓觀眾更容易迅速地理解作品內容。如果正好你手里有不少完成的作品，何不把它們包裝一下，更上一層樓呢？事不宜遲，趕快來試試這9個技巧吧！

原則一：吸引觀眾

技巧1：魅力頭圖

頭圖就好比故事的開始，好的開場可以吸引觀眾的注意力，提起觀眾的興趣，讓他們對故事接下來的走向產生好奇心，從而留住觀眾。頭圖雖然不一定要驚世駭俗，但怎么也得有幾分高大上的意思。可以放一張全屏的高清大圖作為背景體現整個作品的氛圍和基調。當然大圖要進行一些處理，為的是不讓它太搶眼但又有一定的存在感。?

△ https://www.behance.net/gallery/61486693/Kaola-IOS-app-for-train-tickets-booking

△?https://www.behance.net/gallery/61433905/Mobile-app-for-traveller

?技巧2：亦靜亦動

在合適的地方嵌入 gif 或自動播放的循環視頻，其好處是能讓展現方式變得更自然，不是鄭重其事地把一個視頻端在那讓觀眾去看；更簡潔，讓觀眾不需要點擊即可觀看到視頻；也更生動，若長圖中的內容較多，觀眾容易倦怠，而 gif 或視頻可以充分優化閱讀體驗，提高觀賞性。

△?https://www.behance.net/gallery/55804509/Unight

△?www.behance.net/gallery/51500703/Keenethics-Cosmic-Website-Reconstruction

原則二：豐富多樣

技巧3：打破格局

用相應配色的平行四邊形、三角形、圓形或有機形狀作為大色塊放在背景中能夠有效地打破橫平豎直的單調格局。

△?https://www.behance.net/gallery/53089769/Betta

△?www.behance.net/gallery/54218051/Tappiio-Task-Manager-for-GitLab
?
技巧4：視覺引導

文字內容的位置能起到一個視覺引導的作用，內容不一定要始終對齊在同一側，通過錯開內容對齊的方向，讓觀眾的視線不再是一條直線，而是呈現一個「蛇形」，從而豐富構圖、保持閱讀的趣味性，也讓觀眾在一個畫面中駐足停留，不錯過你精心布置的「設計美景」。

△?dribbble.com/shots/3475885-Homepage-Illustration-For-Abs/attachments/765556

技巧5：沖破邊界

很多設計在排版的時候會把內容放在不同的邊框或色塊里展示，雖然這么做會顯得條理清晰，但看久了難免會有點死板和不連貫。怎么辦？很簡單，只要讓內容沖破邊界的范圍即可，這一點點改動，會讓排版顯得生動許多。?

△?https://www.behance.net/gallery/36442357/Onlime

△?https://www.behance.net/gallery/53549963/TouchTunes-Mobile-App

技巧6：加強層次

通過將主體內容分離，就像 PS 中的圖層一樣，調整它們之間的遮擋關系或添加相關元素來加強層次感，使畫面顯得更加豐富。

△?https://www.behance.net/gallery/60638111/The-Mindfulness-App

原則三：細致入微

技巧7：鏡頭景深

使主體內容保持清晰，讓離鏡頭較近和較遠的物體適當的模糊一些，以此來制造景深，可以給觀眾一種真實的代入感，讓他們覺得他們不只是在一個網頁上觀看你的作品，而是在享受你的作品帶來的閱讀體驗。

△?https://www.behance.net/gallery/38543309/Almanac-Artifex-Part-2

技巧8：虛化投影

虛化投影可以讓內容在畫面里的空間感更強，投影越虛化，物體就顯得離背景越遠。同時還能為整體設計增添不少淡雅氣質。

△?https://www.behance.net/gallery/52541349/Breeze-Voice-only-SNS

技巧9：添加厚度

如果主體是網頁設計或 UI，想讓設計不顯得那么單薄的話，記得給頁面添加厚度或頁數。即使畫面中只有一個頁面也會顯得有一疊，給觀眾一種好像設計了很多內容的錯覺。

△?https://www.behance.net/gallery/53549963/TouchTunes-Mobile-App

△?https://www.behance.net/gallery/36442357/Onlime

總結

通過合理地運用這些技巧對作品進行排版和包裝，用一種賞心悅目的方式來展示作品，能夠有效將作品的優點最大化并讓作品質量提升至一個新的高度。希望這些技巧對大家有幫助，歡迎留言與交流。

「讓你的作品集脫穎而出」

• 《花了7個小時，給你這份超全面的設計作品集制作指南》
• 《過來人經驗！聊聊交互設計師怎么準備作品集》
• 《超贊！面試官到底想看到什么樣的交互設計作品集？》
• 《5個要點教你改造作品集，提高求職成功率！》
• 《學會改作品集之后，我收到的Offer 多了一倍》
• 《作品集準備好了嗎？來看高手為你準備的12個作品集設計技巧》

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備： http://hao.uisdc.com