“設(shè)計(jì)提供了一個(gè)繼續(xù)講述故事的機(jī)會(huì)，而不僅僅是總結(jié)一切。”
設(shè)計(jì)師通過應(yīng)用文字、顏色、圖像和其他圖形功能來為觀眾講故事。就像作家在講故事時(shí)一樣，設(shè)計(jì)師也有一些特別的方法和技巧，來確保語氣語調(diào)的正確性及信息的真實(shí)性。
通常情況下，這只是調(diào)整文本大小，或者使背景圖像變暗，以便文本更易于閱讀。但有時(shí)做很小但意義重大的改變，就像把一行一行的文字分解成一個(gè)有節(jié)奏的形狀一樣，可以極大地改善圖形在視覺上與觀眾的溝通方式。
在這里，我們提供了25個(gè)獨(dú)特的技巧來幫助你講視覺故事......
01 調(diào)整字母間距和行高使其適合頁面
通過拉伸行高，使文字被組合在這個(gè)版塊中。透明度被應(yīng)用到文本中，這樣棕櫚樹紋理就會(huì)被看到，也使文本信息帶有符號(hào)性的特征。背景圖像裁剪成利于文本的可讀性的空間來。
02 兩個(gè)對(duì)比字體是一個(gè)很好的組合
利用字體類型的比例來強(qiáng)調(diào)特定的單詞，兩種字體形成鮮明對(duì)比。這種視覺順序被稱為創(chuàng)建層次結(jié)構(gòu)。文字顏色從背景圖片的山色中提取，同時(shí)還增加了圖像的透明度，以創(chuàng)建一種柔和而多塵的效果。
03 文本的放置是一個(gè)關(guān)鍵因素，確保按照應(yīng)該閱讀的方式打破常規(guī)
可以使文本在被閱讀時(shí)，富有節(jié)奏感，所以一定要以有節(jié)奏的方式打破常規(guī)排版，可以把幾行文字分開來排。同時(shí)，請(qǐng)將你想要強(qiáng)調(diào)的詞語用斜體（漢字：加重）來處理。
04 通過應(yīng)用飽和度和粗體字體，創(chuàng)建強(qiáng)大的圖形
該圖形中的圖形元素組合效果，使其具有很高的影響力。背景圖片經(jīng)過濾鏡進(jìn)行處理，字體采用具有沉重感的塊狀字體。該濾鏡具有低對(duì)比度和高飽和度，可模仿朦朧而陽光明媚的加利福尼亞天空。
05 在背景圖上疊加條形圖，并嘗試將它們與背景圖像中的圖案進(jìn)行匹配
你并不總是需要圖形中一定包含文字來制作漂亮的設(shè)計(jì)。這個(gè)技巧是構(gòu)圖技巧的好方法。背景圖像中的山形已設(shè)置為網(wǎng)格，75％透明度的水的紋理圖像放置在頂部，并復(fù)制成條形圖。從那里圖像已被裁剪，以找到有趣的紋理點(diǎn)。
06 美學(xué)！構(gòu)圖！調(diào)整圖形中的所有元素，使其處于相應(yīng)的角度
利用圖形中的形狀和結(jié)構(gòu)，作為選擇文本放置位置的一種方法。該文字按輕微上斜的角度進(jìn)行放置，以跟隨地平線在背景圖像的方向。為了與這個(gè)角度一致，設(shè)計(jì)師使用了斜體襯線字體。為了更進(jìn)一步的視覺和諧，海洋的顏色也被應(yīng)用于字體上。
07 使用強(qiáng)壯的幾何字體來放大文字信息
你選擇的字體決定了信息的基調(diào)。一個(gè)大膽而強(qiáng)壯的無襯線字體，能表達(dá)出同樣有力的聲音。對(duì)背景圖像應(yīng)用了深色濾鏡，以增強(qiáng)圖像和文本之間的對(duì)比度，使文字更加清晰易讀。
08 除了使用純色外，還可以嘗試增加元素的透明度以獲得更微妙的效果
這張圖能喚起渴望和靈感。設(shè)計(jì)的關(guān)鍵要素是文字間距的應(yīng)用，可以讓文字有呼吸空間。
09 使用文本塊（形狀）與背景圖創(chuàng)建對(duì)比度
10 剪裁圖像以使其充當(dāng)背景紋理
你所看到的并不總是你想得到的。你可以將搜索到的圖片經(jīng)過裁剪和縮放處理，得到有趣的紋理，用作背景圖。
11 為了與其他設(shè)計(jì)區(qū)別開來，你可以通過旋轉(zhuǎn)的字母來創(chuàng)建一個(gè)樣式
裁剪圖像，以便在應(yīng)用文字時(shí)可以找到文本空間。這里的字母已被單獨(dú)放置并旋轉(zhuǎn)。請(qǐng)記住，設(shè)計(jì)是經(jīng)過深思熟慮的，L和E已經(jīng)被應(yīng)用到與花的形狀相對(duì)應(yīng)的方向上。
12 使用包含文本的形狀（文本塊）時(shí)，請(qǐng)將背景中的顏色應(yīng)用于文字上，以獲得立體有形的剪切效果
使用吸管工具來收集色調(diào)，確保圖形中顏色的一致性。在這里，天空的奶油色被用在了文字上。在背景圖像中，對(duì)比度已經(jīng)降低，出現(xiàn)多塵和海灘般的效果。
13 使用網(wǎng)格為你最喜歡的照片做拼貼，確保每個(gè)圖像使用相同的濾鏡以保持色調(diào)一致
當(dāng)你使用網(wǎng)格時(shí)，請(qǐng)確保將圖像和諧排列在拼圖圖像中，以獲得構(gòu)圖和諧。在這里你可以看到，無論是云、地平線還是波浪，排列起來的圖片都可以將網(wǎng)格結(jié)合在一起。另一個(gè)提示是將相同的濾鏡應(yīng)用于所有圖像上，以保持色調(diào)一致性。
14 用字母+符號(hào)進(jìn)行創(chuàng)意，通過調(diào)整符號(hào)比例形成有趣的組合
在這里，設(shè)計(jì)師使用了＆符號(hào)作為基礎(chǔ)構(gòu)圖元素。在符號(hào)里的負(fù)空間位置插入了更小的隨機(jī)文本，并使用單色調(diào)色板在文字和背景之間創(chuàng)建對(duì)比度。
15 讓背景圖決定你放置文本位置，找到不影響文本易讀的空間
先找出背景圖上哪些元素已經(jīng)占比很大，然后在圖形中創(chuàng)建平衡。背景圖中的樹已占據(jù)左邊的大部分位置，因此文本在右邊被對(duì)齊放置。
16 使用低對(duì)比度背景圖和明亮文字，讓文字信息脫穎而出
此圖形具有稍微暗一些的背景圖像，與霓虹黃色文字疊加形成鮮明對(duì)比。還有一個(gè)微妙的模糊應(yīng)用于濾鏡，以便細(xì)體文字易于閱讀。
17 字體也有個(gè)性。確保你用正確的字體表示信息
使用字體來直觀地傳達(dá)信息。在這里，設(shè)計(jì)師選擇應(yīng)用結(jié)構(gòu)化字體來表示邏輯，然后下面的字體，用一個(gè)更經(jīng)典的襯線字體來描繪想象力。此外，這兩部分字體被放置在圖像的不同部分，天空和大海。
18 幾何字體與優(yōu)雅襯線進(jìn)行配對(duì)應(yīng)用
當(dāng)談到創(chuàng)建具有影響力的圖形時(shí)，對(duì)比度是你最好的應(yīng)用工具。在幾何字體下，結(jié)合無襯線字體，由于它們的結(jié)構(gòu)性非常適合，所以這是一個(gè)很好的組合。
19 文字被有趣的放置，來表達(dá)信息上的想法
把文字分成不同的文本框，創(chuàng)造有趣的構(gòu)圖。很重要的一點(diǎn)是，文本仍然按照正確的順序閱讀，所以位置是至關(guān)重要的。通過將文本限制在圖形的某個(gè)部分，以保持對(duì)齊，這樣它不會(huì)脫離頁面。
20 將背景圖文本塊顏色應(yīng)用到圖像的色彩上，以實(shí)現(xiàn)整體設(shè)計(jì)圖的顏色一致性
這可以通過在整個(gè)圖形中使用相同的顏色來實(shí)現(xiàn)。桃色已經(jīng)被用在這個(gè)圖形的背景顏色上，然后類似的色彩應(yīng)用到右邊的圖像上。
21 使用形狀來創(chuàng)建象征，以強(qiáng)化圖形中的信息
視覺上代表一個(gè)想法的元素創(chuàng)造出巧妙的組合。這個(gè)背景圖上有疊加在其上的兩個(gè)圖形，形成一個(gè)V來表示VIBES中的V。這也創(chuàng)建了一個(gè)窗口，允許顯示更多的圖像。
22 應(yīng)用網(wǎng)格創(chuàng)建一個(gè)干凈的合成圖，使用其中一個(gè)網(wǎng)格作為文本框
一個(gè)好的構(gòu)圖會(huì)產(chǎn)生最佳的效果。因此，使用具有一致相似調(diào)色板的圖像的干凈網(wǎng)格，將形成引人注目的設(shè)計(jì)作品。為了增加一致性，請(qǐng)使用精心裁剪的部分網(wǎng)格，填充平面顏色作為文本框。
23 使用細(xì)體、粗體的字體變體來突出重點(diǎn)和影響力
如果你希望通過應(yīng)用字體變體在整個(gè)設(shè)計(jì)過程中保持一致的風(fēng)格，那么Open Sans是一種非常好的字體。對(duì)于這個(gè)應(yīng)用，上圖背景中已使用粗體強(qiáng)調(diào)了特有的詞語。這種方式是形成排版層次結(jié)構(gòu)的一種聰明方式。
24 通過降低亮度、提高對(duì)比度，來增強(qiáng)圖像中的輪廓，形成剪影效果
剪影是在設(shè)計(jì)中產(chǎn)生影響力的好方法。通過提高對(duì)比度，加強(qiáng)了色調(diào)（暗色和亮色）的分離，并減少圖像中的細(xì)節(jié)圖。上圖是經(jīng)過處理后的效果，文本可以放在清晰的部分，以獲得最佳的易讀性。
25 通過增加或減少字母間距，創(chuàng)建漂亮的排版字體
這看起來很簡(jiǎn)單，但是字母間距的細(xì)微調(diào)整會(huì)對(duì)圖形產(chǎn)生很大的影響。在這張圖中，文字的間距減少了，視覺上代表了設(shè)計(jì)的本身，同時(shí)通過字母的開口處創(chuàng)造了一個(gè)漂亮的窗口效果。
靜待下期精彩……
