在圖片上加字,如何確定該用什麼字體、字體的顏色和放置的位置? | 知乎問答精選

 

A-A+

在圖片上加字,如何確定該用什麼字體、字體的顏色和放置的位置?

2017年12月03日 知乎問答精選 暫無評論 閱讀 87 ℃ 次

【Mudo的回答(1697票)】:

長文+多圖預警

2015 / 4 / 11 / 深夜 / 補充內容:「一黑二白」、色彩部分、結尾部分

2015 / 4 / 15 / 下午 / 修改內容:導航圖、字體部分

————————————————————正文—————————————————————

圖片色彩失真似乎有些嚴重...

題主的問題同樣困擾著我好久,過去我做排版都習慣用那些現成的設計素材,到後來我嘗試直接選一張沒有經過任何修改的照片用於排版時,我才知道「圖片上配上文字」其實是一個很複雜的問題,因此我有一段時間將這個問題好好地研究一番。我去翻看各類設計網站大咖們的優秀作品、找時尚雜誌和精品畫冊,但是我的目的不是想從中找到感覺,而是希望通過一個科學、嚴謹的方法來找到優秀作品之間的視覺規律,我寫這個答案就是將這個過程分享給大家。不過本人還只不過是設計專業的學生,學藝未精,而且文筆還不好... ...因此解釋這樣一個複雜的問題的解答過程,肯定會有很多不足的地方,大家就作一個交流吧。

為本答案做一個導航圖,證明這真的是一個很複雜的問題...

1.字體選擇與字體組合方式

首先我挑選了一些我個人覺得不錯的設計作品,根據這些作品的設計目的和最終效果,分為「A」、「B」兩組。

A組是「圖片突出」,文字存在的目的只是粉飾這張照片而已。

B組是「文字突出」,文字在圖片的襯托下被重點突出出來。

然後將它們的文字部分「裁剪」出來,然後根據原本文字的樣式以及文字組合方式,最後分組排列出來。

效果圖如下:

可以看出這兩組的字體之間差異很大的,在字體選擇上:

A組的字體主要是現代等線體,筆畫沒有裝飾。出現題材很廣泛,大多數是一些商業圖冊上,或者用於襯托人物場景時尚氣質的圖片上。

B組的字體主要是古典襯線體,筆畫裝飾強烈。多出現在傳統、自然的以及一些抒情性很強的照片上。

在字體組合方式上:

A組的字體組合都被緊密地排列在一個無形的矩形裡,在視覺上形成一個面。

B組各個字之間鬆散地擺放組合在一起,在視覺形成一個個點。

其實可以這樣去理解這兩組字體在視覺心理的效果,見下圖:

而造成這兩組字體在視覺心理上的區別,這和一張攝影作品兩個重要的元素有關

2.主體物與視覺焦點

主體物的視覺焦點是攝影作品裡的兩個基本要素,因此在一張照片裡通常會有一個突出的人或物作為主體。而其他例如在風景類攝影作品,照片裡即使沒有明確的主體物,也會存在一個視覺焦點。

一張攝影作品的主體物和視覺焦點是很容易看出來的,如下圖:

為了展現「圖片突出」的優秀設計作品裡,文字部分與這兩個基本要素的位置關係,同樣做成效果圖。分C、D兩組展示。

C組是文字部分與主體物的位置關係

D組是文字部分與視覺焦點的位置關係

(C組的深色塊是主體物,D組的白點是視覺焦點,白色塊是文字。)

其實無需我多說,大家應該能從上面的效果圖,可以大約地看出文字與兩大元素之間的關係吧?我根據我的觀察結論作一個整理:

如果把主體物看作是一個面,就不難理解在一個需要文字粉飾圖片的作品裡,字體之間會被聚集在一個面裡,因為面元素的重複出現在一個畫面裡,整體畫面就不會出現違和感,還能讓文字和圖片之間保持和諧統一。

如果你能觀察了足夠多C組類型的「效果圖」後,就發現了在所有的這類優秀設計作品裡,文字部分與主體物之間的位置大小關係有三大原則:

1:文字部分的面積絕對不能大於或接近主體物的面積。

2:文字「面」與主體「面」的邊線保持聯繫(直線或平行)。

3:文字「面」或者與畫面邊緣的距離幾乎相等於主體「面」與畫面邊緣的距離。

現在來看看D組,文字部分與視覺焦點的關係基本和上面的鐵律相似,但唯一的特別之處在於:當視覺焦點位於畫面中線,文字部分使用居中式。

不過同樣也是觀察了足夠多的「效果圖」後,發現視覺焦點的位置不僅僅是與構圖有關,這其中還有很多的特殊情況必須要注意到:

1:當照片的主體物是分散且毫無意義的,視覺焦點默認在畫面中心。

2:當照片被某一個場景或物品切割了整張畫面時,視覺焦點只會出現會在切割線上。默認位於中心點或者色彩密集的地方。

3:眼睛單獨作為視覺焦點

第一點提到的照片的主體物是分散且毫無意義的。舉一些例子,它們的題材一般是拍攝天空、無邊際的森林樹木又或者下雨的場景等等... ...這類照片的視覺焦點默認在畫面的中心點,並且文字部分也只能固定在畫面中心,因為文字部分在這時需要擬補原本照片缺乏視覺焦點的缺陷。(D組第一列第三張)

而第二點提到某些被一個場景或物品切割了整張畫面的照片,通常是因為地平線或者海岸線之類引起的。還有一種類似的情況是,當照片裡的主體物太大,以至於切割了背景出現切割線時,主體物就不能作為一個面來看待了。如D組裡二列第二和第三... ....就是這種情況,視覺的焦點通常位於切割線的其中一處,通常是色彩密集出現的地方。

第三點非常重要!在畫面的內容裡眼睛的存在會形成一個視覺焦點,不管是人還是其他生物的眼睛,只要是看到眼睛,那麼文字部分的排版就要依據「眼睛」(視覺焦點)而不是人本身(面)

已經說了好多東西了... .... 那現在就目前的理論來實際操作一下吧,做一組「文字粉飾圖片」的例子。

就先拿第二節開頭展示的那兩張攝影作品來做吧... ...文字部分就直接取至A組

以上的例子文字部分是怎麼選擇位置的,詳細見下圖:

上圖是說明我並不憑感覺去確定文字部分的位置,僅僅只是按照三大原則來確定的。在左圖中,小狗雖然是照片裡的主體物,但是因為眼睛的存在,所以文字的排版必須依照視覺焦點(眼睛)來排版,這是之前D組結論提到過的。但是在計算字體部分與畫面邊緣的距離的時候,依然參照與主體物與邊緣的距離,而非視覺焦點與邊緣的。

而右圖中,視覺焦點確定在照片透視的滅點,由於是處於畫面的中線,因此文字部分採用居中式。除此之外,因為照片上的主體物並不明確,所以文字離邊緣的距離沒有參考,只要與視覺焦點的聯繫不變,文字部分位置隨意。

後面我又加上了兩個例子,因為彌補前兩個都是以視覺焦點做參照的例子,所以第三個例子以主體物(杯子)為參照的排版,其中的過程和前兩個差不多,就略過吧。最後一個例子因為照片是主體物是分散且毫無意義的(星空),所以文字部分只能固定在畫面中心,彌補主體位置。

事實上我還想要舉更多的例子來說明各種情況,但是寫到這裡感覺篇幅已經很長了。現在還只講了一部分「文字粉飾圖片」的原則與規律,現在在下一節來講「圖片突出文字」的特點。

3.字體與圖形的配合

以「圖片突出文字」為目的的排版,其特點是不需要分析照片裡面的元素。在大部分設計教程以及很多優秀的設計作品裡,圖片被認為只是作為一個大色塊存在,它的存在只是為了最後你想要表達的文字(情感),鋪設基調。而我前面就提到的,B組的字體組合方式往往用分散的點狀擺放,因此放在照片這樣一個大的「面」上,形成元素的對比效果,可以更有效的突出文字部分。

但是這樣有一個很大的缺點:過於分散的字體之間不僅容易缺乏聯繫,而且還會造成閱讀困難。此外,一張太花哨的照片也會導致你的文字部分難以突出。

大部分優秀排版裡採用的解決方案是運用字體與圖形的配合,而其中類型有三種:

第一種:形狀圖形

形狀圖形主要指方形、圓形以及一些不規則的形狀圖形。

(下面的效果圖都是我統計優秀作品最常用到的方法)

上圖展示的是三種運用方形的方式,我從左到右依個解釋一下:

突出:當文字部分融入到圖片裡變得難以看清的時候。在這裡最好的辦法就是像這樣放置一個方形在背景,然後再調節字體的顏色與方塊對比,使文字部分突出。

集中:這種方法是為了不弱化圖片的情況下,讓文字部分集中在一個方形裡,增加易讀性。是包裝設計常在出現的排版。

修飾:這個方形其實只是代表,代表所有不規則圖形的運用。當文字組合之間太過散亂,又或者字體之間大小的差異太大的時候,放置一個(不)規則圖形,盡可能連接到每一個字上,形成聯繫。

這是方形「集中」的例子,方塊的存在突出了文字本身,又保證了閱讀順暢。同時這個方塊可以在這張照片上的任何一個位置都沒有影響,所以很適合包裝設計的需要。

根據評論區的建議,形狀圖形這部分我補充一點:形狀圖形的用法通常有兩種,一種是中間加上一個深色的形狀,字體的位置放在形狀的中間。另一種是在圖片的上下兩邊各加一個淺色形狀,字體的位置放在形狀與圖片交界的地方。這兩種方法簡稱為「一黑二白」,見下圖。

而關於形狀的顏色和透明度設置,請看本文的色彩部分。而關於形狀的顏色和透明度設置,請看本文的色彩部分。

上圖是關於圓形的常見運用:

普通:這是一個作為對比的普通排版

突出:這個比起方形有著好的突出效果,這個圓形可以替換成一些素材,比如墨滴之類的圓形素材,甚至可以利用圖片本身存在一個巨大的圓形物體的,來突出文字部分。

適用:這個同樣可以突出「面」文字,這就也為什麼這個方法經常出現各類商業圖冊、海報以及各類宣傳單... ...

上圖是舉例古文字也是可以作為一個圓形的運用。

第二種:直線

直線分兩種,一種就是純粹的一條直線,而另一種則是由細小的字組成的一段文字(通常是英文)。

上面是純粹的直線運用舉例

聯繫:很常見的運用方法,不需要解釋了吧...

集中:作用和方形「集中」相同,只是這個是用兩條線組成一個隱形的方塊,更有形式感。不同這種只能出現在色彩單一或大量留白的照片。

連接符:增加形似感的小東西... ...可以用於連接兩段文字的內容,時尚類設計作品最常用到,在下面打一個問號,是因為連接符的種類很多,上圖只是舉例... ...

這是另一種「直線」,由一排細小的字組成。

聯繫:與上一種相同,但只適用於標題文字較少的時候。剩下兩個不用解釋了... ...大家應該都清楚。

第三種:字符

一般是指的數字以及英文字母,配合文字能有更好的突出效果。如上圖,,而阿拉伯數字的效果最佳。

以上就是字體與圖形的配合部分,不過還有一個例子要特別說明一下:

上圖展示的是一個出現頻率最高的配合類型的,圓形形狀加上字符,然後用連接符接上你要表達的文字。這是最經典的配合類型了。至少突出文字部分的效果非常不錯!

4.色彩的組合模型

PS:以下色彩部分,因為沒有大量的實際操作過,所以我不確定結論的正確性。因此色彩部分僅供參考,只希望大家能從中得到一些啟發就好了。

我們多多少少都學習過色彩的基礎知識,我們都知道上圖的紅色代表著熱情、綠色代表著自然以及紫色代表著高雅等等... ...但是我們卻不能以此為參照來決定字體的色彩,因為實際的情況要比這複雜的多。無論一張照片還是海報,都會運用到大量的色彩,把這些色彩集合成一個組合時,將其稱之為「色組」,如下圖。

這時,要如何區分上圖這些色組的視覺心理呢?在教科書上採用的方法是分成四種類型:分別是「互補色」、「對比色」、「同類色」和「鄰近色」。然後再解釋這些類型的視覺心理,比如「互補色」有著突出、華麗的效果或者更吸引眼球等等... ...但是這個方法只能解釋那些只採用少量色彩的照片或海報,所以這個方法在面對一張色彩豐富的照片或海報時,這個方法又顯得太過籠統和片面。

而在網上大部分的配色教程裡,則用「色卡」來解釋色組的視覺心理的,「色卡」是從一張照片裡提煉出三到六個主要色彩組合起來的配色方案,並認為「色卡」和原照片的視覺心理效果(情緒)是相同的,因此大部分設計作品會以此為參照做配色方案。

但我閱讀了很多研究配色的書籍或文章,其中大部分都認為一個「色卡」是遠遠不足於解釋一張照片給人的視覺心理效果的。認為一張照片給人的視覺感受,不是這張照片裡所有的顏色共同作用下的結果。並表示一張照片的色彩數量、各個色彩之間的面積以及冷暖的對比等等... ...都是會影響一張照片的視覺心理效果的。

於是我總結這些文章的觀點,我重新設計了一個色彩的組合模型,用來描述多個色彩組合的視覺心理效果,見下圖:

上圖是一個色彩組合的模型,我設計成一個倒三角的形狀。我稍微簡單解釋一下:倒三角形最上面的一塊是主色,主色是這張照片裡最突出的色彩,通常是照片裡的面積最大。往下一個是副色,副色比主色的突出效果要較弱一些。再往下則是一些輔助色以及一些面積非常小的點綴色等等... ...

這個模型可以解釋很多色彩組合的視覺心理效果,見下圖:

X:親和 - 強烈

主色和副色的對比關係是會影響照片的視覺心理,當主色和副色的對越弱,畫面的表現越柔和,相反主色和副色的對比越大(通常是由兩者的冷暖、面積、色相的不同),畫面的表現就越強烈。

Y:平均 - 突出

這裡指的是主副色和其他的顏色的面積比例關係。當主副色的面積和其他顏色的面積相差無幾的時候,畫面表現出唯美的感覺。相反主副色的面積遠遠超過了其他顏色面積的總和時,畫面的情緒完全由主副色主導。

Z:單調 - 豐富

這裡比較的是一張照片裡色彩的數量,數量小就會顯得單調,相反則越豐富。

上面三種類型都用XYZ來標記,因為我要總結字體以及色彩的選擇與色彩組合模型之間的關係時,我就要用到下圖這個大模型了:

上圖展示的大模型裡,色彩模型的三種類型做成了一個三維的坐標軸系,這表明了任何一張照片的色彩組合,都是這個XYZ軸系裡的一個點,也就是說任意一個色彩組合模型會同時滿足三種類型的其中一種,最終會形成八種色彩組合模型(八種情緒),下面列舉一些:

大家能看到在大模型裡還有冷暖區分的四個色塊,它們代表了四個區域,從上往下分別是「粗古」、「細古」、「細現」和「粗現」。這些色塊是表達:當一個色彩組合越傾向坐標系的正軸時,則使用越粗的古典字體。相反地,越傾向負軸時,則使用越粗的現代字體。

簡單地來說,就是當一張照片的色彩的越強烈、越突出、越豐富時,就用古典的襯線字體,而且要越粗越好,而當一張照片的色彩的越親和、越平均、越單調時,就用現代的無襯線字體,而且要越粗越好。這是大模型的作用之一:不同色彩組合對字體選擇的影響。

大模型的另外一個作用在於,我們還可以通過對增減或改變某個色彩,來改變這個照片的色彩組合傾向,來表達某一個情感、主體又或者適應某一個字體等等... ...而改變的方法,就是利用字體或形狀圖形的顏色。這就意味著在圖片上加字這個行為,就已經是在影響一張照片的色彩心理了。

綜上,我們拿剛才的圖片來舉一些例子,見下圖:

第一個例子,由於照片的色組屬性是「強烈」、「突出」和「單調」,所以選用了細筆畫的古典字體,這是一個「文字粉飾圖片」的例子。

第二個例子,是一個「圖片突出文字」的例子。雖然這張照片的色彩屬性有「強烈」和「突出」,但色彩卻是「單調」的,我的做法是先加上兩個粗筆畫的毛筆字(粗古),突出一個主色。然後再放一段酡紅色的英文,是色組變得豐富,同時配合「粗古」,讓色彩的情緒表達地更加明顯。

最後的例子,是關於形狀的顏色和透明度設置的一個示範。由於這張照片的色組屬性太過平均,所以我用一個形狀壓住一個副色調,然後用「粗古」字體壓住主色調,將這個色組的「平均」屬性轉為「突出」。這個例子是想表達:形狀圖形的色調選擇,關鍵在於你想怎麼改變色組的屬性,而半透明的設置,可以改變色組的「豐富」屬性。

過程見下圖:

5.單個字體的形態

篇幅已經很長了,直接上結論吧(累)。總結了所有的教程和優秀設計作品,我認為區別單個字體之間最重要的三個特徵:見下圖

體飾指的是在字體筆畫末端的裝飾,字體的體飾之間不是有或無,而是多和少,這是一個比較模糊的概念。通常按照筆畫體飾的多少劃分「古」文字和「今」文字。「古」文字適合作為標題,出現表現自然、傳統或者表現歷史厚重感的題材裡,「今」文字大多是在時尚、科技或者普通生活題材裡,「古」文字最重要的特點是抒情,「今」文字則注重簡潔。

筆畫的差異在於粗細,粗筆畫用於強調,細筆畫則用於修飾細節,例如突出某商品的精細做工。這裡還有特別說明的一種情況是粗細結合,筆畫的粗細差異算其實是屬於體飾的變化。

轉折的差異在於曲直,轉折越尖銳的字體適合表達力量感,反之曲面轉折的字體適合表現女性的柔美。見下面兩個例子轉折的差異在於曲直,轉折越尖銳的字體適合表達力量感,反之曲面轉折的字體適合表現女性的柔美。見下面兩個例子

——————————————就寫到這裡,以後慢慢修改和增加內容————————————

文章差不多補充完整了,現在可以轉載,但是必須表明作者和出處。

【車路的回答(219票)】:

看所有人都在加白字,我是拒絕的。設計沒有那麼乏味!

這個集合式的問題,包含著好幾個小問題。

1.如何選擇圖片——在構圖之前,你開始作出判斷,選擇不同的圖片,或者截取圖片的不同部分。

2.如何改變已有的圖片——即使已經確定了圖片,還可以動手改造它。

3.如何確立一個新的版式——因為你要傳達的信息的區別,你開始朝著你的目標靠近,踐行你所瞭解的對比、均衡等構成理論。

4.如何選擇字體——因為你要傳達的信息的區別,你開始朝著你的目標靠近,踐行你所瞭解的字體、形狀所傳達不同意義的抽像理論。

5.如何搭配字體——對字體整體的認知,把不同字體放在一起的學問。

6.如何為搭配好的字體選擇整體的顏色——別告訴我全部用白字!當更多的字體、更多的問題、更多層級的信息出現的時候,你的手段會失靈。怎麼辦?這時候要拿出你在色彩學上的知識,能夠一眼識別前景色、背景色、鄰近色。

想要瞭解這些,我推薦初學者用力去找一個網絡上流傳著的電子文檔:

《BEFORE & AFTER》

以下我截取一些與題目有關的章節。

1.提高對色彩的認識——如何尋找完美色彩

為了阻止這種「照片上放白字」的風氣,我首先發一個和色彩有關的文字圖片搭配技巧。「如何尋找完美色彩」。和圖文排版有關係嗎?關係重大。它以最通俗易懂的方式,展示了同一個圖片素材的五種色彩搭配規律——找到色調、找到鄰近色與對比色、運用它們。

2.解構你的圖片素材,別讓它只是背景圖。

在其他答案中也出現這麼一種傾向——圖片就是圖片,文字就是Bi-a在圖片上面一個圖層,毫無層次感。所以我選擇這個教程作為比較極端的例子。想要做圖文混排,就得破除這種習慣,為什麼你的圖片只是背景,不能被拆成畫面的元素?

在這一部分中,又一次涉及到了色彩方面的知識。還好我們已經提前看了色彩搭配的方法,如果看不明白第二個案例,就請往回看一下。

(好消息是有人把他翻譯成中文了,壞消息是翻譯成中文後,很亂,很難看,大家將就看看吧。)

3.即使它就是背景圖,你也得取捨啊。

圖片做背景圖,上面要放文字時,必須取捨圖片。大刀闊斧知道嗎,不在於技巧多,在於你心得狠!得捨得把你找出來覺得不能再漂亮、不能再完美的圖片變成你作品的一部分。這一章的技巧雖然簡單,但是也是許多初級設計師中所缺乏的精神——犧牲圖片、顧全大局的精神。別捨不得把圖弄成點綴,是你在設計它,不是它在設計你。

4.最後兩個例子,文字也可以有質感啊

再強調一次,不要割裂圖片和文字的關係,用色塊把文字裝到籠子裡固然簡單易於管理,但是你也失去了讓文字與圖片共同展現魅力的機會。

還有嗎?

網上去找,這一系列的教程會給你很大的幫助。

舉這些例子,只是想要讓你注意到這幾個方面:

1.看上去是圖片和文字關係不協調的事,其實也是因為你的色彩不協調。

2.或者是因為你把圖片和文字當成是獨立的元素,不去解構、重新排布和認識它們;

3.即使圖片是背景,你可能也對它們不夠狠。死扣細節,沒有大刀闊斧地去修正整體上的關係。

4.更因為你對整體情緒、質感上缺乏感情。排得再完美,缺乏感情,不如戴維卡森那樣「亂排」。

加白字、分析字體的邊邊角角的方法練習得再久,如果忽視了整體,只會離上圖的效果越來越遠,只會變成是成熟而乏味、沒有想像力的排版。

因為有情緒的、靈活的、打破常規的方法,背後不僅是文字與圖片的共存關係。把它們都想像成元素,再去安排這些元素,別被自己的分類法給限制住。

【鮑抒的回答(111票)】:

咳咳

=============================嚴肅的分割線

1.字體顏色?

如果圖片為暗色調,那麼字體最好亮於圖片 然後在根據圖片的主色調,選取對比色(極端舉例:假設圖片全黑,那麼字體全白)反之同理

(圖片源於網絡)(圖片源於網絡)

附贈高大上絕招一:用ps將圖片高斯模糊(可提高人對文字的識別率

2.放在哪裡?

忌諱一:同一個地方不要放太多字,如果不是刻意為了展示某種風格,那麼字體風格要統一,注意留白

什麼叫留白?

詳見最頂上的兩個字

高大上絕招二:如果圖片主體是「人」,請將字放在該人的視線下(人最好是微微的側臉),產生的效果就是,將觀眾的注意力轉移到文字上(如果觀眾主體為男人,請將下面那位鬍子拉碴的男人換成除鳳姐以外的女人,效果更佳~)

(源於網絡)(源於網絡)

3.用什麼字體?

微軟雅黑最好了 @vczh

其實大部分情況字體都需要你自己設計(圖片來源於網絡)

【野合菌的回答(42票)】:

【阿卡林醬的回答(3票)】:

【林雨德的回答(9票)】:

看到第一個和第二個仁兄的回答,我馬上想到最近看的一本書《超越平凡的平面設計 版式設計原理與應用》(美)John McWade

雖然還沒看完,但一邊看心裡一邊覺得「相見恨晚」

不同於一般設計書,既沒有教你用哪種軟件去操作,也不會有一大段你看不明白的設計理論,簡單實在~本人也覺得,設計掌握一些實在的知識,紮實的操作手段,是設計的基礎。

像上面所介紹的方法,字體顏色根據想要表達情感的不同去選擇~至於什麼顏色搭配表達怎樣的情感,就是配色基礎,網上哪裡都可以找到。像上面所介紹的方法,字體顏色根據想要表達情感的不同去選擇~至於什麼顏色搭配表達怎樣的情感,就是配色基礎,網上哪裡都可以找到。

字體樣式這本書也有介紹,有興趣可以找來看看~~

個人覺得字體搭配也是要看你要搭配的內容去選擇,優雅?活力?沉重? 或粗體或細體,或菱角或圓角,都有他們的感知屬性。

《超越平凡的平面設計 版式設計原理與應用》

【Felixcc的回答(65票)】:

之前在知乎看到的一張圖,關於字體選擇的,忘記是誰分享的,這裡也分享給大家,侵刪。

【孫浩然的回答(21票)】:

把圖片先調暗30% 然後用高斯模糊,再用白色字體會顯得高大上

胡亂弄了個圖,背景來自bing壁紙2015/2/27

【二毛大逗逼的回答(1票)】:

其實我覺得自己看著舒服就好了 因為大部分人的看著舒服不舒服的觀點應該是差不多的

【臧大維的回答(1票)】:

簡而言之不能亂放,要按照一定的比例和數理關係放置。可以參考網格佈局、對角線、黃金分割、對數等關係佈局。

顏色應該你在設計之初就配好色,參考相關的配色網站。

至於字體,中文字體沒幾個能選的,蒙納、思源都可以,只要字體風格和你的圖片符合就 可以了,需要注意和變化的是字體間距和行距。

【波本的回答(8票)】:

失蹤人口回歸,答個簡單點的題。只需一步,解決非設計專業人士的煩惱。

回答者大多都是設計師,不過都沒發揮設計師的作用。幸好還有@ka rl 的答案,不然題主肯定抱著幾本設計教學書,大呼:看這玩意有什麼卵用!

設計師就三點唄:發現問題,認清問題,解決問題。從題主提問就可以看出:一個不怎麼懂設計的朋友,想給某張圖加點字,想好看點,但又不知道選什麼字,怎麼排版。

別折騰題主讓他看設計師才要看的書了,我來吧。

解決方案:

  1. 把手中的書扔一邊。真正想學設計了,也先看平面構成,而不是《寫給大家的設計書》。
  2. 去這個鏈接:2014精選海報廣告設計字體庫模板庫中英文文字模板設計師素材大全 花7塊買個字庫,中英文都有。

  3. 下面寶貝描述不是有圖麼,中英混排,都是你下載的字體庫裡的演示,選哪幾個字體,用什麼顏色,怎麼混排,放在圖片哪裡,都有。照著做,夠你用的了。

最後,誰把廣告費給結了。

【IdaLee的回答(29票)】:

【多圖】折騰圖片好幾年了,個人一點點經驗。(圖片尺寸不統一 強迫症對不起orz)

1.字體根據內容選擇一定不會錯,比如古詩詞可以選行楷、仿宋、蘇新詩柳楷簡體等等古風字體。英文字體大致分為手寫和印刷兩類,也是根據內容選擇。

(第四張圖源網絡) (第四張圖源網絡)

2.顏色當然要使字突出出來啦,比如下面這張圖淺色背景上的墨藍色字。如果懶得選顏色,淺色圖片用黑色字,深色圖片用白色字,稍微調整透明度就好。

3.位置要根據圖片和文字的特點。首先是要保證文字背景不過分花哨,最好是純色,使文字突出出來;其次,如果想要突出圖片文字可以放在角落,如果重點在文字則將文字放在圖片中心,圖片可以高斯模糊處理; 另外,利用圖片上的一些形狀和角度排布文字也有很不錯的效果~幾個小例子:

(tumblr上看到的兩張圖,很有感覺的說●ω●) (tumblr上看到的兩張圖,很有感覺的說●ω●)

關鍵還是多看啦,看的多就有感覺咯 關鍵還是多看啦,看的多就有感覺咯

【Pony的回答(2票)】:

字體,字體顏色要跟圖片的感覺走,要看圖片體現出來的是什麼內容,場景,人物,活動等等。

有時候字體需要設計,看起來更加符合圖片的意境。

顏色方面可以從圖片中拿顏色。

擺放,這是個排版問題,但也要根據圖片實際情況出發,不能把重要的信息遮住,但也有一些創意的排版。

圖就不上了,自行百度。

【KillaLego的回答(2票)】:

以自己多年做設計的經驗來為一樓補充些

------------------------------

首先你得確定這張圖的作用性和整體構思,主體是文字還是物體,主體是文字的情況一定要喜歡上留白這個東西,根據畫面風格,整體色彩較輕的情況選擇細體文字,個人在輕色調下不愛把文字與背景對比差異過大,而在重色調下傾向於用粗體字以及對比很大(即一樓所說黑底白字)。我主要想說的是附屬說明文字的排版,首先在字體上要與主體文字保持風格搭調,且比主體字更細一些(所以選擇有粗細選項的字體比較好),位置上要與主體文字保持某種對齊狀態(縱向橫向居中較常見),在顏色上應與主體字保持色相或者明度統一的情況下減弱與背景的對比(如黑底白字配灰色說明文,再來一抹彩色修飾更好),最後說明文有些文字較多會讓人不知道怎麼排列文字,這時候應該把一整段文字看作為一個色塊來處理,就更容易搞清他的位置了

【丁妖的回答(2票)】:

我老師說過一句話,排版中,文字要被看作一個圖像元素來理解,如果是一段話,隨字間距的差異,構成不同灰度的一個圖塊。對我算是一個最為有效的啟蒙。

對了我是學設計的。

【知乎用戶的回答(1票)】:

雜誌的圖片與文章之間的排版確實有一些很好的模板可循,但更應該發散思維靈活的去思考佈局

【LIANGXU的回答(2票)】:

做成彈幕。。。

【知乎用戶的回答(0票)】:

如果是西文字體的話,難以取捨,就用:Helvetica

沒差

字體該用什麼顏色要根據背景圖和所表達的主題來做選擇。這個沒辦法幫你。

【知乎用戶的回答(0票)】:

那要看是什麼樣的圖片,做什麼用。我就介紹幾種情況的小技巧吧。

1.正式的內容與圖片: 用正式的字體,微軟雅黑,細明體之類的,字體為純色,顏色最好用黑色或者與背景圖片為對比色的顏色,這樣更顯眼。位置最好在不影響觀看圖片,比如在上方或者中間,可根據需要靠左靠右,但是不建議靠下,靠下真的不好看

2.活潑內容與圖片: 字體可以比較隨意,顏色也可以用每個字不一樣的顏色,如果每個字顏色不一的話建議使用同色系顏色或者對比色撞色,且與背景有對比。位置同理

3.不是特別活潑的或者海報什麼的話,最好不要把字弄歪弄斜,真的會不倫不類啊啊啊

標籤:-設計 -字體 -平面設計 -中文排版 -配色


相關資源:





給我留言