網頁制作時如何給圖片添加文字？

大家都不知道如何創建網站的圖片排版，往往忽略在圖片文字結合的情況下如何進行排版。換而言之，很多人討論圖文分開時候如何排版，卻很少人注意到在圖片上添加文字時應該怎么排版。接下來，小編要從幾個方面談一談如何給圖片添加文字。

一、豎直OR水平

不同于正文中多采用水平文字排版，圖片上添加的文字有豎直型和水平型兩種排版樣式選用幾率相當。水平型更符合閱讀習慣，適用于文字內容較多的情況，而豎直型更有個性和視覺效果，適用于標題或者文字內容較少的情況。無論是哪種排版樣式，都要注意字體大小、字距、段距等基本的文字排版問題。

二、對比

站長網頁制作在給圖片添加文字時最常遇到的一個問題就是圖片的顏色太雜或者是圖文對比度不夠明顯，這時候我們有三種做法。我們可以調整文字的顏色，使之與圖片形成對比。如果不想改顏色，還可以圖片作模糊化處理。

如果既不想改變文字顏色也不想模糊化圖片，那么我們可以給文字加上底紋，如上圖所示，底紋可以將文字與圖片很好地分離開來，最大限度降低圖片對文字的影響，更有效地突出文字。在選擇底紋的時候要考慮其與圖片搭配是否和諧，不能讓人覺得其格格不入。

三、線條幾何

如果在制作網站時覺得只有文字太平淡呆板，我們可以加入一些線條或者幾何圖形，讓其顯得更加豐富和有層次。上面圖片上的文字就是加入了兩條簡單的橫線，讓文字的層次凸顯出來，方便區分版塊。在加入線條或者幾何圖形時要注意主次關系，不可以喧賓奪主，同時也要考慮網頁制作中整體頁面的平衡性。

四、大小顏色

如果想要文字有更多變化或者區分重點，可以考慮讓文字的大小和顏色有所變化和組合。像上面的網站模板，將不同內容的文字設置成不同大小和顏色，紅色放大的“HEY LADY!”一下子就可以吸引住視線，不同的字體大小可以讓人很容易區分不同的文字版塊，讓頁面的層次更加豐富。

各位站長在網頁制作時如果還為不知道如何創建網站圖片，怎么添加文字而苦惱的話，可以參考上面幾個基礎的建議，網站模板也可以嘗試去使用一下。