50張精美圖文設(shè)計(jì)案例解析
“設(shè)計(jì)提供了一個(gè)繼續(xù)講述故事的機(jī)會(huì)，而不僅僅是總結(jié)一切。”
設(shè)計(jì)師通過應(yīng)用文字、顏色、圖像和其他圖形功能來為觀眾講故事。就像作家在講故事時(shí)一樣，設(shè)計(jì)師也有一些特別的方法和技巧，來確保語氣語調(diào)的正確性及信息的真實(shí)性。
通常情況下，這只是調(diào)整文本大小，或者使背景圖像變暗，以便文本更易于閱讀。但有時(shí)做很小但意義重大的改變，就像把一行一行的文字分解成一個(gè)有節(jié)奏的形狀一樣，可以極大地改善圖形在視覺上與觀眾的溝通方式。
在這里，我們提供了50個(gè)獨(dú)特的技巧來幫助你講視覺故事......
26 使用色調(diào)和“X-處理”的組合，來創(chuàng)建雙色調(diào)濾鏡效果
通過減少“X-處理”，圖像變成冷色調(diào)更明顯，因此藍(lán)色的水被強(qiáng)調(diào)，再配上紫色色調(diào)，圖像的較亮部分突出顯示，云彩變成粉紅色。
27 通過圖像中的特征，指導(dǎo)性地放置文本，從而創(chuàng)建巧妙的合成圖
使用食物的圖像構(gòu)建文本框架。你使用的圖像顯然會(huì)成為你放置文本的決定因素，所以試著找到一個(gè)盡量細(xì)節(jié)圖少的，呼吸空間更大的地方來放置文本。
28 單色風(fēng)格的圖形永遠(yuǎn)不會(huì)過時(shí)。使用黑白濾鏡結(jié)合白色文字，達(dá)到了史詩般的對(duì)比效果
黑白照片給人一種很酷的風(fēng)格效果。由于色調(diào)平衡，它們也是一種利用形狀的好方法。圖像中的海岸線被用作“chill”（寒意）這個(gè)詞作為其組成部分，同時(shí)也是冷空氣的一種視覺表現(xiàn)形式。
29 通過在圖像上覆上一層白色并調(diào)整透明度，來創(chuàng)建柔和效果
顏色疊加，是增強(qiáng)圖像色調(diào)并創(chuàng)建柔和色調(diào)效果的好方法。在整個(gè)圖像上使用透明形狀，也會(huì)使圖像中細(xì)節(jié)圖變得不明顯。
30 利用背景圖像的自然圖形構(gòu)圖，以獲得巧妙的文本位置
這幅圖像的漸變層是一個(gè)很好的文本空間。文本被分成了三行，與三層薄霧完全對(duì)應(yīng)。
31 使用粗體風(fēng)格字體與精細(xì)的無襯線字體搭配，以獲得最佳對(duì)比度
兩種工具字體之間結(jié)合使用，產(chǎn)生強(qiáng)烈對(duì)比，非常和諧，因?yàn)橛幸粋€(gè)明顯的區(qū)別，所以呈現(xiàn)出兩個(gè)獨(dú)立的信息片段。
32 使用比例作為視覺元素，來強(qiáng)調(diào)文字
當(dāng)文本或元素在頁面上以不同的大小放置時(shí)，將形成層次結(jié)構(gòu)。這就形成了信息被讀取的順序。你可以看到已經(jīng)放大的單詞更容易被看到，因此在層次結(jié)構(gòu)中更加突出。
33 旋轉(zhuǎn)文字，使其遵循背景圖片中形狀/角度，創(chuàng)造視覺上的和諧感
字體排版設(shè)計(jì)是一種很好的探索設(shè)計(jì)的技巧。此背景圖像提供了放置文本的一些很好的空間。把一個(gè)字斜著排版，如上圖：底行字排版角度與大海的波浪的線條相一致。第一行前兩個(gè)單詞之間的空格被用來讓第二行中的“d”突顯出來。
34 使用帶有細(xì)節(jié)圖的背景圖像，來獲得美麗的紋理圖案樣式
云是一種美麗的視覺效果，非常適合用做背景圖。使用濾鏡以獲得更清晰的形狀或強(qiáng)化顏色?；蛘?，你可以通過添加一些模糊效果來弱化云層。
35 使用濾鏡給無光澤圖像增加亮度，來增強(qiáng)圖像的鮮亮度
單一顏色的圖像有時(shí)看起來有點(diǎn)暗淡沉悶。通過調(diào)整亮度來讓它們變亮，但要確保你不會(huì)過度曝光或是照片爆裂。為了避免這種情況的發(fā)生，你可能要降低對(duì)比度，以適應(yīng)增加的亮度。
36 在文本中，使用字體樣式創(chuàng)造細(xì)微差別，來強(qiáng)調(diào)特定詞
美麗的襯線字體，可用于這種情況。它有一種微妙的優(yōu)雅，是一個(gè)傳統(tǒng)的故事書風(fēng)格的字體。常規(guī)的粗體字樣式也有很大的重量差異，這使得粗體得到了很好的關(guān)注度。
37 使用透明度這個(gè)設(shè)計(jì)元素，來幫助紋理表現(xiàn)出來
白色文字或形狀可能會(huì)看起來有點(diǎn)強(qiáng)烈生硬。對(duì)白色元素應(yīng)用微妙的透明度，是一種柔化圖形簡單的方法。此外，當(dāng)與一個(gè)細(xì)節(jié)圖背景搭配時(shí)，紋理將通過文字來表達(dá)。
38 以強(qiáng)烈的節(jié)奏感放置文本內(nèi)容，同樣具有強(qiáng)烈的設(shè)計(jì)風(fēng)格
在這張圖的三行開頭，“Design”一詞的重復(fù)使用了幾何字體。
39 通過降低濾鏡中的對(duì)比度，來平衡圖像中的色調(diào)分離
想要增加圖像的對(duì)比度是很自然的，但低對(duì)比度濾鏡具有非常美麗的效果。這創(chuàng)造了一種類似于老式攝影的處理方法。圖像中的細(xì)節(jié)圖越多，濾鏡就越明顯。
40 使用圖像空間清晰的區(qū)域，來創(chuàng)造性地放置文本
在這幅圖像的山丘上的陰影處，為放置文本提供了絕佳的空間位置。除此之外，湖濱作為基準(zhǔn)線，在其上放置文本，創(chuàng)造了與引語基調(diào)相關(guān)的和諧構(gòu)圖。
41 通過在頁面上應(yīng)用柔和色調(diào)，使圖形去飽和度，創(chuàng)造一種異想天開的效果
這種風(fēng)格模仿了經(jīng)過修復(fù)的老式學(xué)校的照片。一個(gè)黃油色的形狀被用作疊加層，以創(chuàng)造一個(gè)朦朧和復(fù)古的效果。
42 裁剪圖像以補(bǔ)充構(gòu)圖
你無需為了創(chuàng)建有效的布局而將設(shè)計(jì)復(fù)雜化。裁剪良好的圖像是一個(gè)偉大的方法，通過減少背景干擾圖利于文本空間，集中在一個(gè)主要的特征，并創(chuàng)造組成和諧感的畫面來實(shí)現(xiàn)。
43 在相同字上使用不同的字體，看看它們的調(diào)性有何不同
所有的字體都有不同的特征，無論是外觀還是與觀眾交談的方式。為了說明這一點(diǎn)，當(dāng)一個(gè)字以優(yōu)雅的襯線字體應(yīng)用時(shí)，它會(huì)有一種優(yōu)雅的格調(diào)。當(dāng)相同的字以大寫的幾何無襯線字體應(yīng)用時(shí)，這個(gè)單詞看起來會(huì)顯得狂暴而有力。
44 通過堆疊不同的重量感的字體，提升創(chuàng)造性技能，以獲得風(fēng)格化的效果
水平堆疊式文字，是推動(dòng)排版技巧的一種簡潔而有趣的方式。無襯線字體在疊加文字時(shí)，特別有用。它們的幾何形狀意味著它們?cè)谒拿娑寄芎芎玫貙?duì)齊。
45 把圖形中的所有元素，都使用一種顏色
一致性是創(chuàng)建視覺和諧的好方法。背景圖像上的藍(lán)色色調(diào)與藍(lán)色文本的組合，形成了舒緩和互補(bǔ)的美感。在應(yīng)用色彩之前，將圖像變?yōu)楹诎?，以獲得最佳效果。
46 使用柔和的色調(diào)和透明的圖像，創(chuàng)造安靜、酷炫的設(shè)計(jì)
為了達(dá)到這個(gè)效果，請(qǐng)使用淺色調(diào)背景圖。然后給圖像一個(gè)固定的框架，確保框架內(nèi)填充整個(gè)畫面。為了幫助文本脫穎而出，提高透明度。選擇一個(gè)精美細(xì)節(jié)的圖像，以便在應(yīng)用透明度后仍然可以制作出形狀和紋理。
47 使用能視覺傳達(dá)你信息的相關(guān)圖像
始終將文本放在能夠清晰讀取的版面位置。對(duì)比度越強(qiáng)，信息就越顯強(qiáng)大有力。使用字體樣式為內(nèi)容提供一些字符。在這里，F(xiàn)被用來在視覺上象征“適應(yīng)”行為。
48 通過在文字周圍使用框架，來框住文字內(nèi)容
使用一個(gè)形狀或框架，來包含文本是一個(gè)聰明的方式，能更強(qiáng)調(diào)突出信息。如果你用的是框架，那么確保邊框的粗細(xì)不會(huì)超過字體的粗細(xì)。
49 把背景圖像中的顏色，應(yīng)用于文字顏色上
一些更簡單的設(shè)計(jì)理念是最有效的。文本顏色是從背景圖像中提取出海洋的顏色，使文字閃閃發(fā)光。這種將金色簡單地應(yīng)用到此圖形上的文本，具有很大的影響力。
50 永遠(yuǎn)不要低估一張漂亮圖片和干凈文字的能量
不要使設(shè)計(jì)復(fù)雜化。如果你正在努力尋找一種好的方式來表達(dá)信息，請(qǐng)保持簡單。找一個(gè)沒有太多細(xì)節(jié)圖的漂亮的圖片，用在你的背景圖上，然后文字顏色使用與背景色有對(duì)比度 的顏色，以便文本的易讀。
啟發(fā)到你了？開始設(shè)計(jì)！
當(dāng)你接近項(xiàng)目尾聲時(shí)，很難找到可以改進(jìn)的地方。讓這個(gè)列表可以幫助你創(chuàng)建更有高度的設(shè)計(jì)決策，為圖形添加一些專業(yè)的設(shè)計(jì)效果。
