本文由Fotor小編傾情撰寫、整理。

歡迎移步Fotor國內(nèi)版fotor，F(xiàn)otor-免費的一站式平面設計、圖片編輯和拼圖工具，幾分鐘快速完成平面設計與圖像處理！

-------------------------------------------------------------------------------------------

設計是為了達成某一目的而對元素進行的有序排列。

做設計的時候我們總需要從某一個地方開始下手，而背景正是我們設計的源頭。紋理和顏色幫助我們塑造層次感和對比度，使我們的設計從諸多作品中脫穎而出。拼接圖片可以為我們提供擺放文字的空間來傳遞信息。正確地使用背景可以為我們的設計塑造正確地氛圍，還為我們文字提供視覺支撐。

選擇不同的背景圖片可以完完全全地改變你的設計，也可以使你的設計更加完整。

顏色可以用來吸引觀眾，同樣地，圖片也不單單是一個擺設。在背景上正確地使用圖片，也可以打造出很好的效果。

接下來，我們將告訴你如何用正確地使用如紋理、顏色、漸變等技巧打造背景圖片。

1. 純色背景

回歸本質(zhì)。用單色的背景是十分有效的打造簡單背景的方式。使用這個方法的時候，最重要的是記住你想要打造的感覺是什么樣的。一組很深的和很淺的顏色或是兩個相反的顏色，可以令人印象深刻。而一組淺色的組合則可以打造更柔和、平靜的效果。

用更淺一些的顏色作為背景并不意味著犧牲文字的清晰度。為了充分利用淺色背景，可以使用比較深的字體顏色，比如深灰色，來增加對比度。

提示: 利用同一色系的兩種不同的顏色（這里我們使用了兩種淺色）打造一個和諧的背景，也達到了視覺效果的統(tǒng)一。

2. 純色背景，高對比度

色調(diào)分離可以為你的色彩設計增加沖擊力，使用對比度較大的顏色可以使你的設計更加引人注目。下圖的設計(一般被稱為扁平化設計)，適合用來做廣告上的內(nèi)容，比如凸顯某一個局部。

在深色背景上使用亮麗的顏色可以很好的吸引人們的注意力。深色的背景使淺色的內(nèi)容更加突出。在圖標和按鈕上使用更亮的顏色，可以使人們更想去點擊它們。

除此之外，你還可以同時使用兩種明亮的顏色打造出一種現(xiàn)代化的設計風格。選擇兩種相反的顏色來保證強烈的對比度。

提示: 不要選擇太多顏色。試著選擇兩種以內(nèi)的顏色來打造最佳的效果，以免破壞整體的視覺效果。

3. 紋理

紋理的關鍵就是只有有限的幾個顏色和簡單的組合。你肯定不希望背景中的紋理奪走其他內(nèi)容的注意力。所以，紋理要盡量小一些以不至于吸引其他內(nèi)容的注意力。

可以使用紋理打造紙或是毛坯的效果。就像上面的這一張背景，就是循環(huán)紙的效果。

這種特效很適合在制作電子邀請函(放在郵件中或是社交媒體中)。紋理可以使圖片增加真實感，就像可以摸到的一樣。

提示: 如果你想使你的紋理看起來更加自然，不妨使用手寫或是像刷子一樣的字體。紋理的目的是打造一種層次感的效果，增加文字和背景之前的空間。

4. 漸變

漸變很適合應用在數(shù)字產(chǎn)品或是打印成品上。漸變的美妙之處在于它可以結合幾乎所有的顏色，無論是中性的或是鮮艷的顏色。漸變永遠都是一個很好的選擇。

與純色背景相比，漸變色是一種更微妙的選擇。放射性漸變和線性漸變，可以在你的設計上打造出完全不同的效果。漸變的方向直接影響觀眾注意的位置。

設計的一個重要的目的就是通過顏色、文字和其他元素提供與交流與傳遞信息。

上圖是一個很好地使用漸變打造的設計。在漸變的背景上只使用一種顏色可以牢牢地抓住觀眾的眼球，還給設計留下了很多的空間。

5. 使用一張圖片

在背景中使用一張圖片可以很好地吸引觀眾，還可以輕松地將背景和文字聯(lián)系起來。當放置文字和其他元素時，要時刻記得圖片的細節(jié)。

圖片上的空白空間適合用來放置文字。記住，所有的設計都是深思熟慮的，不要讓你的文字隨意地擺放在圖片上。對圖片適當?shù)倪M行剪裁，直到你找到最適合用來放置文字的位置。

6. 使用圖形

圖片的細節(jié)越豐富，你在上面放置的元素就要越簡潔。如果你的背景和你的前景一樣很豐富的話，你的視覺層次就會很亂。這樣會使與觀眾的交流更加麻煩。

一個可以避免這一點的方法就是在文字下方使用圖形來保證文字的可閱讀性。對于那些在圖片上直接放置文字不那么自信的人，這個方法很受歡迎。

提示: 使用與背景圖片相近的顏色作為圖形顏色，這樣可以保證文字清晰可見。圖形在功能和排版上都可以做出貢獻。

7. 透明度

圖像設計中我們可以做很多事，不過有的時候最好的解決辦法恰恰是最簡單的那一個。增加背景的透明圖，降低背景的細節(jié)，可以使文字更易于閱讀。在使用這一方法的時候，最容易出現(xiàn)的問題就是調(diào)的太過了。

調(diào)整透明度使文字更便于閱讀的同時也要主要不要使背景完全失去風采。

提示: 使用蒙太奇使你的設計提示一大步——再放置一次你在背景中使用的圖片，并提高它的透明度。一定要注意提高亮度保持文字的可閱讀性。

8. 模糊

在使用圖片作為背景時，經(jīng)常會出現(xiàn)圖片細節(jié)過于豐富致使無處放置文字的情況。有兩種常見的方法你可以使用:一是在圖片上再覆蓋一個圖層，二是添加模糊效果。根據(jù)具體情況使用這兩種方法。

模糊是在背景上強調(diào)文字的很好的方法。模糊的關鍵是保留原有的紋理和細節(jié)，所以盡量選擇有著有趣的背景圖片。在添加了模糊的特效后，你可以試著對圖片進行一些有趣的剪裁，為文字提供更好的放置位置。

9. 加入一個彩色圖層

另一個降低背景細節(jié)的方法就是插入一個圖層。你可以使用很多方法加入一個新圖層——加入一個簡單的黑色或是白色的圖層，調(diào)高他的透明度使文字更易于閱讀，還可以增加對比度。

或是加入一個彩色的圖層，這個方法可以很好地融合品牌的顏色。選擇圖片時注意顏色一定要有細微的差別。

仔細地觀察背景圖片的排版并進行剪裁。保證文字放置在正確的位置（就像上圖中的海浪），在較暗的背景上放置比較亮的文字。

10. 留白

排版是設計中最被看中的基礎元素之一。設計中元素的排版對讀者的閱讀體驗有很大的影響。所以，在設計中可以充分利用排版的優(yōu)勢。

上圖是對留白方法的很好的應用。留白區(qū)域周圍的物體吸引人們的注意力到文字上，黑色和白色的應用也可以增加可讀性。

11. 圖案

在背景中應用圖案很有趣。但是與其他許多的方法類似，一定要注意你的排列方法。確保圖案不會轉移觀眾的注意力。圖案可以用來放置文字，也可以將文字拼出圖案的形狀。幾何圖案可以塑造線條，使文字的排版更加簡單。

12. 插畫

插畫可以提供交互式的體驗。插畫的另一個好處就是可以更好地和文字匹配。對于更年輕的觀眾來時，插畫的設計更具趣味性，與其他設計方法相比也更清晰。

插畫很容易就會喧兵奪主。為了避免這一點，在放置時可以使用三分法。充分考慮層次和結構至關重要。

下圖中的文字置于中心的位置，使信息能夠更好地傳遞，盡管圖片中插畫站了更多的空間。

13. 空白

永遠不要破壞簡單的空白空間。如果你感覺你的設計過于擁擠或是元素太多了，那就把它改的簡單點兒吧。

我們總是為了填滿空間而增加元素。把空白空間視為一個提高質(zhì)感和吸引注意力的工具。作為目前的流行趨勢，極簡設計要求我們在其他元素上做出更多努力。

14. 使用網(wǎng)格

使用網(wǎng)格打造一個可以將元素分開放置的精美排版。這是一個很好的方法，也為我們提供了發(fā)揮想象力的機會。

使用圖片中的顏色填滿排版中的剩余空間是聰明的做法。再配上與背景色相反的字體顏色。

上圖使用了柔和的配色，配上淺灰色填滿空格子。這樣放置文字的地方就會更加突出。

設計時可以先不用考慮文字。使用相似的圖片共同打造一個網(wǎng)格設計。對每張圖片進行剪裁使它們可以更好地融入到整個圖片中。

圖片的魅力在于它們可以撐起你的整個設計。我們在設計時不單單是拖過來一張又一張的圖片而是利用空間、圖片的排列組合，打造更精美的排版。

無論是純色或是模糊或是增加透明度或是其他都只是一個概念，都需要你來在設計中實際應用它們，并針對不同的情況進行適當?shù)恼{(diào)整。

我們希望上面這些設計方法可以給你提供一些新想法，使你的設計更上一層樓。和往常一樣——祝君設計愉快！

-------------------------------------------------------------------------------------------

更多設計素材、創(chuàng)作靈感請訪問Fotor國內(nèi)版 fotor

Fotor-免費的一站式平面設計、圖片編輯和拼圖工具，幾分鐘快速完成平面設計與圖像處理！

本文由Fotor小編傾情撰寫、整理。如需轉載，可直接評論或郵件至info@fotor。

無論是企業(yè)宣傳，還是網(wǎng)站搭建，網(wǎng)頁設計，都離不開海報、banner設計，今天美橙互聯(lián)小編給大家?guī)硪徊ㄍ饩W(wǎng)的海報設計案例，其圖文結合方式均十分具有創(chuàng)意，排版布局十分出彩，希望能給你帶來更多設計靈感！

01

書法標題排版時盡量拆開每一個字去排

左圖的文字為輸入法直接輸出，右圖則是每一個字拆開單獨去排版，對比之下右側的文字通過大小和位置上的變化，使得排版更加錯落有致，整體性更強。（也更能表達出作者想吃雞腿的決心）

02

在合適的場景給素材增加溢出的暖光

右圖中心的暖光起到畫龍點睛的作用，會讓瀏覽者感覺到畫面更加鮮活溫暖，畢竟有陽光的地方總是充滿生機。

03

段落性的內(nèi)容排版，請優(yōu)先考慮易讀性

字號、顏色、行距等等，都是基于能夠讓瀏覽者更易閱讀的角度出發(fā)；在設計時考慮給出重點文字及鏈接文字的配色方案，讓文字層級更加明朗。

04

讓交互元素更加生動

結合游戲本身，對頁面中的交互元素進行更加形象化的設計，不僅可以增加頁面的趣味性，也可以直接刺激瀏覽者的點擊欲望。

05

文字疊加材質(zhì)時避免出現(xiàn)過曝現(xiàn)象

同樣的材質(zhì)，文字顏色取自同一色系，但是飽和度和明度上的差異，導致最終呈現(xiàn)效果的差異。材質(zhì)過曝不一定只由文字的色彩決定，有時也跟材質(zhì)的疊加模式有關，這個平衡點需不斷嘗試。

06

適當?shù)卦黾忧熬坝兄诶_空間感

右圖中通過添加兩側前景的樹無疑讓畫面的縱深感更強了，通過這樣的處理，能讓瀏覽者明顯感覺到右圖中的人物離我們更遠一些。

07

背光時可嘗試給文字增加透光效果

右圖中，文字增加透光效果后能讓人感覺到文字與整體畫面的聯(lián)系。文字是受到背光影響的，感覺呼吸性更強了，而不是直愣愣地丟在畫面中。

08

多人組合時，利用周圍環(huán)境元素去進行人物層次的區(qū)分

多人組合時，如果不人為地進行層次區(qū)分，會給人感覺素材重疊嚴重，畫面平坦沒有景深。合理地利用周圍環(huán)境中的光、云、煙霧等元素，可以很好地對畫面的主體元素進行層次上的區(qū)分。

09

豎排文字時要注意正確的閱讀順序

古文中文字豎向排版時，閱讀方向為從上至下，從右到左。通常情況下還是按照正常的閱讀順序去進行排版。（PS直排文字工具輸入時也能體現(xiàn)）

10

學會給場景中的素材添加環(huán)境色

未經(jīng)的原畫怎樣才能跟場景融合？添加環(huán)境色是必不可少的。不知道應該怎么添加？建議你找找類似場景的照片去進一步觀察。

11

學會給場景中的素材添加環(huán)境色

這部分很好理解，網(wǎng)頁是傳達信息的，不止是單純讓你關注畫面的。弱化場景后，人物、文字以及按鈕能，都能得到進一步的突出。（模糊是比較常用的一種方法）

12

給文字做效果時應首先基于文字的識別度

同樣的文字效果，右圖暗色背景下要明顯好于左圖亮色背景，左圖考慮的不應該是如果讓文字更有質(zhì)感，而是先搞清楚文字配什么顏色識別度更高。

13

試著讓畫面中的元素關聯(lián)起來

右圖中通過添加人物投影，讓人物和圓盤之間產(chǎn)生了聯(lián)系。雖然只是一個很不起眼的小細節(jié)，但是往往就是這些小細節(jié)，決定了你畫面的高度。

14

修飾類元素不要影響主體的識別度

綠葉、花瓣、碎石、火焰等類型的元素，只是起到進一步烘托氛圍的作用，切勿本末倒置，讓其搶了主體的風頭。

15

盡可能讓LOGO能夠清晰地展現(xiàn)

LOGO最為一款游戲最直觀的視覺標識，雖然不能直接對其進行修改，但是可以通過調(diào)節(jié)其附近的元素，使LOGO得以清晰呈現(xiàn)。

無論PPT設計怎樣翻新出奇，文字和圖片總是它不可脫離的兩種重要元素。同樣是圖片與文字的搭配，為什么有些PPT極具設計感，而有些卻平平無奇呢？二者的巧妙搭配是原因所在。

接下來，小編為你盤點幾類給人設計美感的作品，希望能為你帶來一絲靈感。

一、選擇：協(xié)調(diào)統(tǒng)一的風格

字體首先是一種圖形，然后再是可承載信息的文字，因此，當你挑選一款字體來搭配圖片的時候，你需要集中去觀察文字的形態(tài)特征是否和圖片協(xié)調(diào)。

在挑選字體之前，首先觀察圖片里的形態(tài)特征。如果配圖是以插畫的方式呈現(xiàn)，那么插畫里的風格細節(jié)，以及此類風格所表達出的年代感和空間氛圍，都提供給你挑選與其所搭配字體的依據(jù)。比如英文中的無襯線體通常較為現(xiàn)代，而襯線體較為古典。

如上配圖是類似卡通插畫的曲線造型，因此，與此搭配的文字采用了Adelle無襯線體，可以看出字體中的圓弧處理和配圖中曲線的流轉造型相呼應。

又如上圖中這臺機器看上去極具80年代的機械感，而這種造型也營造一種技術世界里的懷舊感，因此像素文字最適合與此相搭配。

在上面這一構圖中，圓圓的字母中空的部分填實為其增加了可愛感，它與配圖的角色形象風格相吻合。

二、運用：字距和行距

字（行）距的調(diào)整不僅僅是為了閱讀需要。在設計師獨具匠心的操控下，它也能成為增添作品設計感的一大利器。在不同的實際運用場合，我們可以通過對字距、行距的調(diào)整，達成所需效果。

例如在大型展示中，字體的距離總是以相互靠近為佳，因為字體本身已經(jīng)占據(jù)了足夠的空間，如果再在字體間增加空間就會讓整個空間被填滿。與此同時，配圖也是以較為集中感的方式展示，所有箭頭真是“萬夫所指”，因此字距縮小，略有集中感。

而相對較小的字體，略帶輕松和閑適，與此搭配的圖片也是一堆木材，聯(lián)想到木匠的自然愜意感。

在中文的世界里同樣適用，然而不同的是，中文字體的距離應該更加遠一點，以保持單個字體的獨特展示度。因為中文的每個單字都可以看成一幅圖畫，擁有一定的意境。

厘清字體的字距所創(chuàng)造的疏密，行距帶來段落的灰度幾何，配合字體本身的展示形態(tài)，你才能更好的選擇并運用與此相稱的配圖。多了解字體，對不同風格的字體的形態(tài)有大致的了解，在使用時才不會手忙腳亂去盲目找尋適合的字體。同時，記得為自己建立一個字庫，擁有足夠的選擇，才會在圖文搭配時得心應手。

原文地址：ifeiwu

標志設計要選擇適當?shù)囊环N字體相匹配。如政府的logo，就需要一個更正式的字體可能會使用大寫字母或小型大寫字母。兒童服裝店的字體可以使用更輕松，友好的有趣的字體，使用小寫字母。盡量不要選擇過于時髦或生疏字體，以免嚴重損害的標志的識別。

一個成功的標志設計的關鍵，深謀遠慮的研究和規(guī)劃而構思設計永遠是最重要的。最終的結果應該是一個適當?shù)姆?，標識，并清楚地傳達產(chǎn)品或服務。

一個好的logo是與眾不同的，有效的標志背后往往是一個概念或“意義”，它不僅包含單純性的指示和識別作用，而且還表明了目的、內(nèi)容、情感和性質(zhì)等特征。

在標志設計中文字與圖形元素總是緊密配合，只有恰當?shù)淖煮w與圖形搭配時才能發(fā)揮最大的視覺效果。這也意味著你不能拋開圖案，只是一廂情愿地選擇你自己喜歡的某種字體。

每個人都有自己喜歡使用的字體，但你喜歡的字體并不可能在任何時候都適合使用。只有樣式特點與合適的圖案相結合時，才能發(fā)揮出字體的力量感。有時候你無意中看到某種字體便一見鐘情，希望立即就將這種字體用在你自己的設計上。但在你決定使用之前，你是否了解這種字體的線條、形狀及細節(jié)是否也適用于其它的設計上呢?我們?nèi)绾巫鞒鰶Q定?有時觀察一種字體就象在觀察一個人的面孔。雖然每個人都有著相同的五官，但我們往往是通過一些細節(jié)來辨認某個人的，如眼眉，嘴唇及性格等。同樣的，我們需要讓某種字體與其它元素互補時，才能真正發(fā)揮字體的個性及魅力，否則你使用的字體可能會顯得不合事宜，或者僅僅是有趣而已。

無論PPT設計怎樣翻新出奇，文字和圖片總是它不可脫離的兩種重要元素。同樣是圖片與文字的搭配，為什么有些PPT極具設計感，而有些卻平平無奇呢？二者的巧妙搭配是原因所在。

接下來，小編為你盤點幾類給人設計美感的作品，希望能為你帶來一絲靈感。

一、選擇：協(xié)調(diào)統(tǒng)一的風格

字體首先是一種圖形，然后再是可承載信息的文字，因此，當你挑選一款字體來搭配圖片的時候，你需要集中去觀察文字的形態(tài)特征是否和圖片協(xié)調(diào)。

在挑選字體之前，首先觀察圖片里的形態(tài)特征。如果配圖是以插畫的方式呈現(xiàn)，那么插畫里的風格細節(jié)，以及此類風格所表達出的年代感和空間氛圍，都提供給你挑選與其所搭配字體的依據(jù)。比如英文中的無襯線體通常較為現(xiàn)代，而襯線體較為古典。

如上配圖是類似卡通插畫的曲線造型，因此，與此搭配的文字采用了Adelle無襯線體，可以看出字體中的圓弧處理和配圖中曲線的流轉造型相呼應。

又如上圖中這臺機器看上去極具80年代的機械感，而這種造型也營造一種技術世界里的懷舊感，因此像素文字最適合與此相搭配。

在上面這一構圖中，圓圓的字母中空的部分填實為其增加了可愛感，它與配圖的角色形象風格相吻合。

二、運用：字距和行距

字（行）距的調(diào)整不僅僅是為了閱讀需要。在設計師獨具匠心的操控下，它也能成為增添作品設計感的一大利器。在不同的實際運用場合，我們可以通過對字距、行距的調(diào)整，達成所需效果。

例如在大型展示中，字體的距離總是以相互靠近為佳，因為字體本身已經(jīng)占據(jù)了足夠的空間，如果再在字體間增加空間就會讓整個空間被填滿。與此同時，配圖也是以較為集中感的方式展示，所有箭頭真是“萬夫所指”，因此字距縮小，略有集中感。

而相對較小的字體，略帶輕松和閑適，與此搭配的圖片也是一堆木材，聯(lián)想到木匠的自然愜意感。

在中文的世界里同樣適用，然而不同的是，中文字體的距離應該更加遠一點，以保持單個字體的獨特展示度。因為中文的每個單字都可以看成一幅圖畫，擁有一定的意境。

厘清字體的字距所創(chuàng)造的疏密，行距帶來段落的灰度幾何，配合字體本身的展示形態(tài)，你才能更好的選擇并運用與此相稱的配圖。多了解字體，對不同風格的字體的形態(tài)有大致的了解，在使用時才不會手忙腳亂去盲目找尋適合的字體。同時，記得為自己建立一個字庫，擁有足夠的選擇，才會在圖文搭配時得心應手。

原文地址：ifeiwu