網(wǎng)站設(shè)計(jì)中占據(jù)篇幅zui多的就是圖片和文字，想要獲得一個(gè)好的網(wǎng)站設(shè)計(jì)效果，就需要將圖片和文字合理的搭配起來，讓每個(gè)元素都各在其位。那么如何做好圖片與文字的配合呢？

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

網(wǎng)站設(shè)計(jì)中，文字的不同字體和不同的組合方式，所得到的效果是完全不同的，所以我們?cè)诰W(wǎng)站設(shè)計(jì)時(shí)應(yīng)做好這方面的準(zhǔn)備工作。中文字體的選擇有很多種，比如“微軟雅黑”，就是一種在瀏覽器中看起來視效效果zui好，也zui舒服的字體。

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

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

3、主體物與視覺焦點(diǎn)

主體物與視覺焦點(diǎn)是攝影作品里的兩個(gè)基本要素，因此在一張照片里通常會(huì)有一個(gè)突出的人或物作為主體。在網(wǎng)站設(shè)計(jì)中，如果我們把主體物看作是一個(gè)面，就會(huì)更容易理解文字在圖片的作品里的作用，讓文字和圖片之間保持和諧統(tǒng)一。

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

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

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

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

4、字體與圖形的配合

以“圖片突出文字”為目的的排版，其特點(diǎn)是不需要分析照片里面的元素。在大部分設(shè)計(jì)教程以及很多優(yōu)秀的設(shè)計(jì)作品里，圖片被認(rèn)為只是作為一個(gè)大色塊存在，它的存在只是為了zui后你想要表達(dá)的文字（情感），鋪設(shè)基調(diào)。

大部分優(yōu)秀排版里采用的解決方案是運(yùn)用字體與圖形的配合，而其中類型有三種：

PART 1/形狀圖形

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

PART 2/直線

直線分兩種，一種就是純粹的一條直線，而另一種則是由細(xì)小的字組成的一段文字（通常是英文）。

PART 3/字符

一般是指的數(shù)字以及英文字母，配合文字能有更好的突出效果，而阿拉伯?dāng)?shù)字的效果zui佳。

http://79806.xyz/wangzhansheji/3398.html 4種網(wǎng)頁設(shè)計(jì)技巧：圖文搭配，網(wǎng)頁不累！