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