前言在版式設計中,圖片作為畫面中重要的元素起到了舉足輕重的作用。一個好的攝影圖會為畫面增色許多。同樣的版式布局,你離高手的距離也許只差一張好圖。本期我們就來探討一下如何選圖,如何將圖片素材運用到好處。 好的圖片都有其基本標準,這三個要素屬于好圖的基本標準,當然還有其他的標準,這里重點講這三點。 清晰上圖的美女圖本身是一張優質的攝影圖,時尚美麗。當我們把清晰度降低之后,特別是到馬賽克階段的時候,質量可謂大打折扣,當然放在設計畫面中也是很不適合的。 完整邊距 >> 左圖中獅子的鼻子已經挨著邊緣,這樣也是不完整的圖片,會造成左邊空間的擁擠。如果一個圖片有明確指向的話,所指方向的空間都要相對大一些,呼吸感會更好,而且更有故事性。 頭頸肩 >> 上圖中乍一看沒有毛病,其實學過素描知識的朋友都知道畫頭像或者半身像的時候,頭頸肩關系是至關重要的。萬萬不可省略,會給人事物不完整的感覺,形成視覺上的不適感。 圖片主體 >> 對比后發現上圖主體的殘缺造成了畫面的不完整性。包括對一個完整圖片裁切的時候也要切忌主體的完整性。 平衡畫面的平衡性決定了畫面最終呈現的效果。這里著重探討圖片本身的平衡性與平衡性在版式設計中的重要作用。 色彩 >> 圖中冷色與暖色的對比,用低明度的藍色與低明度的膚色形成了一個平衡的畫面。色彩飽和度偏低,四角壓暗的部分有一種電影的視角。 色彩/空間 >> 高明度的色彩對比,畫面平衡和諧。傳達出清新文藝的氣息。遠近的對比,遠景模糊與近景清晰,符合現實的視覺感受,拉開了畫面的空間感。 角度/方向 >> 圖中采用了俯視的視覺去羅列五谷雜糧。這樣的視角與常規視角形成很好的對比,趣味性十足,物品的擺放方向也是形成了對比性與一致性,具備很好的平衡性。 單色相 >> 一輪血紅的圓月懸掛天際,漆黑的環境,營造了一種特殊的效果,感覺如狼人變身,如吸血鬼來臨等等。這種單色相的對比往往用于突出某個主體,在版式設計中也往往能出不錯的視覺效果。 剪影 >> 遠處的天空與近處人物的剪影形成了一個很好的對比。這種對比手法常用作青春系列,懷舊系列。主要用作追憶的情景,引發人的共鳴,或忘事,或青春,或愛戀。 圖片的種類有很多種,優質的圖片也是不計其數。當我們接到一個項目的時候應該選擇什么樣的圖片比較合適? 答:符合項目調性的圖片。 下面我根據一個實例探討一下如何根據圖片變換版式。如何用逆向思維根據圖片本身的氣質去布局版式設計。 案例實操接到一個項目,先要仔細分析文案信息。提煉出信息中的關鍵詞:紅酒/葡萄/南澳/品質等。(我個人經常在攝圖網上去找圖,此處不是廣告。) 篩選出這幾種圖片,有深色系,淺色系,統一的色調與對比的色調。接下來就是對圖片進行巧妙的運用。看看不同的圖片對我們的版式設計會有什么樣的視覺感受。 單色相 >> 上圖在氣質上偏向于復古與歷史感。如標題所述的含義比較一致。設計手法上可以傾向于單色相對比的手法去展開設計。 主標題 上帝創造世界的時候,他第一句話說的其實是“要有西拉子” ( 襯線體氣質偏向于文化,古典類,這里就選用了華文中宋) ( 主信息被分成了三行,“要有西拉子”作為一級主體所占比例最大。但是這樣仍然有一些生硬。接下來讓其再次對比變化) ( “要有西拉子”運用錯位的方式增加主體靈活度,另復制一個與其產生虛實與大小對比,更好的拉開空間,既能很好的彌補錯位后空間的失衡,又能深化主題。) ( 這一步用顏色對比的方式深化層級,選用酒紅色不言而喻。紅酒嘛,對應主題。) 圖片位置關系 >> 圖片在版面中所占比例為1.618:1(黃金比例),當然也可以采用其他數學比例。這是不限定的,根據版面而定。 網格系統規范 >> 運用網格系統進一步規范確定各層級負空間的比例關系(一般比例關系為整數倍最佳)。 完善裝飾元素 >> 把裝飾類的元素,如logo,小圖標等放在相應的位置并用網格系統規范好比例。 去色 >> 在開頭我們就講到了這個圖片本身傳達的氣質,選擇用偏單色相的方式去設計。主標題的酒紅色與圖片形成很好的對比性。 嵌入圖片 >> 把圖片按照合適的方式裁切,放置在畫面中,裁切的時候盡量保證主體明確,圖片中層級明確一些,如此張圖,不要裁切的都是小桶或者都是大桶。拉不開空間,好圖也會裁切成普通的素材。 色彩搭配 >> 最后一步,用明度稍低的土黃色去深化整個畫面的氣質。“要有西拉子”虛字部分調整為亮白色。 色彩 >> 上圖的整體色調偏暗色系,明暗對比,色彩的互補對比都相得益彰。畫面調性為典雅,沉穩。設計的色彩搭配可與圖片本身保持一致。 圖片位置比例 >> 圖片在上下位置上正好在九宮格的視覺重心與黃金分割點,確定了圖片的位置空間。 網格系統規范 >> 運用網格系統進一步規范各層級的位置布局。 色彩搭配 >> 采用事先從圖片上提取的色彩搭配背景與字體的色彩,色調上統一和諧。原來紅色小字 ”要有西拉子“ 根據需要去除,更為簡約。 角度 >> 圖1圖2都是特殊視角的圖片,諸如此類圖往往會傳達出趣味與新鮮性,給人耳目一新的感覺。兩個都比較合適,暫且選擇圖1展開設計。 圖片位置比例 >> 圖片在上下位置上正好在九宮格的視覺重心,圖片橫向所占比例為2:1,確定了圖片的位置空間。 網格系統規范 >> 運用網格系統進一步規范各層級的位置布局。 延展元素置入 >> 延展的圖形分別放置在相應的位置,可以加強元素之間的聯系性。 色彩搭配 >> 由于圖片本身的顏色比較柔和,吸取圖片上的過渡色作為背景色,主體字用統一的色系就行(雖然這個方法有點老套,但是卻是比較實用,特別對于新手設計師而言,方向不會跑偏)。 效果圖總結 |
|