大家都知道建響應(yīng)式網(wǎng)站的優(yōu)勢了，這里就不再說。我今天要說的就是在網(wǎng)站建設(shè)中，響應(yīng)式的設(shè)計是頁面設(shè)計中重要的一個部分。響應(yīng)式網(wǎng)頁制作的時候最重要的就是圖片的顯示問題。不少站長都在討論響應(yīng)式頁面在設(shè)計圖片的時候，要怎樣將圖片展示給用戶瀏覽。下面我們就來分析一下響應(yīng)式頁面設(shè)計中，圖片庫設(shè)計的一些小技巧。

　　第一、可以采用幻燈片的方式，并且將導(dǎo)航隱藏。導(dǎo)航在電腦版網(wǎng)站上并不會有什么問題，但是在移動網(wǎng)站上導(dǎo)航的設(shè)計方式建議采用隱藏的方式，在用戶需要的時候再出現(xiàn)。可以是左右切換的方式，也或者是可以說明具體位置的圓點方式，建議是將光標停留在導(dǎo)航位置上再顯示，好處是不會分散用戶的注意力，也避免了導(dǎo)航與其他元素的沖突。

　　第二、不要使用大量肖像類型的圖片。設(shè)計響應(yīng)式網(wǎng)頁制作圖片庫的時候，采用的是網(wǎng)格方式的話，就要選擇橫向的圖片，或者是方形的圖片。這兩種方式的圖片能夠在移動端以及電腦端有更好的兼容性，同時在屏幕較小的情況下也可以清晰地查看。而肖像類型的圖片在移動端顯示一般是縱向，如果以橫向的方式瀏覽就會變得奇怪，而且顯示出來也比較小，瀏覽體驗也不好。所以橫向的圖片格式是最好的，兼容性比較好。

　　第三、響應(yīng)式頁面圖片庫的設(shè)計要支持手勢操作的設(shè)計。移動端的屏幕基本上已經(jīng)實現(xiàn)了手勢操作，也已經(jīng)成為用戶的習(xí)慣。因此在自己建網(wǎng)站時滑動操作的設(shè)計一定要給用戶提供更方便的權(quán)限，提升用戶體驗。手勢操作的設(shè)計更貼合用戶的需求，而且更加真實。

　　第四、移動網(wǎng)頁制作的時候不要使用lightbox效果。Lightbox在電腦版網(wǎng)站的頁面設(shè)計中是一種非常常見的圖片瀏覽模式，主要是以彈出框的形式出現(xiàn)，并且會隨著屏幕尺寸的變化而變化，特別是在產(chǎn)品詳情頁面中。但是這種效果在移動頁面上對用戶體驗會產(chǎn)生負面的影響。

　　響應(yīng)式頁面設(shè)計過程中圖片庫的建設(shè)可以參考以上幾個方面，希望可以幫助到各位有需要的站長。