平面設(shè)計(jì)中的圖文搭配指南
文本與圖像搭配的通用技巧,下面就讓我們一起來看看吧:
01.構(gòu)圖
文本與圖像的排列可以成就一份設(shè)計(jì)也可以毀了一份設(shè)計(jì)。文本太小,背景繁雜,或有其他元素降低易讀性,都會(huì)使作品效果大打折扣。文本只是一個(gè)方面,圖片的擺放也尤為重要。所以需同時(shí)注意以下兩個(gè)方面:
圖片的構(gòu)圖。無論是選擇自己攝影還是選擇別人的照片,都要注意照片的留白,畫面背景需留出足夠的空白放置來文字(除非你想添加其他設(shè)計(jì)元素裝飾字體,或者制作精細(xì)的背景,之后我們再討論這個(gè)問題)。案例中的雜志封面是一張有大片的天空的垂直的景觀照。有大片水域或者天空的自然景觀照是放置文本的絕佳背景,簡潔干凈的留白能夠突出文字。
圖文的結(jié)合構(gòu)造了整體構(gòu)圖。相比細(xì)節(jié),設(shè)計(jì)更看重的是整體。即使同時(shí)使用了好照片,好看字體,好文案,如果構(gòu)圖不好,效果也會(huì)大打折扣。構(gòu)圖方法之一是根據(jù)圖片的形狀來擺放文字。
或者嘗試其他的擺放布局,不要局限于將文字放置在一張背景圖片上,文字和圖片可以有很多種組合方式。
02.建立焦點(diǎn)
焦點(diǎn)是一張好的構(gòu)圖的關(guān)鍵。焦點(diǎn)是吸睛的視覺元素,具有引導(dǎo)讀者瀏覽你的設(shè)計(jì)的功能。如果一個(gè)平面設(shè)計(jì)作品中同時(shí)含有文字和圖片,那么焦點(diǎn)只能在文字和圖片中二者選其一,先決定哪一個(gè)更重要,再通過顏色,尺寸,位置或其他手段來突出它。案例中作者用度假景點(diǎn)的照片作為焦點(diǎn),符合了旅游網(wǎng)站的定位。在此設(shè)計(jì)中,度假景點(diǎn)的照片延展到了全屏且顏色最深(其他的設(shè)計(jì)元素都是淺色),自然成為了讀者的第一關(guān)注點(diǎn),同時(shí),垂直線、圖形的使用也吸引了讀者觀看文本。
如果你覺得文字和圖片同樣重要,也可以選擇將它們同時(shí)突出。
03.平衡
畫面平衡也是平面設(shè)計(jì)的一個(gè)重點(diǎn)。想象一下,如果一個(gè)大人和一個(gè)小孩玩蹺蹺板,會(huì)很不平衡,設(shè)計(jì)也是如此,如果某部分過于繁雜會(huì)導(dǎo)致整體畫面不平衡。平衡問題和焦點(diǎn)問題不同,視覺重量大的部分通常會(huì)與其他設(shè)計(jì)部分視覺分離。設(shè)計(jì)元素太紛繁雜亂,或所有的內(nèi)容都擠在了一邊,或擺放出了問題。這些都會(huì)導(dǎo)致畫面失衡。對于一個(gè)只有文字和一張圖片的簡單設(shè)計(jì),比如登陸頁面和書本/雜志封面,畫面平衡很重要:設(shè)計(jì)元素越少,越難布局。
04.圖片選擇
平面設(shè)計(jì)中,圖片有著很大的作用,它能為設(shè)計(jì)奠定背景、基調(diào)和感情。圖片和文字搭配的好,讀者會(huì)輕易領(lǐng)悟到作品的內(nèi)涵。所以,除非你故意想創(chuàng)造些視覺上的矛盾,你最好使用和文字相匹配的圖片。下面是一個(gè)非常有趣的案例,圖片中模糊的形象和放置在男人眼睛上的文字都加強(qiáng)了“偽裝”的主題,正好和書名一樣。這些設(shè)計(jì)共同促進(jìn)了文字和圖片的搭配,它們之間的關(guān)系清晰又有趣,連貫地連接在一起。
05.給你的文字創(chuàng)造一個(gè)背景
如前所述,為你的文本創(chuàng)建一個(gè)易于閱讀的空間是很重要的,有兩種方法可以做到:
選擇帶有空白處的圖像。這又回到了關(guān)于構(gòu)圖的第一個(gè)秘訣。帶有大而清晰的區(qū)域、模糊的焦點(diǎn)的照片是最好的選擇。若文本后的背景精細(xì)復(fù)雜,會(huì)影響讀者閱讀。
編輯或添加濾鏡。當(dāng)你為你的設(shè)計(jì)找到了完美的圖片,但不適合將文本放在其頂部,它也沒有多余的清晰的空間,或者它有很多有趣的細(xì)節(jié)。通過一些小技巧,你仍然可以使用它。
添加一個(gè)圖形:用純色和透明色的圖形只覆蓋背景的一部分,再將文本覆蓋在圖形上。
添加一個(gè)透明的顏色疊加圖層:用透明的顏色圖層覆蓋整個(gè)背景,淡化背景的細(xì)節(jié),再將文本覆蓋在疊加圖層上。
調(diào)亮或調(diào)暗圖像:如果不想在背景上添加別的東西,試著調(diào)亮或調(diào)暗圖像。例如,下面的背景被暗化后,白色的文本凸顯了出來
06.用色彩和對比度提高可見度
不用其他的技巧,顏色和對比度是凸顯文字的好方法。選擇顏色方案有很多方法,現(xiàn)在讓我們來看看有關(guān)搭配文本和圖像的方法。
直接在圖像中取色,應(yīng)用到文字上去。
用對立色會(huì)給設(shè)計(jì)帶來強(qiáng)烈的對比感,視覺效果。你可以在色輪中選擇對立的顏色,如藍(lán)色搭配橙色,或者紫色搭配黃色。
你可以嘗試用顏色達(dá)到對比的效果(如前所述),也可以嘗試通過大小、形狀、位置等實(shí)現(xiàn)對比。下面的明信片設(shè)計(jì)采用了上述所有的對比手法:鮭魚紅和藍(lán)綠色形成顏色對比;文字的大小,字體的選擇形成對比;傾斜彎曲的“ROAD”一詞與明信片中的水平元素形成對比。所有的這些創(chuàng)造了一個(gè)有趣吸睛的作品。
01.構(gòu)圖
文本與圖像的排列可以成就一份設(shè)計(jì)也可以毀了一份設(shè)計(jì)。文本太小,背景繁雜,或有其他元素降低易讀性,都會(huì)使作品效果大打折扣。文本只是一個(gè)方面,圖片的擺放也尤為重要。所以需同時(shí)注意以下兩個(gè)方面:
圖片的構(gòu)圖。無論是選擇自己攝影還是選擇別人的照片,都要注意照片的留白,畫面背景需留出足夠的空白放置來文字(除非你想添加其他設(shè)計(jì)元素裝飾字體,或者制作精細(xì)的背景,之后我們再討論這個(gè)問題)。案例中的雜志封面是一張有大片的天空的垂直的景觀照。有大片水域或者天空的自然景觀照是放置文本的絕佳背景,簡潔干凈的留白能夠突出文字。
圖文的結(jié)合構(gòu)造了整體構(gòu)圖。相比細(xì)節(jié),設(shè)計(jì)更看重的是整體。即使同時(shí)使用了好照片,好看字體,好文案,如果構(gòu)圖不好,效果也會(huì)大打折扣。構(gòu)圖方法之一是根據(jù)圖片的形狀來擺放文字。
或者嘗試其他的擺放布局,不要局限于將文字放置在一張背景圖片上,文字和圖片可以有很多種組合方式。
02.建立焦點(diǎn)
焦點(diǎn)是一張好的構(gòu)圖的關(guān)鍵。焦點(diǎn)是吸睛的視覺元素,具有引導(dǎo)讀者瀏覽你的設(shè)計(jì)的功能。如果一個(gè)平面設(shè)計(jì)作品中同時(shí)含有文字和圖片,那么焦點(diǎn)只能在文字和圖片中二者選其一,先決定哪一個(gè)更重要,再通過顏色,尺寸,位置或其他手段來突出它。案例中作者用度假景點(diǎn)的照片作為焦點(diǎn),符合了旅游網(wǎng)站的定位。在此設(shè)計(jì)中,度假景點(diǎn)的照片延展到了全屏且顏色最深(其他的設(shè)計(jì)元素都是淺色),自然成為了讀者的第一關(guān)注點(diǎn),同時(shí),垂直線、圖形的使用也吸引了讀者觀看文本。
如果你覺得文字和圖片同樣重要,也可以選擇將它們同時(shí)突出。
03.平衡
畫面平衡也是平面設(shè)計(jì)的一個(gè)重點(diǎn)。想象一下,如果一個(gè)大人和一個(gè)小孩玩蹺蹺板,會(huì)很不平衡,設(shè)計(jì)也是如此,如果某部分過于繁雜會(huì)導(dǎo)致整體畫面不平衡。平衡問題和焦點(diǎn)問題不同,視覺重量大的部分通常會(huì)與其他設(shè)計(jì)部分視覺分離。設(shè)計(jì)元素太紛繁雜亂,或所有的內(nèi)容都擠在了一邊,或擺放出了問題。這些都會(huì)導(dǎo)致畫面失衡。對于一個(gè)只有文字和一張圖片的簡單設(shè)計(jì),比如登陸頁面和書本/雜志封面,畫面平衡很重要:設(shè)計(jì)元素越少,越難布局。
04.圖片選擇
平面設(shè)計(jì)中,圖片有著很大的作用,它能為設(shè)計(jì)奠定背景、基調(diào)和感情。圖片和文字搭配的好,讀者會(huì)輕易領(lǐng)悟到作品的內(nèi)涵。所以,除非你故意想創(chuàng)造些視覺上的矛盾,你最好使用和文字相匹配的圖片。下面是一個(gè)非常有趣的案例,圖片中模糊的形象和放置在男人眼睛上的文字都加強(qiáng)了“偽裝”的主題,正好和書名一樣。這些設(shè)計(jì)共同促進(jìn)了文字和圖片的搭配,它們之間的關(guān)系清晰又有趣,連貫地連接在一起。
05.給你的文字創(chuàng)造一個(gè)背景
如前所述,為你的文本創(chuàng)建一個(gè)易于閱讀的空間是很重要的,有兩種方法可以做到:
選擇帶有空白處的圖像。這又回到了關(guān)于構(gòu)圖的第一個(gè)秘訣。帶有大而清晰的區(qū)域、模糊的焦點(diǎn)的照片是最好的選擇。若文本后的背景精細(xì)復(fù)雜,會(huì)影響讀者閱讀。
編輯或添加濾鏡。當(dāng)你為你的設(shè)計(jì)找到了完美的圖片,但不適合將文本放在其頂部,它也沒有多余的清晰的空間,或者它有很多有趣的細(xì)節(jié)。通過一些小技巧,你仍然可以使用它。
添加一個(gè)圖形:用純色和透明色的圖形只覆蓋背景的一部分,再將文本覆蓋在圖形上。
添加一個(gè)透明的顏色疊加圖層:用透明的顏色圖層覆蓋整個(gè)背景,淡化背景的細(xì)節(jié),再將文本覆蓋在疊加圖層上。
調(diào)亮或調(diào)暗圖像:如果不想在背景上添加別的東西,試著調(diào)亮或調(diào)暗圖像。例如,下面的背景被暗化后,白色的文本凸顯了出來
06.用色彩和對比度提高可見度
不用其他的技巧,顏色和對比度是凸顯文字的好方法。選擇顏色方案有很多方法,現(xiàn)在讓我們來看看有關(guān)搭配文本和圖像的方法。
直接在圖像中取色,應(yīng)用到文字上去。
用對立色會(huì)給設(shè)計(jì)帶來強(qiáng)烈的對比感,視覺效果。你可以在色輪中選擇對立的顏色,如藍(lán)色搭配橙色,或者紫色搭配黃色。
你可以嘗試用顏色達(dá)到對比的效果(如前所述),也可以嘗試通過大小、形狀、位置等實(shí)現(xiàn)對比。下面的明信片設(shè)計(jì)采用了上述所有的對比手法:鮭魚紅和藍(lán)綠色形成顏色對比;文字的大小,字體的選擇形成對比;傾斜彎曲的“ROAD”一詞與明信片中的水平元素形成對比。所有的這些創(chuàng)造了一個(gè)有趣吸睛的作品。
上一條:沒有了!





魯公網(wǎng)安備 37081102000519號
掃一掃添加微信
掃一掃添加微信
掃一掃添加微信
掃一掃添加微信
掃一掃添加微信
掃一掃添加微信
掃一掃添加微信