如果客戶只給你一張圖,讓你做出多個方案來,你會怎樣做?今天給大家分享“一圖多用”,如何最大限度地使用圖片變換出不同的版式風格。關于“一圖多用”,首先要考慮到圖片有多少種處理方式,然后再結合文字編排、構圖布局、色彩搭配以及其他視覺元素進行輔助潤色。(如下圖)
而關于圖片的處理方式,其實可以總結出很多種。例如對圖片的色彩進行調整;或者將圖片轉換為插畫形式;又或者把圖片置入在幾何圖形中等等。甚至圖片的大小、擺放位置、視覺角度以及與文字的搭配等都影響著版面的變化。下面我們來通過一個案例來示范如何進行“一圖多用”。
[SITESERVER_PAGE]案例示范
這是本案的圖文,設計主題是關于一場設計的演講分享會,設計風格沒有限定,要求設計一張H5人物海報。下面會通過4種方式變化出不同的版式。
[SITESERVER_PAGE]
① 置入幾何圖形
[SITESERVER_PAGE]解析:
將圖片置于圓形、三角形、方形或其他不規則圖形中, 文字以居中的方式對齊,圖文以中心構圖編排,配色以藍橙進行互補搭配。細節處理:為了豐富畫面,可以添加細節處理,例如圓形的描邊,文字添加色塊等。
[SITESERVER_PAGE]
② 圖壓文編排
[SITESERVER_PAGE]解析:
將圖片進行漸變映射處理,放大放置版面的右側,標題文字放大放置于版面左側,注意文字之間的字重調整,再以圖壓文的形式編排。細節處理:添加線和背景肌理的素材提升整體的層次感。
[SITESERVER_PAGE]
③ 與色塊結合
[SITESERVER_PAGE][SITESERVER_PAGE]解析:
當畫面出現空洞或單調時,且在沒有其他素材添加的情況下,添加有效的色塊是一種花最少的時間來提高版面率的方式,而且能增加色彩層次,提高畫面豐富感。將多種色塊與圖片進行疊壓能形成豐富的層次感,給予用戶強烈的視覺感受。
④ 簡單的構圖布局
[SITESERVER_PAGE]解析:
[SITESERVER_PAGE]構圖的主要作用是將視覺元素安排在合適的比例上,從而形成平衡的視覺感,因此構圖在海報設計上能起到重要的作用。而海報的構圖方式主要表現為四種:上下構圖、左右構圖、對角構圖和中心構圖。
上圖運用了中心構圖,圖片放置于畫面中央,文字則使用居中對齊,與圖片形成明顯的中心構圖。再搭配紫和綠的互補色進行配色,讓畫面帶有未來主義的視覺感。
[SITESERVER_PAGE]總結:
設計的運用就是舊元素新組合,要學會加減法的技巧運用。即便客戶提供一張圖片又或者一句話,只要將各視覺元素進行合理地編排,把控畫面的視覺平衡,就是一個好的設計方案。不過,道理是這樣說,能不能設計出好的作品,還得需要長期的練習和積累的經驗。
[SITESERVER_PAGE]來源:版式設計很簡單
作者:周妙妍