網站設計中佔據篇幅 zui 多的就是圖片和文字，想要獲得一個好的網站設計效果，就需要將圖片和文字合理的搭配起來，讓每個元素都各在其位。那麼如何做好圖片與文字的配合呢？
1 、字型選擇與字型組合方式
網站設計中，文字的不同字型和不同的組合方式，所得到的效果是完全不同的，所以我們在網站設計時應做好這方面的準備工作。中文字型的選擇有很多種，比如 “微軟雅黑”，就是一種在瀏覽器中看起來視效效果 zui 好，也 zui 舒服的字型。
2 、文字與圖片的組合方式
文字與圖片的組合方式一般可以分為兩種，一種是圖片突出，文字在組合中起到的是解釋説明的作用，另一種是文字突出，圖片在組合中起到的作用是襯托和突出文字的重點。
3 、主體物與視覺焦點
主體物與視覺焦點是攝影作品裏的兩個基本要素，因此在一張照片裏通常會有一個突出的人或物作為主體。在網站設計中，如果我們把主體物看作是一個面，就會更容易理解文字在圖片的作品裏的作用，讓文字和圖片之間保持和諧統一。
文字部分與主體物之間的位置大小關係有三大原則：
文字部分的面積絕對不能大於或接近主體物的面積，否則很容易造成主體物被忽略的情況。
文字 “面” 與主體 “面” 的邊線保持聯絡（直線或平行），意思就是讓文字的平面與主體物的平面存在相關性。
A=B 文字 “面” 或者與畫面邊緣的距離幾乎相等於主體 “面” 與畫面邊緣的距離
4 、字型與圖形的配合
以 “圖片突出文字” 為目的的排版，其特點是不需要分析照片裏面的元素。在大部分設計教程以及很多優秀的設計作品裏，圖片被認為只是作為一個大色塊存在，它的存在只是為了 zui 後您想要表達的文字（情感），鋪設基調。
大部分優秀排版裏採用的解決方案是運用字型與圖形的配合，而其中型別有三種：
PART 1/形狀圖形
形狀圖形主要指方形、圓形以及一些不規則的形狀圖形。
PART 2/直線
直線分兩種，一種就是純粹的一條直線，而另一種則是由細小的字組成的一段文字（通常是英文）。
PART 3/字元
一般是指的數字以及英文字母，配合文字能有更好的突出效果，而阿拉伯數字的效果 zui 佳。