圖像與文字結合的常用技法—圖字透疊

上一期我們跟大家分享了《圖像與文字結合的常用技法——圖字穿插》,我們要介紹另外一種技法,今天logofree君跟大家分享

圖像與文字結合的常用技法——圖字透疊法

文字與圖像以降低透明度或正片疊底等方式與之融合被覆蓋的部分,圖像與文字均為可見狀態——簡潔扁平。

主題:品牌週年慶Brand Anniversary

九週年一9th

精工細紡於細節處展現時尚商務格調,滿足男士辦公、商務、休閒等各種場合著裝需要,時刻彰顯動感與活力。

設計構思

主題是9週年慶,我們這裡弱化折扣信息,主要表現品牌氣質概念,提取關鍵字9為主標題,文字與圖像以透疊的方法結合,使得被文字覆蓋的不可見部分也能若隱若現的呈現在觀者眼前。根據定位字體

選擇具有時尚氣質的黑體和無襯線體,以互補色來烘托華美與現代。

定位

品質、時尚、現代

圖像與文字結合的常用技法—圖字透疊

將模特放入畫面中,可能是品牌創始人,或者是代表品牌氣質的代言人。字體的選擇並沒有固定模式。這裡選擇和圖像感覺類似的字體。與圖像類似,字體也是圖形化的,不同的字體會賦予畫面不同的氣質。通過分析圖像,得出關鍵詞陽剛、簡練、時尚。根據定位,比較適合選擇無襯線類字體。

圖像與文字結合的常用技法—圖字透疊

早期無襯線字體,帶有復古的男性粗曠感,工業與理性的象徵,特點是橫平豎直的比劃處理,更具中性的氣質。因開口處比較小,在遠距離或極小尺寸下會出現開口處粘連的情況,導致文字識別度變差。

圖像與文字結合的常用技法—圖字透疊

具有人情味的人文主義無襯線,特點是大的開口和敞開的字懷。相比帶有機械感的無襯線體而言,非常適合屏幕顯示和遠距離閱讀。線條曲線富於變化,筆畫有書寫的痕跡。

圖像與文字結合的常用技法—圖字透疊

簡潔的幾何類型無襯線字體,沒有任何多餘裝飾。具有簡練的筆畫特徵,給人時尚、前衛與概念的印象。本例我們選用幾何無襯線與圖像進行搭配組合。

圖像與文字結合的常用技法—圖字透疊

從圖像中提取灰色調的紅色,從色相環上看,選擇與之相對的藍綠色作為畫面的副色,將副色提高到明色調來讓兩個顏色和諧的搭配再一起。

圖像與文字結合的常用技法—圖字透疊

修改圖層混合模式,使文字與圖像之間隱約可見,也為文字內部添加

了更多的細節。增強畫面表現力。根據畫面實際情況選擇相應的混合

模式選項,這裡選擇柔光。(在不同軟件中設置稍有差異)

圖像與文字結合的常用技法—圖字透疊

將之前組合好的主體元素置入到畫面當中來,添加底色。選擇灰色調來烘托雅緻與品質感,從模特膚色中拾取色彩,使色彩的出現與畫面當中其他元素和諧的搭配在一起。

圖像與文字結合的常用技法—圖字透疊

接下來我們編排其他文字元素。主體置於畫面中央,將其他文字放於頁面四角空白位置。

圖像與文字結合的常用技法—圖字透疊

經過佈局,我們將文字轉化成色塊,通過點線面的組合搭配、層級之間關係的劃分、以及保持版面的平衡與對比來搭建版面。

圖像與文字結合的常用技法—圖字透疊

人物的臉部與眼睛是畫面中第一視覺焦點。接下來視線會被下方的主標題吸引,隨後會向左上方第二大的元素組移動,之後向右繼續以順時針移動直到右下的標誌停留或繼續向左移動。因為人的自然閱讀順序是從左上到右下。左下角的區域視覺較弱,我們將優先級不重要的元素放在左下。(相對於此版面)

圖像與文字結合的常用技法—圖字透疊

我們將搭建好的版面中色塊按照層級的大小關係替換成相匹配的文字。

圖像與文字結合的常用技法—圖字透疊

這個版面就設計完成了,我們看一下最終效果。

圖像與文字結合的常用技法—圖字透疊法分享完成,圖像與文字結合的常用技法還有一種方法就是置入空間法,我們會在下一期跟大家分享,敬請期待。


分享到:


相關文章: