響應(yīng)式設(shè)計(jì)無疑是當(dāng)前網(wǎng)頁設(shè)計(jì)領(lǐng)域的必要組成部分。響應(yīng)式網(wǎng)頁中的圖像顯示是一個(gè)常見問題，許多論點(diǎn)都集中在如何顯示響應(yīng)式網(wǎng)站的圖像。繼續(xù)擴(kuò)展，然后如何設(shè)計(jì)響應(yīng)式網(wǎng)站中的圖像庫？

與單張圖片相比，圖庫的顯示無疑更復(fù)雜，涉及更多變量，因此實(shí)施起來比較麻煩。接下來，讓我們來看看一些值得注意的基本規(guī)則和技巧，如果你想設(shè)計(jì)一個(gè)響應(yīng)式圖像庫。

1.輪播幻燈片：嘗試隱藏導(dǎo)航

桌面上導(dǎo)航的存在可能一無所獲，但在移動(dòng)端查看時(shí)，導(dǎo)航仍然盡可能隱藏，然后在需要時(shí)顯示。例如，在移動(dòng)光標(biāo)之后，用于向左和向右切換的按鈕以及指示瀏覽位置的點(diǎn)是眾所周知的。這種設(shè)計(jì)不僅避免了用戶分心，還避免了內(nèi)容和導(dǎo)航元素之間的沖突，并減少了整體設(shè)計(jì)。一種混亂的感覺。

2，避免使用大量人像照片

如果您正在設(shè)計(jì)與網(wǎng)格布局類似的照片庫，則可能會(huì)嘗試選擇橫向圖像或方形圖像。這種設(shè)計(jì)雖然與桌面設(shè)計(jì)兼容，但也允許用戶在小屏幕上更好地觀看。肖像照片適合在移動(dòng)電話的垂直屏幕上觀看。如果它是水平的，圖片將非常小，瀏覽將非常不方便。水平是理想的，如果不是，使用方形圖像將是一個(gè)很好的兼容性解決方案。響應(yīng)式圖像庫的設(shè)計(jì)需要考慮各種因素，因此請務(wù)必牢記用戶的不同瀏覽方案。

3.支持移動(dòng)端的手勢操作

使用觸摸屏上的拾音器幾乎是用戶的本能。因此，在設(shè)計(jì)響應(yīng)圖像庫時(shí)，諸如滑動(dòng)操作之類的手勢操作為用戶提供更多功率并使體驗(yàn)更加真實(shí)。在移動(dòng)設(shè)備上使用箭頭導(dǎo)航過于繁瑣和陳舊，手勢交互更自然，更真實(shí)。

4，禁用手機(jī)上的燈箱效果

Lightbox效果可能是桌面網(wǎng)頁上常見的圖像瀏覽模式。圖像以彈出框的形式呈現(xiàn)，可以使用屏幕尺寸和鼠標(biāo)操作進(jìn)行縮放。在產(chǎn)品顯示頁面中，使用這種圖像瀏覽模式特別廣泛和頻繁，但在移動(dòng)端，可能會(huì)導(dǎo)致很多用戶體驗(yàn)問題：覆蓋其他交互式控件，無法退出，大小不適合等等。結(jié)論 　　小心無大錯(cuò)，所說的規(guī)則并不復(fù)雜，但是當(dāng)你開始為圖片庫進(jìn)行響應(yīng)式設(shè)計(jì)的時(shí)候，這些雞零狗碎的問題開始顯現(xiàn)，在意想不到的地方影響整個(gè)設(shè)計(jì)和體驗(yàn)。以用戶為重心，小心繞過這些坑，會(huì)讓你的響應(yīng)式網(wǎng)頁更優(yōu)秀，也更快搞定。