怎樣選擇與圖片搭配的字型

來源:酷知科普網 1W

當圖片與文字具有緊密的關係時,如何選擇一種能夠與圖片搭配的字型?本文以一個例項詳細探討了其中的解決之道。對於我們使用中文的讀者,同樣具有啟迪作用。這篇文章還教會我們如何去“看”一件東西——這是作為設計師必不可少的技能

步驟/方法

(01)要確保字型與影象和諧一致,關鍵是要找出兩者的共同點。你手頭上已經有一張你想要的圖片了,而你需要找一種字型與它搭配,你如何選擇?我們會認為文字的作用就是用來閱讀,但事實上字型其實也是一種藝術作品,不同的字型——實際上就是不同的圖片,能夠傳達不同的語氣及含義。所以我們可以看到銷售的字型一點都不便宜。當文字作為印刷品時,不同的字型傳達了活潑、莊重或商業等不同的氣息,這些不同是由字型的結構所決定的。關鍵的問題就是要如何選擇字型,因為只有當圖片與字型傳達的是同一種“聲調”,兩者在一起時才會感覺到和諧,並且力量也得到加強。在本文中,我們將會探討這一點,我們在本文介紹的 Harry & Sons 公司,其業務是樹木護理、修剪等——已經有了一張他們滿意的圖片,是一張稠密的樹木圖片。他們需要尋找一種能夠與這棵樹搭配的字型來設計公司的名片。

怎樣選擇與圖片搭配的字型

(02)分析圖片為了使所用的文字與圖片配合,我們第一步必須要找出兩者在視覺上的共同之處。我們首先通過觀察其比例、形狀、線條及圖案來深入瞭解這張圖片。事實上,我們在看一件物體時更多的是採用一種“辨認”的方式(“這是一棵樹”),而我們並沒有真正“看”到它們,大多數情況我們都只是在霧裡看花,作為一名設計師,我們要真正學會如何“看”一件東西,設計師的眼睛必須與眾不同!如果我們仔細打量這棵樹,你會看到更多的東西。

怎樣選擇與圖片搭配的字型 第2張
怎樣選擇與圖片搭配的字型 第3張

(03)比例及質量這棵樹給人的感覺是很濃密粗壯的,這一特性對我們在餘下的設計是具有很大的影響力的,而我們在看一件東西的比例時,有時會給自己的眼睛所欺騙,所以最好的辦法就是直接在圖片上畫一個方框來觀察(如上圖),不要輕易相信自己眼睛所看到的。加了一個方框後,我們看到這棵樹的幾個比例特點:• 它呈正方形;• 它呈對稱性;• 它是筆直的。

怎樣選擇與圖片搭配的字型 第4張

(04)形狀:形狀是我們感覺一件物體的關鍵。這棵樹的形狀是在一條直線上有著一個呈卵形結構的形狀,樹杆是筆直的,樹基是水平的,類似在一根柺杖上放置一個雞蛋的感覺。線條線條就是指一幅圖象中主要的橫線或垂線,也指邊緣的輪廓。在上圖中,我們看到一條主要呈水平狀的橫線及沿樹葉兩端由上至下的弧線,最下面是一條崎嶇不平的邊緣線。

怎樣選擇與圖片搭配的字型 第5張
怎樣選擇與圖片搭配的字型 第6張

(05)紋理:這棵樹有很豐富的紋理。其紋理給人一種凌亂感,但要特別留意其中所產生疏密不一的紋理形成了正空間(黑色區域)及負空間(白色區域),其象河流的紋理就象池塘中的鮮苔。

(06)文字:我們可以輕易找到各種各樣的文字。我們首先從觀察不同字型的比例及形狀入手,首先排除一些明顯與圖片不協調的字型。當我們經過了前幾步對樹木圖片觀察後,我們可以知道,一些緊縮形、擴充套件形及流暢形的字型與樹木圖片並不搭配。而結實型(上右)的字型粗看與樹木的結構非常接近,但這種字型有著太多人工痕跡,與充滿自然紋理及線條的樹木圖片並不接近。通過上述這一步中,我們已經排除其中一大部分的字型。讓我們來試一下其它的字型:我們要觀察一些標準的字型,這些字型整體呈矩形狀,字形筆直,這種字型是數量最多的一種字型(佔了所有字型的一半)。所以,我們還要更進一步深入觀察,也就是說,我們要觀察線條及紋理。上圖為 Sans-serif (非襯線體,即通常我們所說的黑體)字型,如果採用這種字型與我們的圖片搭配,則它具有合適的比例,但卻擁有不恰當的線條。 Sans-serif 給人一種機械性的呆板,而且外觀劃一,無論是線條、轉角位還是直線都很象是同一個模做出來似的,這種線條與其呈現的紋理與我們這張充滿自然氣息的圖片並不相似。上圖為羅馬體,有著合適的比例,也有著更恰當的線條,這種舊式的羅馬字型與那棵樹一樣有著很多相似之處,如這種字型有著豐富的細節,而且細節各異,他們的線條有粗細之分,還有襯線裝飾,使到線條的末端形成很豐富的紋理,這種字型如果組合成一個區域,同樣形成細節豐富的圖片感覺。經過了上一步的篩選,我們又排除了另一部分的字型,也使我們的方向更加明朗:即選擇那些具有標準比例、襯線的羅馬字型。但這種字型同樣有很多種,而哪一種才是最好的呢?在這個例子中,線條與紋理是其中的關鍵——但現在,我們還要更進一步觀察。標準比例的羅馬體是所有字型中最古老及用得最普及的字型,你可能會問,有多古老?我們今天最常用的其中一種字型 Trajan (圖拉真,名字來自於公元 98-117 在位時的羅馬皇帝)是根據 1900 年前當時羅馬那些雕刻在柱子上的字型演變而來的!在現在我們所使用的大部分襯線字型都有 100-300 年曆史,這也充分說明了羅馬字型是最能經受時代的考驗的!這些字型比例嚴謹,具有襯線裝飾,線條有粗細變化,這些特點也使到羅馬字型成為最適宜閱讀的字型,所以看到我們的書本、雜誌及報紙正文中都在使用襯線字型並不讓人感到奇怪。雖然我們已經確定了採用羅馬字型,但上面三種字型,哪一種才是最合適的呢?讓我們以三種不同的“觀看距離”來看一下這些字型,這一步將決定我們最終選擇哪一種字型。

怎樣選擇與圖片搭配的字型 第7張
怎樣選擇與圖片搭配的字型 第8張
怎樣選擇與圖片搭配的字型 第9張
怎樣選擇與圖片搭配的字型 第10張

(07)Times Roman 字型Times Roman 字型無疑是非常受歡迎的一種字型(甚至是很多電腦中排在第一位的預設字型),它具有很精細的細節及粗細變化的線條,但其精雕細刻的線條及呈規律變化的線條粗細也使其呈現一種整齊劃一的視覺效果。其襯線收尾處過於精細(見上圖第一張),甚至讓人感覺到如果你用手指去碰它們,這些精細的襯線會象一枝針刺傷你的手指。所以對於我們那棵充滿生命力、有著很多圓弧轉角及天然特性的樹木圖片來說, Times Roman 字型並不是最佳的選擇。

怎樣選擇與圖片搭配的字型 第11張
怎樣選擇與圖片搭配的字型 第12張

(08)Bauer Bodoni 字型這種字型充滿現代氣息,但我們要留意它的細線條、細節元素,特別是字母與字母並排時所形成的紋理,如果你拿這種字型與樹木圖片對比時,您會看到他們兩者有相似之處嗎?上述三圖同樣是我們以近、中、遠三種不同距離來觀察文字。作為一種現代字型, Bauer Bodoni 字型其線條變化非常大,在不同的字母中,其粗線都是一樣粗,其細線也是一樣細,這種字型廣泛應用於服裝界及財經界的設計領域,但它們尖銳的邊緣及幾何形的精密同樣給人一種機械感及整齊感,過細的線條在以較遠距離觀察時,幾乎難以辨認。與我們樹木圖片所呈現的柔軟感性的紋理同樣不搭配。通過上面所述,你是否已經學會如何去看一件東西?其實這個過程是訓練眼睛的一個過程,一旦你學會以這種方式去觀察每一件東西,那你已經前進了一大步。在這裡,我們要說到 Gargoyle 字型——亦是我們樹木圖片最佳搭配的字型。Gargoyle 字型具有一種人文氣息及手寫體的風格,但它同時具有一種標準的比例及舊體的風格,字型細節豐富,而且不同字母的各個細節變化無規律,線條粗細變化並不明顯,它樸實無華的線條及圓弧轉角的細節給人一種溫暖、變化及生命力的感覺,而這一切,正象樹木圖片所呈現的風格。這就是我們要選擇的字型。

怎樣選擇與圖片搭配的字型 第13張
怎樣選擇與圖片搭配的字型 第14張
怎樣選擇與圖片搭配的字型 第15張
怎樣選擇與圖片搭配的字型 第16張

(09)應用:在排版上,應該順應圖片所呈現的特徵——在這個例子中,樹木是筆直的,所以我們在文字安排上也可以利用這個特點,無論是正反版面,文字都是居中對齊,由上到下,呼應了樹木的結構特點,在反面中,文字區域邊緣所呈現的無規律輪廓同樣呼應了樹木的輪廓。每一個元素的安排都根據樹林的特點來安排。卡片是垂直襬放的,文字從上到下,就象樹杆給人的感覺一樣,首先安排 LOGO ,底部是電話號碼,中間大片留空的區域讓眼睛有放置的地方。而在背面版式中,相同的樹木元素再次出現,但尺寸卻較小,而且留意一點,在背面中, LOGO 下方並沒有名稱,這樣使人不會搞不清哪一面才是正面。多行文字既容易閱讀,也模仿了樹木的輪廓。這個時候,無論是樹木、字型、版式及顏色,都呈現了一致的視覺效果:

怎樣選擇與圖片搭配的字型 第17張
怎樣選擇與圖片搭配的字型 第18張
熱門標籤