網站設計中占據篇幅zui多的就是圖片和文字，想要獲得一個好(hǎo)的網站設計效果，就需要將(jiāng)圖片和文字合理的搭配起(qǐ)來，讓每個元素都(dōu)各在其位。那麼(me)如何做好(hǎo)圖片與文字的配合呢？

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

網站設計中，文字的不同字體和不同的組合方式，所得到的效果是完全不同的，所以我們在網站設計時應做好(hǎo)這(zhè)方面(miàn)的準備工作。中文字體的選擇有很多種(zhǒng)，比如“微軟雅黑”，就是一種(zhǒng)在浏覽器中看起(qǐ)來視效效果zui好(hǎo)，也zui舒服的字體。

2、文字與圖片的組合方式

文字與圖片的組合方式一般可以分爲兩(liǎng)種(zhǒng)，一種(zhǒng)是圖片突出，文字在組合中起(qǐ)到的是解釋說明的作用，另一種(zhǒng)是文字突出，圖片在組合中起(qǐ)到的作用是襯托和突出文字的重點。

3、主體物與視覺焦點

主體物與視覺焦點是攝影作品裡(lǐ)的兩(liǎng)個基本要素，因此在一張照片裡(lǐ)通常會有一個突出的人或物作爲主體。在網站設計中，如果我們把主體物看作是一個面(miàn)，就會更容易理解文字在圖片的作品裡(lǐ)的作用，讓文字和圖片之間保持和諧統一。

文字部分與主體物之間的位置大小關系有三大原則：

• 文字部分的面(miàn)積絕對(duì)不能(néng)大于或接近主體物的面(miàn)積，否則很容易造成(chéng)主體物被(bèi)忽略的情況。

• 文字“面(miàn)”與主體“面(miàn)”的邊線保持聯系（直線或平行），意思就是讓文字的平面(miàn)與主體物的平面(miàn)存在相關性。

• A=B 文字“面(miàn)”或者與畫面(miàn)邊緣的距離幾乎相等于主體“面(miàn)”與畫面(miàn)邊緣的距離

4、字體與圖形的配合

以“圖片突出文字”爲目的的排版，其特點是不需要分析照片裡(lǐ)面(miàn)的元素。在大部分設計教程以及很多優秀的設計作品裡(lǐ)，圖片被(bèi)認爲隻是作爲一個大色塊存在，它的存在隻是爲了zui後(hòu)你想要表達的文字（情感），鋪設基調。

大部分優秀排版裡(lǐ)采用的解決方案是運用字體與圖形的配合，而其中類型有三種(zhǒng)：

PART 1/形狀圖形

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

PART 2/直線

直線分兩(liǎng)種(zhǒng)，一種(zhǒng)就是純粹的一條直線，而另一種(zhǒng)則是由細小的字組成(chéng)的一段文字（通常是英文）。

PART 3/字符

一般是指的數字以及英文字母，配合文字能(néng)有更好(hǎo)的突出效果，而阿拉伯數字的效果zui佳。