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

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

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

設(shè)計是為了達(dá)成某一目的而對元素進(jìn)行的有序排列。

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

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

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

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

1. 純色背景

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

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

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

2. 純色背景，高對比度

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

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

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

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

3. 紋理

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

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

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

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

4. 漸變

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

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

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

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

5. 使用一張圖片

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

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

6. 使用圖形

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

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

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

7. 透明度

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

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

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

8. 模糊

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

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

9. 加入一個彩色圖層

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

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

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

10. 留白

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

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

11. 圖案

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

12. 插畫

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

插畫很容易就會喧兵奪主。為了避免這一點(diǎn)，在放置時可以使用三分法。充分考慮層次和結(jié)構(gòu)至關(guān)重要。

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

13. 空白

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

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

14. 使用網(wǎng)格

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

在上面這一構(gòu)圖中，圓圓的字母中空的部分填實(shí)為其增加了可愛感，它與配圖的角色形象風(fēng)格相吻合。

二、運(yùn)用：字距和行距

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

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

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

在中文的世界里同樣適用，然而不同的是，中文字體的距離應(yīng)該更加遠(yuǎn)一點(diǎn)，以保持單個字體的獨(dú)特展示度。因?yàn)橹形牡拿總€單字都可以看成一幅圖畫，擁有一定的意境。

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

原文地址：ifeiwu

01

書法標(biāo)題排版時盡量拆開每一個字去排

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

02

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

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

03

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

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

04

讓交互元素更加生動

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

05

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

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

06

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

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

07

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

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

08

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

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

09

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

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

10

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

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

11

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

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

12

給文字做效果時應(yīng)首先基于文字的識別度

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

13

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

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

14

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

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

15

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

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

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

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

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

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

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

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

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

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

在上面這一構(gòu)圖中，圓圓的字母中空的部分填實(shí)為其增加了可愛感，它與配圖的角色形象風(fēng)格相吻合。

二、運(yùn)用：字距和行距

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

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

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

在中文的世界里同樣適用，然而不同的是，中文字體的距離應(yīng)該更加遠(yuǎn)一點(diǎn)，以保持單個字體的獨(dú)特展示度。因?yàn)橹形牡拿總€單字都可以看成一幅圖畫，擁有一定的意境。

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

原文地址：ifeiwu

01

書法標(biāo)題排版時盡量拆開每一個字去排

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

02

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

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

03

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

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

04

讓交互元素更加生動

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

05

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

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

06

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

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

07

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

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

08

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

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

09

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

古文中文字豎向排版時，閱讀方向?yàn)閺纳现料拢瑥挠业阶?。通常情況下還是按照正常的閱讀順序去進(jìn)行排版。（PS直排文字工具輸入時也能體現(xiàn)）

10

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

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

11

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

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

12

給文字做效果時應(yīng)首先基于文字的識別度

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

13

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

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

14

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

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

15

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

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