響應式設計無疑是當前網頁設計領域的必要組成部分。響應式網頁中的圖像顯示是一個常見問題，許多論點都集中在如何顯示響應式網站的圖像。繼續擴展，然后如何設計響應式網站中的圖像庫？

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

1.輪播幻燈片：嘗試隱藏導航

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

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

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

3.支持移動端的手勢操作

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

4，禁用手機上的燈箱效果

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