當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

25個獨特技巧來幫助你講視覺故事

2018-10-11 1722 0

 

“設計提供了一個繼續(xù)講述故事的機會,而不僅僅是總結(jié)一切。”

設計師通過應用文字、顏色、圖像和其他圖形功能來為觀眾講故事。就像作家在講故事時一樣,設計師也有一些特別的方法和技巧,來確保語氣語調(diào)的正確性及信息的真實性。

通常情況下,這只是調(diào)整文本大小,或者使背景圖像變暗,以便文本更易于閱讀。但有時做很小但意義重大的改變,就像把一行一行的文字分解成一個有節(jié)奏的形狀一樣,可以極大地改善圖形在視覺上與觀眾的溝通方式。

在這里,我們提供了25個獨特的技巧來幫助你講視覺故事......


 

01 調(diào)整字母間距和行高使其適合頁面

通過拉伸行高,使文字被組合在這個版塊中。透明度被應用到文本中,這樣棕櫚樹紋理就會被看到,也使文本信息帶有符號性的特征。背景圖像裁剪成利于文本的可讀性的空間來。


 

02 兩個對比字體是一個很好的組合

 

利用字體類型的比例來強調(diào)特定的單詞,兩種字體形成鮮明對比。這種視覺順序被稱為創(chuàng)建層次結(jié)構(gòu)。文字顏色從背景圖片的山色中提取,同時還增加了圖像的透明度,以創(chuàng)建一種柔和而多塵的效果。


 

03 文本的放置是一個關(guān)鍵因素,確保按照應該閱讀的方式打破常規(guī)

可以使文本在被閱讀時,富有節(jié)奏感,所以一定要以有節(jié)奏的方式打破常規(guī)排版,可以把幾行文字分開來排。同時,請將你想要強調(diào)的詞語用斜體(漢字:加重)來處理。


 

04 通過應用飽和度和粗體字體,創(chuàng)建強大的圖形

該圖形中的圖形元素組合效果,使其具有很高的影響力。背景圖片經(jīng)過濾鏡進行處理,字體采用具有沉重感的塊狀字體。該濾鏡具有低對比度和高飽和度,可模仿朦朧而陽光明媚的加利福尼亞天空。


 

05 在背景圖上疊加條形圖,并嘗試將它們與背景圖像中的圖案進行匹配

你并不總是需要圖形中一定包含文字來制作漂亮的設計。這個技巧是構(gòu)圖技巧的好方法。背景圖像中的山形已設置為網(wǎng)格,75%透明度的水的紋理圖像放置在頂部,并復制成條形圖。從那里圖像已被裁剪,以找到有趣的紋理點。


 

06 美學!構(gòu)圖!調(diào)整圖形中的所有元素,使其處于相應的角度

利用圖形中的形狀和結(jié)構(gòu),作為選擇文本放置位置的一種方法。該文字按輕微上斜的角度進行放置,以跟隨地平線在背景圖像的方向。為了與這個角度一致,設計師使用了斜體襯線字體。為了更進一步的視覺和諧,海洋的顏色也被應用于字體上。


 

07 使用強壯的幾何字體來放大文字信息

你選擇的字體決定了信息的基調(diào)。一個大膽而強壯的無襯線字體,能表達出同樣有力的聲音。對背景圖像應用了深色濾鏡,以增強圖像和文本之間的對比度,使文字更加清晰易讀。


 

08 除了使用純色外,還可以嘗試增加元素的透明度以獲得更微妙的效果

這張圖能喚起渴望和靈感。設計的關(guān)鍵要素是文字間距的應用,可以讓文字有呼吸空間。


 

09 使用文本塊(形狀)與背景圖創(chuàng)建對比度


 

10 剪裁圖像以使其充當背景紋理

你所看到的并不總是你想得到的。你可以將搜索到的圖片經(jīng)過裁剪和縮放處理,得到有趣的紋理,用作背景圖。
 


 

11 為了與其他設計區(qū)別開來,你可以通過旋轉(zhuǎn)的字母來創(chuàng)建一個樣式

裁剪圖像,以便在應用文字時可以找到文本空間。這里的字母已被單獨放置并旋轉(zhuǎn)。請記住,設計是經(jīng)過深思熟慮的,L和E已經(jīng)被應用到與花的形狀相對應的方向上。
 


 

12 使用包含文本的形狀(文本塊)時,請將背景中的顏色應用于文字上,以獲得立體有形的剪切效果

使用吸管工具來收集色調(diào),確保圖形中顏色的一致性。在這里,天空的奶油色被用在了文字上。在背景圖像中,對比度已經(jīng)降低,出現(xiàn)多塵和海灘般的效果。


 

13 使用網(wǎng)格為你最喜歡的照片做拼貼,確保每個圖像使用相同的濾鏡以保持色調(diào)一致

當你使用網(wǎng)格時,請確保將圖像和諧排列在拼圖圖像中,以獲得構(gòu)圖和諧。在這里你可以看到,無論是云、地平線還是波浪,排列起來的圖片都可以將網(wǎng)格結(jié)合在一起。另一個提示是將相同的濾鏡應用于所有圖像上,以保持色調(diào)一致性。


 

14 用字母+符號進行創(chuàng)意,通過調(diào)整符號比例形成有趣的組合

在這里,設計師使用了&符號作為基礎構(gòu)圖元素。在符號里的負空間位置插入了更小的隨機文本,并使用單色調(diào)色板在文字和背景之間創(chuàng)建對比度。


 

15 讓背景圖決定你放置文本位置,找到不影響文本易讀的空間

先找出背景圖上哪些元素已經(jīng)占比很大,然后在圖形中創(chuàng)建平衡。背景圖中的樹已占據(jù)左邊的大部分位置,因此文本在右邊被對齊放置。
 


 

16 使用低對比度背景圖和明亮文字,讓文字信息脫穎而出

此圖形具有稍微暗一些的背景圖像,與霓虹黃色文字疊加形成鮮明對比。還有一個微妙的模糊應用于濾鏡,以便細體文字易于閱讀。


 

17 字體也有個性。確保你用正確的字體表示信息

使用字體來直觀地傳達信息。在這里,設計師選擇應用結(jié)構(gòu)化字體來表示邏輯,然后下面的字體,用一個更經(jīng)典的襯線字體來描繪想象力。此外,這兩部分字體被放置在圖像的不同部分,天空和大海。


 

18 幾何字體與優(yōu)雅襯線進行配對應用

當談到創(chuàng)建具有影響力的圖形時,對比度是你最好的應用工具。在幾何字體下,結(jié)合無襯線字體,由于它們的結(jié)構(gòu)性非常適合,所以這是一個很好的組合。


 

19 文字被有趣的放置,來表達信息上的想法

把文字分成不同的文本框,創(chuàng)造有趣的構(gòu)圖。很重要的一點是,文本仍然按照正確的順序閱讀,所以位置是至關(guān)重要的。通過將文本限制在圖形的某個部分,以保持對齊,這樣它不會脫離頁面。


 

20 將背景圖文本塊顏色應用到圖像的色彩上,以實現(xiàn)整體設計圖的顏色一致性

這可以通過在整個圖形中使用相同的顏色來實現(xiàn)。桃色已經(jīng)被用在這個圖形的背景顏色上,然后類似的色彩應用到右邊的圖像上。


 

21 使用形狀來創(chuàng)建象征,以強化圖形中的信息

視覺上代表一個想法的元素創(chuàng)造出巧妙的組合。這個背景圖上有疊加在其上的兩個圖形,形成一個V來表示VIBES中的V。這也創(chuàng)建了一個窗口,允許顯示更多的圖像。


 

22 應用網(wǎng)格創(chuàng)建一個干凈的合成圖,使用其中一個網(wǎng)格作為文本框

一個好的構(gòu)圖會產(chǎn)生最佳的效果。因此,使用具有一致相似調(diào)色板的圖像的干凈網(wǎng)格,將形成引人注目的設計作品。為了增加一致性,請使用精心裁剪的部分網(wǎng)格,填充平面顏色作為文本框。


 

23 使用細體、粗體的字體變體來突出重點和影響力

如果你希望通過應用字體變體在整個設計過程中保持一致的風格,那么Open Sans是一種非常好的字體。對于這個應用,上圖背景中已使用粗體強調(diào)了特有的詞語。這種方式是形成排版層次結(jié)構(gòu)的一種聰明方式。


 

24 通過降低亮度、提高對比度,來增強圖像中的輪廓,形成剪影效果

剪影是在設計中產(chǎn)生影響力的好方法。通過提高對比度,加強了色調(diào)(暗色和亮色)的分離,并減少圖像中的細節(jié)圖。上圖是經(jīng)過處理后的效果,文本可以放在清晰的部分,以獲得最佳的易讀性。


 

25 通過增加或減少字母間距,創(chuàng)建漂亮的排版字體

這看起來很簡單,但是字母間距的細微調(diào)整會對圖形產(chǎn)生很大的影響。在這張圖中,文字的間距減少了,視覺上代表了設計的本身,同時通過字母的開口處創(chuàng)造了一個漂亮的窗口效果。


 

靜待下期精彩……


13
評論區(qū)(0)
正在加載評論...
相關(guān)推薦