教你如何在圖片上加文字

《教你如何在圖片上加文字》由會員上傳分享，免費在線閱讀，更多相關內容在應用文檔-天天文庫。

1、WORD文檔下載可編輯教你如何在圖片上加文字非常感謝知乎網友Mudo將以下文章授權『建筑學院』發(fā)布。??過去我做排版都習慣用那些現(xiàn)成的設計素材，到后來我嘗試直接選一張沒有經過任何修改的照片用于排版時，我才知道“圖片上配上文字”其實是一個很復雜的問題，因此我有一段時間將這個問題好好地研究一番。我去翻看各類設計網站大咖們的優(yōu)秀作品、找時尚雜志和精品畫冊，但是我的目的不是想從中找到感覺，而是希望通過一個科學、嚴謹?shù)姆椒▉碚业絻?yōu)秀作品之間的視覺規(guī)律，我寫這個答案就是將這個過程分享給大家。不過本人還只不過是設計專業(yè)的學生，學藝未精，而且文筆還不好……

2、因此解釋這樣一個復雜的問題的解答過程，肯定會有很多不足的地方，大家就作一個交流吧。??為本文做一個導航圖，證明這真的是一個很復雜的問題…一、字體選擇與字體組合方式??首先我挑選了一些我個人覺得不錯的設計作品，根據(jù)這些作品的設計目的和最終效果，分為“A”、“B”兩組。??A組是“圖片突出”，文字存在的目的只是粉飾這張照片而已。??B組是“文字突出”，文字在圖片的襯托下被重點突出出來。專業(yè)資料分享WORD文檔下載可編輯??然后將它們的文字部分“裁剪”出來，然后根據(jù)原本文字的樣式以及文字組合方式，最后分組排列出來。??效果圖如下：??可以看出這兩

3、組的字體之間差異很大的，在字體選擇上：??A組的字體主要是現(xiàn)代等線體，筆畫沒有裝飾。出現(xiàn)題材很廣泛，大多數(shù)是一些商業(yè)圖冊上，或者用于襯托人物場景時尚氣質的圖片上。專業(yè)資料分享WORD文檔下載可編輯??B組的字體主要是古典襯線體，筆畫裝飾強烈。多出現(xiàn)在傳統(tǒng)、自然的以及一些抒情性很強的照片上。??在字體組合方式上：??A組的字體組合都被緊密地排列在一個無形的矩形里，在視覺上形成一個面。??B組各個字之間松散地擺放組合在一起，在視覺形成一個個點。??其實可以這樣去理解這兩組字體在視覺心理的效果，見下圖：??而造成這兩組字體在視覺心理上的區(qū)別，這和

4、一張攝影作品兩個重要的元素有關二、主體物與視覺焦點??主體物的視覺焦點是攝影作品里的兩個基本要素，因此在一張照片里通常會有一個突出的人或物作為主體。而其他例如在風景類攝影作品，照片里即使沒有明確的主體物，也會存在一個視覺焦點。??一張攝影作品的主體物和視覺焦點是很容易看出來的，如下圖：專業(yè)資料分享WORD文檔下載可編輯??為了展現(xiàn)“圖片突出”的優(yōu)秀設計作品里，文字部分與這兩個基本要素的位置關系，同樣做成效果圖。分C、D兩組展示。??C組是文字部分與主體物的位置關系??D組是文字部分與視覺焦點的位置關系專業(yè)資料分享WORD文檔下載可編輯??（

5、C組的深色塊是主體物，D組的白點是視覺焦點，白色塊是文字。）??其實無需我多說，大家應該能從上面的效果圖，可以大約地看出文字與兩大元素之間的關系吧？我根據(jù)我的觀察結論作一個整理：??如果把主體物看作是一個面，就不難理解在一個需要文字粉飾圖片的作品里，字體之間會被聚集在一個面里，因為面元素的重復出現(xiàn)在一個畫面里，整體畫面就不會出現(xiàn)違和感，還能讓文字和圖片之間保持和諧統(tǒng)一。??如果你能觀察了足夠多C組類型的“效果圖”后，就發(fā)現(xiàn)了在所有的這類優(yōu)秀設計作品里，文字部分與主體物之間的位置大小關系有三大原則：??1：文字部分的面積絕對不能大于或接近主體

6、物的面積。??2：文字“面”與主體“面”的邊線保持聯(lián)系（直線或平行）。??3：文字“面”或者與畫面邊緣的距離幾乎相等于主體“面”與畫面邊緣的距離。??現(xiàn)在來看看D組，文字部分與視覺焦點的關系基本和上面的鐵律相似，但唯一的特別之處在于：當視覺焦點位于畫面中線，文字部分使用居中式。??過同樣也是觀察了足夠多的“效果圖”后，發(fā)現(xiàn)視覺焦點的位置不僅僅是與構圖有關，這其中還有很多的特殊情況必須要注意到：??1：當照片的主體物是分散且毫無意義的，視覺焦點默認在畫面中心。專業(yè)資料分享WORD文檔下載可編輯??2：當照片被某一個場景或物品切割了整張畫面時，

7、視覺焦點只會出現(xiàn)會在切割線上。默認位于中心點或者色彩密集的地方。??3：眼睛單獨作為視覺焦點??第一點提到的照片的主體物是分散且毫無意義的。舉一些例子，它們的題材一般是拍攝天空、無邊際的森林樹木又或者下雨的場景等等……這類照片的視覺焦點默認在畫面的中心點，并且文字部分也只能固定在畫面中心，因為文字部分在這時需要擬補原本照片缺乏視覺焦點的缺陷。（D組第一列第三張）??而第二點提到某些被一個場景或物品切割了整張畫面的照片，通常是因為地平線或者海岸線之類引起的。還有一種類似的情況是，當照片里的主體物太大，以至于切割了背景出現(xiàn)切割線時，主體物就不能

8、作為一個面來看待了。如D組里二列第二和第三…….就是這種情況，視覺的焦點通常位于切割線的其中一處，通常是色彩密集出現(xiàn)的地方。??第三點非常重要！在畫面的內容里眼睛的存在會形成一個