「海平面」50張精美圖文設計案例解析(一)

「海平面」50張精美圖文設計案例解析(一)

(海空設計微信公眾號:haiko_design)

「海平面」50張精美圖文設計案例解析(一)

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

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

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

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

01 調整字母間距和行高使其適合頁面

「海平面」50張精美圖文設計案例解析(一)

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

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

「海平面」50張精美圖文設計案例解析(一)

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

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

「海平面」50張精美圖文設計案例解析(一)

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

04 通過應用飽和度和粗體字體,創建強大的圖形

「海平面」50張精美圖文設計案例解析(一)

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

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

「海平面」50張精美圖文設計案例解析(一)

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

06 美學!構圖!調整圖形中的所有元素,使其處於相應的角度

「海平面」50張精美圖文設計案例解析(一)

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

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

「海平面」50張精美圖文設計案例解析(一)

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

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

「海平面」50張精美圖文設計案例解析(一)

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

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

「海平面」50張精美圖文設計案例解析(一)

(海空設計微信公眾號:haiko_design)

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

「海平面」50張精美圖文設計案例解析(一)

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

11 為了與其他設計區別開來,你可以通過旋轉的字母來創建一個樣式

「海平面」50張精美圖文設計案例解析(一)

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

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

「海平面」50張精美圖文設計案例解析(一)

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

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

「海平面」50張精美圖文設計案例解析(一)

當你使用網格時,請確保將圖像和諧排列在拼圖圖像中,以獲得構圖和諧。在這裡你可以看到,無論是雲、地平線還是波浪,排列起來的圖片都可以將網格結合在一起。另一個提示是將相同的濾鏡應用於所有圖像上,以保持色調一致性。

14 用字母+符號進行創意,通過調整符號比例形成有趣的組合

「海平面」50張精美圖文設計案例解析(一)

在這裡,設計師使用了&符號作為基礎構圖元素。在符號裡的負空間位置插入了更小的隨機文本,並使用單色調色板在文字和背景之間創建對比度。

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

「海平面」50張精美圖文設計案例解析(一)

先找出背景圖上哪些元素已經佔比很大,然後在圖形中創建平衡。背景圖中的樹已佔據左邊的大部分位置,因此文本在右邊被對齊放置。

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

「海平面」50張精美圖文設計案例解析(一)

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

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

「海平面」50張精美圖文設計案例解析(一)

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

18 幾何字體與優雅襯線進行配對應用

「海平面」50張精美圖文設計案例解析(一)

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

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

「海平面」50張精美圖文設計案例解析(一)

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

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

「海平面」50張精美圖文設計案例解析(一)

這可以通過在整個圖形中使用相同的顏色來實現。桃色已經被用在這個圖形的背景顏色上,然後類似的色彩應用到右邊的圖像上。

21 使用形狀來創建象徵,以強化圖形中的信息

「海平面」50張精美圖文設計案例解析(一)

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

22 應用網格創建一個乾淨的合成圖,使用其中一個網格作為文本框

「海平面」50張精美圖文設計案例解析(一)

一個好的構圖會產生最佳的效果。因此,使用具有一致相似調色板的圖像的乾淨網格,將形成引人注目的設計作品。為了增加一致性,請使用精心裁剪的部分網格,填充平面顏色作為文本框。

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

「海平面」50張精美圖文設計案例解析(一)

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

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

「海平面」50張精美圖文設計案例解析(一)

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

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

「海平面」50張精美圖文設計案例解析(一)

這看起來很簡單,但是字母間距的細微調整會對圖形產生很大的影響。在這張圖中,文字的間距減少了,視覺上代表了設計的本身,同時通過字母的開口處創造了一個漂亮的窗口效果。(海空設計微信公眾號:haiko_design)

靜待下期精彩……


分享到:


相關文章: