除了文本之外，網(wǎng)頁上最重要的設(shè)計元素莫過于圖像了。一方面，圖像的應(yīng)用使網(wǎng)頁更加美觀、有趣；另一方面，圖像本身也是傳達(dá)信息的重要手段之一。與文字相比，它直觀、生動，可以很容易地把那些文字無法表達(dá)的信息表達(dá)出來，易于瀏覽者理解和接受。 　　1.圖像的格式 　　Web通常使用兩種圖像格式：GIF和JPEG。除此以外，還有兩種適合網(wǎng)絡(luò)傳播但沒有被廣泛應(yīng)用的圖像格式：PNG和MNG。 　　2.圖像的形式 　　同印刷排版一樣，靜態(tài)圖像在網(wǎng)頁排版中的運用不外乎四種形式：方形圖、退底圖、出血圖以及這三種形式的結(jié)合使用。 　 （1）方形圖　即圖形以直線邊框來規(guī)范和限制，是一種最常見、最簡潔、最單純的形態(tài)。方形圖使圖像內(nèi)容更突出且將主體形象與環(huán)境共融，可以完整地傳達(dá)主題思想，富有感染性。配置方形圖的頁面，給人以穩(wěn)重、可信、嚴(yán)謹(jǐn)、理性、莊重和安靜等感覺，但有時也顯得平淡、呆板。 　 （2）退底圖　將圖像中的背景去掉，只留下主題形象。退底圖形自由而突出，更具有個性，因而給人印象深刻。配置退底圖的頁面，輕松、活潑，動態(tài)十足，而且圖文結(jié)合自然，給人以親和感。但也容易造成凌亂和不整體的感覺。 　 （3）出血圖　圖像的一邊或幾個邊充滿頁面，有向外擴(kuò)張和舒展之勢。一般用于傳達(dá)抒情或運動信息的頁面，因不受邊框限制，感覺上與人更加接近，便于情感與動感的發(fā)揮。 　　3.圖像的編排 　 （1）四角與中軸四點結(jié)構(gòu) 　　頁面的四個角與對角線、中軸四點及水平與垂直的中軸線，具有支配頁面結(jié)構(gòu)的作用。 　　四角是頁面邊界相交形成的四個點，把四角連接起來的斜線即對角線，交叉點為頁面中心。中軸四點指經(jīng)過頁面中心的垂直線和水平線的端點。這四個點可上、下、左、右移動。 　　通過四角與中軸四點結(jié)構(gòu)的不同組合、變化，可以求得多樣的頁面結(jié)構(gòu)。在圖像排版時緊緊抓住這八個點，可以突出網(wǎng)頁的形式美感，網(wǎng)頁的版式設(shè)計、視覺流程的籌劃也得到相應(yīng)簡化。 　 （2）塊狀組合與散點組合結(jié)構(gòu) 　　塊狀組合，即通過水平、垂直線分割，將多幅圖像在頁面上整齊有序地排列成塊狀，這種結(jié)構(gòu)具有強(qiáng)烈的整體感和秩序美感。各幅圖像相互自由疊置或分類疊置而構(gòu)成的塊狀組合，具有輕快、活潑的特性，同時也不失整體感。 　　散點組合，即圖像分散排列在頁面各個部位，具有自由、輕快的感覺。采用這種結(jié)構(gòu)應(yīng)注意圖像的大小、主次，以及方形圖、退底圖和出血圖的配置，同時還應(yīng)考慮疏密、均衡、視覺流程等。 　　4.圖像的處理 　　圖像的外形、大小、數(shù)量以及與背景的關(guān)系，都與內(nèi)容有著密切的聯(lián)系。 　 （1）圖像的外形處理 　　圖像的外形能使頁面的氣氛發(fā)生變化，并直接影響瀏覽者的興趣。一般而言，方形的穩(wěn)定、嚴(yán)肅，三角形的銳利，圓形或曲線外形的柔軟親切，退底圖及一些不規(guī)則或不帶邊框的圖像活潑。 　 （2）圖像的面積 　　圖像在網(wǎng)頁中占據(jù)的面積大小能直接顯示其重要程度。一般地，大圖像容易形成視覺焦點，感染力強(qiáng)，傳達(dá)的情感較為強(qiáng)烈；小圖像常用來穿插在字群中，顯得簡潔而精致，有點綴和呼應(yīng)頁面主題的作用。在一個頁面中，如果只有大圖像而無小圖像或細(xì)密的文字，就會顯得空洞，但只有小圖像而無大圖像又使頁面缺乏視覺沖擊力。 　　圖像的大小不僅決定著主從關(guān)系，也控制著頁面的均衡與運動。大小對比強(qiáng)烈，給人跳躍感，使主角更突出；大小對比減弱，則頁面穩(wěn)定、安靜。這是因為，訪問者在瀏覽頁面時，首先會注意到大圖像，然后再看到較小的圖像，這種由大到小的引導(dǎo)，使瀏覽者的視線在頁面上流動，便造成一種動勢，使頁面活潑起來。 　　因此，在網(wǎng)頁設(shè)計時，應(yīng)首先確定主要形象與次要形象，擴(kuò)大主要圖像的面積，使次要角色縮小到從屬地位。只有大小圖像主次得當(dāng)?shù)卮┎褰M合，才能構(gòu)成最佳的頁面視覺效果。 　 （3）圖像的數(shù)量 　　圖像的數(shù)量是根據(jù)內(nèi)容決定的。只用一幅圖像，會使內(nèi)容突出、頁面安定。增加一幅圖像，頁面會因為有了對比和呼應(yīng)而活躍起來。再增加一幅，則更加熱鬧、活潑。但是，限于目前網(wǎng)絡(luò)的傳輸速度，使用圖像時一定要謹(jǐn)慎，大的圖像會降低頁面顯示速度，即使是小圖像，如果運用數(shù)量過多，同樣會使頁面下載速度變慢。隨著網(wǎng)絡(luò)環(huán)境及技術(shù)條件的改善，這種情況已經(jīng)有了很大的改觀。 　 （4）與背景的關(guān)系 　　網(wǎng)頁圖像與背景是對比和統(tǒng)一的關(guān)系。也就是說，圖像與背景在和諧統(tǒng)一的基礎(chǔ)上，應(yīng)存在一定的對比，以使主要圖像更加突出。如精密的相機(jī)鏡頭以粗糙的巖石為背景，明亮的文字以深邃的星空為背景，或者使用沒有背景及陪襯物的退底圖像，周圍留出大面積空白，都是利用對比對主體形象起到突出作用。 　　5.圖像在長頁面中的應(yīng)用 　　網(wǎng)頁一般都是縱向的(也有特意設(shè)計成橫向滾屏的)，其長度從一屏到三屏不等，有時甚至更多。訪問者在瀏覽頁面時，通過拖動垂直滾動條使網(wǎng)頁一屏一屏地顯示，但這并不意味著我們可以將整個頁面分割開來，孤立地進(jìn)行每一屏的設(shè)計。頁面的整體感是建立在形象的啟承關(guān)系上，盡管頁面被分割成幾屏來顯示，但圖像或文字的延續(xù)性應(yīng)使瀏覽者得到完整、統(tǒng)一的視覺感受。設(shè)計者所要做的就是進(jìn)行通盤考慮，例如：尋找對比中的和諧、建立同一的視覺識別等，來處理好每一屏與整個頁面的關(guān)系。