我想大家都知道圖片是網(wǎng)頁(yè)的基本元素之一。圖片不僅可以增加網(wǎng)頁(yè)的吸引力，向用戶傳遞更豐富的信息，還可以極大地增強(qiáng)用戶閱讀網(wǎng)頁(yè)的體驗(yàn)。在網(wǎng)頁(yè)設(shè)計(jì)中，圖片顯示是豐富多樣的，不同情況下的圖片顯示也使閱讀網(wǎng)頁(yè)的樂趣更加多樣化

跟隨我們的分離體驗(yàn)當(dāng)前各種圖片的顯示，讓我們的眼睛旅行

多圖片顯示

圖片被限制在最大高度或?qū)挾?，并?strong>矩陣瓷磚顯示，這是最常見的多畫面顯示。不同的邊距和距離可能導(dǎo)致不同的樣式。用戶可以通過快速閱讀在短時(shí)間內(nèi)獲得更多信息。同時(shí)，當(dāng)鼠標(biāo)懸停時(shí)，會(huì)顯示更多的信息或功能按鈕，這不僅避免了太多重復(fù)的元素干擾用戶的閱讀，而且使交互變得有趣。傳統(tǒng)的矩陣顯示布局有點(diǎn)約束，閱讀體驗(yàn)有點(diǎn)枯燥

在傳統(tǒng)的矩陣平鋪布局中，500pxCom基本上擺脫了圖片的大小一致性約束，圖片以基本面積單位的1、2、4倍大小顯示。不同大小的圖片打破了重復(fù)帶來的濃密感，但它們?nèi)匀话凑栈久娣e單位排列，增加了流動(dòng)信息的動(dòng)態(tài)感。不規(guī)則的圖片給閱讀帶來樂趣，但由于視線的不規(guī)則流動(dòng)，這種顯示不利于信息搜索

品特蕾斯特的瀑布排列有序。固定寬度和可變高度的網(wǎng)站設(shè)計(jì)使頁(yè)面突破了傳統(tǒng)的矩陣式圖片顯示布局。視覺水平的巧妙運(yùn)用和視線的任意流動(dòng)緩解了視覺疲勞。用戶可以快速瀏覽許多圖片，然后選擇他們感興趣的部件。但這也讓用戶在閱讀時(shí)很容易錯(cuò)過一些內(nèi)容

讓用戶在最大化圖片顯示的同時(shí)看到相冊(cè)的其余部分。下一個(gè)部分預(yù)覽對(duì)用戶來說更具吸引力，可以連續(xù)單擊和閱讀。下一個(gè)縮略圖顯示、下一個(gè)模糊顯示或下一個(gè)局部顯示，以及不同的預(yù)覽模式都會(huì)引起用戶的好奇心

在Photoom中，用戶在閱讀特定圖片時(shí)不會(huì)提供下一張圖片的預(yù)覽，只有當(dāng)用戶將鼠標(biāo)懸停在；ldquo；下一步（&N）；rdquo；按鈕，將顯示下一張圖片的縮略圖。雖然縮略圖的動(dòng)畫效果不能讓用戶幻想預(yù)覽，但短期刺激會(huì)讓用戶點(diǎn)擊&；ldquo；下一步（&N）；rdquo