@RunyuXia :每次完成了一個項目,將自己的作品上傳到各個平臺或個人網(wǎng)站的時候,心里總會期待這么一幅愿景,作品獲得了很多點擊量,吸引了大量粉絲,成為熱門作品,甚至被推上了首頁……而往往理想是豐滿的,現(xiàn)實是骨感的。如何才能讓這些美好的愿望成真呢?
首先要給自己的作品好好包裝一番,展示作品就像推銷產(chǎn)品一樣,吸睛又耐看的包裝極其關(guān)鍵。運用長圖這種形式來包裝作品在視覺上顯得連貫、富有敘事性,讓觀眾更容易迅速地理解作品內(nèi)容。如果正好你手里有不少完成的作品,何不把它們包裝一下,更上一層樓呢?事不宜遲,趕快來試試這9個技巧吧!
原則一:吸引觀眾
技巧1:魅力頭圖
頭圖就好比故事的開始,好的開場可以吸引觀眾的注意力,提起觀眾的興趣,讓他們對故事接下來的走向產(chǎn)生好奇心,從而留住觀眾。頭圖雖然不一定要驚世駭俗,但怎么也得有幾分高大上的意思。可以放一張全屏的高清大圖作為背景體現(xiàn)整個作品的氛圍和基調(diào)。當然大圖要進行一些處理,為的是不讓它太搶眼但又有一定的存在感。?
△ 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 或自動播放的循環(huán)視頻,其好處是能讓展現(xiàn)方式變得更自然,不是鄭重其事地把一個視頻端在那讓觀眾去看;更簡潔,讓觀眾不需要點擊即可觀看到視頻;也更生動,若長圖中的內(nèi)容較多,觀眾容易倦怠,而 gif 或視頻可以充分優(yōu)化閱讀體驗,提高觀賞性。
△?https://www.behance.net/gallery/55804509/Unight
△?www.behance.net/gallery/51500703/Keenethics-Cosmic-Website-Reconstruction
原則二:豐富多樣
技巧3:打破格局
用相應配色的平行四邊形、三角形、圓形或有機形狀作為大色塊放在背景中能夠有效地打破橫平豎直的單調(diào)格局。
△?https://www.behance.net/gallery/53089769/Betta
△?www.behance.net/gallery/54218051/Tappiio-Task-Manager-for-GitLab
?
技巧4:視覺引導
文字內(nèi)容的位置能起到一個視覺引導的作用,內(nèi)容不一定要始終對齊在同一側(cè),通過錯開內(nèi)容對齊的方向,讓觀眾的視線不再是一條直線,而是呈現(xiàn)一個「蛇形」,從而豐富構(gòu)圖、保持閱讀的趣味性,也讓觀眾在一個畫面中駐足停留,不錯過你精心布置的「設(shè)計美景」。
△?dribbble.com/shots/3475885-Homepage-Illustration-For-Abs/attachments/765556
技巧5:沖破邊界
很多設(shè)計在排版的時候會把內(nèi)容放在不同的邊框或色塊里展示,雖然這么做會顯得條理清晰,但看久了難免會有點死板和不連貫。怎么辦?很簡單,只要讓內(nèi)容沖破邊界的范圍即可,這一點點改動,會讓排版顯得生動許多。?
△?https://www.behance.net/gallery/36442357/Onlime
△?https://www.behance.net/gallery/53549963/TouchTunes-Mobile-App
技巧6:加強層次
通過將主體內(nèi)容分離,就像 PS 中的圖層一樣,調(diào)整它們之間的遮擋關(guān)系或添加相關(guān)元素來加強層次感,使畫面顯得更加豐富。
△?https://www.behance.net/gallery/60638111/The-Mindfulness-App
原則三:細致入微
技巧7:鏡頭景深
使主體內(nèi)容保持清晰,讓離鏡頭較近和較遠的物體適當?shù)哪:恍源藖碇圃炀吧睿梢越o觀眾一種真實的代入感,讓他們覺得他們不只是在一個網(wǎng)頁上觀看你的作品,而是在享受你的作品帶來的閱讀體驗。
△?https://www.behance.net/gallery/38543309/Almanac-Artifex-Part-2
技巧8:虛化投影
虛化投影可以讓內(nèi)容在畫面里的空間感更強,投影越虛化,物體就顯得離背景越遠。同時還能為整體設(shè)計增添不少淡雅氣質(zhì)。
△?https://www.behance.net/gallery/52541349/Breeze-Voice-only-SNS
技巧9:添加厚度
如果主體是網(wǎng)頁設(shè)計或 UI,想讓設(shè)計不顯得那么單薄的話,記得給頁面添加厚度或頁數(shù)。即使畫面中只有一個頁面也會顯得有一疊,給觀眾一種好像設(shè)計了很多內(nèi)容的錯覺。
△?https://www.behance.net/gallery/53549963/TouchTunes-Mobile-App
△?https://www.behance.net/gallery/36442357/Onlime
總結(jié)
通過合理地運用這些技巧對作品進行排版和包裝,用一種賞心悅目的方式來展示作品,能夠有效將作品的優(yōu)點最大化并讓作品質(zhì)量提升至一個新的高度。希望這些技巧對大家有幫助,歡迎留言與交流。
「讓你的作品集脫穎而出」
- 《花了7個小時,給你這份超全面的設(shè)計作品集制作指南》
- 《過來人經(jīng)驗!聊聊交互設(shè)計師怎么準備作品集》
- 《超贊!面試官到底想看到什么樣的交互設(shè)計作品集?》
- 《5個要點教你改造作品集,提高求職成功率!》
- 《學會改作品集之后,我收到的Offer 多了一倍》
- 《作品集準備好了嗎?來看高手為你準備的12個作品集設(shè)計技巧》
================明星欄目推薦================
優(yōu)優(yōu)教程網(wǎng): UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎(chǔ)設(shè)計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。
設(shè)計導航:國內(nèi)人氣最高的設(shè)計網(wǎng)址導航,設(shè)計師必備: http://hao.uisdc.com
復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
AI輔助海報設(shè)計101例
已累計誕生 737 位幸運星
發(fā)表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓