本文地址：

在移动端上支持手势操作

嗯， 这个手势操作啊，就像是玩手机游戏一样，滑滑滑，好开心哦！在移动端上，我们要让图片库也支持这个手势操作，就像翻书一样，滑来滑去，超级方便。

在移动端上禁用lightbox效果

啊哈， lightbox效果就是图片放大后跳出来有时候会把其他东西挡住不好玩。所以在移动端上， 躺赢。 我们要禁用这个效果，让图片就在原地变大，不会跳出来这样就不会挡住其他好玩的东西了。

那么面对响应式建站的图片库，该注意那些问题呢？

哎呀，这个问题有点难哦。但是我们要想想，设计图片库就像是在画画，要画得漂亮，还要让人喜欢kan。那我们就来kankan要注意哪些问题吧，我当场石化。。

避免使用大量肖像类图片

肖像类图片就是那种只拍一个人的照片， 哎呀，这种图片在手机上kan，人太小了不好kan。所以我们尽量不要用这种图片，要用那种大一点的，kan起来舒服的，我直接好家伙。。

轮播幻灯片：尽量隐藏导航

轮播幻灯片就像是一个小电影，图片一个一个地跳出来。但是导航那些小点点，有时候会挡住图片，不好kan。所以我们尽量把导航隐藏起来只在需要的时候才出现。

需要geng多的图文结合

最后强调一点。 图文结合就是图片和文字一起，这样kan起来geng有趣。不管是图片突出文字，还是文字突出图片，dou要好好设计，让它们kan起来hen搭。

Ru果你设计的图片库是类似网格布局的话

网格布局就像是一个个格子，把图片放进去。我们要尽量挑选和横向的图片，或者方形的图像，这样在手机上kan也好kan。人像类的图片在手机上适合纵向屏幕上浏览，横过来就不好kan了，雪糕刺客。。

一个响应式的图片库的设计需要考虑多种因素

设计图片库就像是在Zuo菜， 要考虑hen多因素，比如用户在不同的地方kan，手机、电脑、平板，dou要好kan。所以我们要记住用户在不同的地方kan，图片库dou要适应。

在桌面端上导航的存在可Neng没什么

桌面端就是电脑上， 导航就是那些小箭头，告诉我们Ke以去哪里。但是在手机上，导航就要小心了要隐藏起来不然会挡住图片，不好kan，说实话...。

Lightbox效果大概是桌面端网页上Zui常见的图片浏览模式

Lightbox效果就是图片放大后跳出来 这个在电脑上k 不堪入目。 an还Ke以但是在手机上就不太好了会挡住其他东西，不好玩。

触摸屏上使用收拾操作几乎是用户的本Neng了

收拾操作就是滑来滑去， 这个我们douhen喜欢，所以在设计响应式图片库的时候， 栓Q了... 我们要让用户也Neng这样操作，就像在玩真的东西一样。

在移动设备上使用箭头导航太过于乏味、 老旧

搞起来。 箭头导航就是那些小箭头，告诉我们Ke以往哪里滑。这个在手机上有点老土了我们要用手势交互，这样才好玩。

好了今天我们就聊到这里吧。设计H5响应式建站图片库，就是要让用户开心， 操作一波... 方便，好kan。希望大家douNeng设计出让人爱不释手的图片库哦！