《超越平凡的平面設計》怎樣設計配圖文字

怎樣設計配圖文字

1 形式獨立而視覺相關

一個將文字與圖片聯系起來的方法就是:借用臨近的形狀。

2 根據圖片設計文字

讓文字模擬圖像的自然走勢,“畫外音”將變得輕柔。圖片表意豐富,文字只需在一旁輕輕提點就好。字體理應纖細透氣,避免突兀。

配合圖像走勢

保持圖像輕盈,開闊的感覺,文字使用纖細透氣的字體。讓圖片指引你。位于草原上方的說明文配合流云的走勢,順著風向蜿蜒排布。而一旁插入的海濱圖片卻不同,其開闊感并非源于圖形而是來自于鏡頭外浩淼的海洋。同樣,為了保持這種感覺,文字的行距設置得極寬,讀者的視線可如洋流般自如地穿越其中。

3 打斷圖形

我們的視線沿著線條移動。線到哪里,我們就看到哪里。文字的排布受到線條的影響,并根據線條的特點上色。文字如果順著線條,就表現出活力和動感;如果穿過線條,則表現出疑問和緊張感。并且,線條的末端就是自然的視覺焦點,是圖片最突出的位置。

順著線條

速度

有線的地方就有動感。本圖中的線條速度極快。地平線和雪壕構成的實線從一邊越向另一邊,雪車的紅藍線形以及模糊的樹影增加了速度感。文字(斜體)形成的單一水平線條更加強了動感,甚至制造出模糊感,使車速加快。

穿過線條

停頓

映入眼簾的是一片綠葉,但其裂紋狀的邊緣同時也是一旁黑色空間的邊界,人的視線會不由自主的移過去。文字截斷此線條,制造出很強的視覺焦點。此處,這排纖細的單行標題和綠葉邊緣很像,它們形成了完美的互補。

線的末端


終止

線的末端是終止之處,是自然的視覺焦點,文字放在這里具有極為顯著的效果,使用小寫字體會更好。本例中首先看到黃線接下來是霧氣彌漫的景色,然后才是說明文字,讀完它你會對整個圖片有全新的認識。

5 平衡創造寧靜的表達方式

本例的設計理念在于要使說明文與圖像互補,而不是塞滿版面空間。事實上,這里的文字再大或再多一點,版面效果便不那么好了。

本例的設計理念在于要使說明文與圖像互補,而不是塞滿版面空間。事實上,這里的文字再大或再多一點,版面效果便不那么好了。




以線構型

模特修長的身體形成了一條清晰的垂直線。她只穿著一條黑色的牛仔裙,藍色的說明文標題與垂線交叉。白色文字與模特的頭和脖子相互制衡。最后效果簡潔、寧靜、恰到好處。

6 配圖文字成為版面中心

文字也可以成為版面的主角,此時讀者無法不立即被圖片的內容所吸引。

視線

這張照片里包含了滿滿一桶實實在在的線,但最重要的那條卻是看不到的:就是漁夫望著他工具的視線。截斷這根線,你就能介入圖片講述的故事。在本例中,這種處理方式還使說明文處于頁面的中心位置,讓它從一個普通的注釋變為了版面的關鍵部分。

7 替換

有的圖片,只能用“一無是處”來形容——沒有視覺焦點,構圖很糟糕,內容太擁擠。那么把檸檬變成檸檬汽水吧(改變形式)——巧妙地利用配圖文字,化腐朽為神奇。



將配圖文字參差不齊地層疊排列,并使用Trixie字體(如上圖所示),設計師表現出在紐約出夜車的出租車司機身上那種令人難忘的堅持。設計師特意給文字設置極窄的行距,使它們歪歪扭扭,表達出陰暗、生疏和真實的感覺。現在讀者們做好了聽故事的準備,而出租車司機這個令人感到乏味的身份也變成了一個有趣的角色。


如上圖所示,Trixie字體模仿色帶污損的老舊打字機的印刷效果,因此其理應具有臟污的感覺。字體行距幾乎保持恒定,將一些文字放大,激化沖突感。其下隔行距離放置第二個文字區塊,稍微旋轉。如此設置文字營出真實的緊張感。如果你以前試過,就會發現自己在排版時有舒緩版式的傾向,請抑制住這沖動。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容