圖像是網(wǎng)頁(yè)中非常重要的設(shè)計(jì)元素。它比文本更能吸引觀眾的注意力。它不僅帶來(lái)了網(wǎng)站的美感，還讓觀眾看到了真實(shí)的直觀感受。圖像的使用將給予網(wǎng)站有效的關(guān)注度。圖像的大小，位置，形狀和不同組合將直接影響網(wǎng)頁(yè)的視覺(jué)效果。

1.圖像大小和位置的影響

網(wǎng)站中圖像的大小和位置表示網(wǎng)站通道信息，因?yàn)樗c查看器讀取信息的順序有關(guān)，網(wǎng)頁(yè)設(shè)計(jì)者可以根據(jù)此功能排列頁(yè)面，以便網(wǎng)站傳輸?shù)男畔⑹歉咝АＴ赪eb界面中，要突出顯示的信息是此布局的焦點(diǎn)。如果使用重要信息放大圖像的大小，此圖像將吸引觀眾更多的注意力。類似地，其他次級(jí)圖像的尺寸將更小。它將使整個(gè)界面的主要和次要關(guān)系清晰明了。

網(wǎng)頁(yè)中圖像的大小不僅引導(dǎo)觀眾的注意力順序，而且還為界面提供了不同的節(jié)奏感。但是，如果在同一界面中圖片太多而且尺寸不同，則整體效果會(huì)無(wú)序，以便在網(wǎng)頁(yè)中尋求平衡。審美心理學(xué)需要整體協(xié)調(diào)圖片的大小。例如，通常的做法是根據(jù)主要和次要圖像信息的程度對(duì)圖像進(jìn)行分類，并粗略地劃分規(guī)范。調(diào)整圖像的比例關(guān)系將使網(wǎng)頁(yè)中的主要和次要級(jí)別更加清晰。

2.圖片組合排列的效果

當(dāng)網(wǎng)頁(yè)界面包含多個(gè)圖像信息時(shí)，除了調(diào)整其大小和大小外，還要考慮到它們的位置，方向和對(duì)齊等，差異也會(huì)給觀眾帶來(lái)不同。心理感受，如果你可以靈活處理頁(yè)面上的多個(gè)圖像，你可以更好地控制網(wǎng)站的風(fēng)格和觀眾的印象。網(wǎng)頁(yè)中有很多適合放置圖像的地方，例如頁(yè)面的上，下，左，右邊，以及連接對(duì)角線的四個(gè)角的位置，這將成為觀眾的視覺(jué)焦點(diǎn)。但最好的焦點(diǎn)。位置，或觀看者視覺(jué)過(guò)程的左上角和頁(yè)面的上半部分，將重要圖像放置在這些位置將增強(qiáng)信息的視覺(jué)效果。

另外，在圖片的排列中，如果其中一個(gè)圖片與其他圖片分開(kāi)或突出顯示，則會(huì)使圖片更加顯眼，這也是提高頁(yè)面信息水平的有效方法。在風(fēng)格定位中也有一些網(wǎng)站追求活力，活潑可愛(ài)的色調(diào)，這樣的網(wǎng)站經(jīng)常選擇在使用圖片時(shí)擁有動(dòng)態(tài)視角，圖像的動(dòng)態(tài)圖像會(huì)使整個(gè)網(wǎng)站趨于活躍。另外，我們還可以調(diào)整圖像的傾斜度以使其方向?qū)Ρ龋蜓刂欢ǖ倪\(yùn)動(dòng)路徑排列。這些動(dòng)態(tài)布局可以破壞網(wǎng)頁(yè)的原始模式并增強(qiáng)網(wǎng)站的動(dòng)態(tài)性能。

3.圖像的形狀和地圖的影響

對(duì)于圖像的裁剪，有一種更復(fù)雜的形式，我們稱之為地圖。地圖是我們通常稱之為背景的地圖，這意味著圖片中的特定圖像被截?cái)啵溆嗟谋尘氨粍h除。這種切割方法更加靈活，可以表現(xiàn)出所顯示對(duì)象的形狀，使頁(yè)面具有智能美感。切割時(shí)只需要精細(xì)和準(zhǔn)確，因?yàn)榍懈畈粡氐祝矬w邊緣會(huì)有雜質(zhì)，給人一種粗糙的印象。

如果它是專門(mén)為促銷網(wǎng)站而拍攝的照片，您應(yīng)該嘗試在拍攝時(shí)選擇與物體具有較大對(duì)比度的單色背景，這在您稍后去后臺(tái)時(shí)會(huì)更容易。減少額外信息的數(shù)量并攔截其中一些信息。這也是在布局設(shè)計(jì)中處理圖形的常用方法。在裁剪時(shí)沒(méi)有必要保留圖像的原始矩形。它可以根據(jù)需要切割成任意形狀，觀眾可以使用。視線集中在剩余部分，使圖像的顯示更加突出，更適合布局的需要。 網(wǎng)站中的圖像形狀可以裁剪為幾何形狀，不規(guī)則形狀或自然形狀。幾何形狀在圓形，三角形，菱形，多邊形等中很常見(jiàn)。