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

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

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

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

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

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

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

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

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

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