响应式网站最主要的特点就是简洁且适应性强，页面的丰富度大多是靠图片和内容展示出来，没太多冗余的页面特效，但页面上的图片采集在一个图片库中的设计也有你不了解的需要注意的地方。响应式设计无疑是目前网站制作范围当中，不可忽视的必要组成部分。而响应式网页中的图片显示又是老生常谈的问题，很多争论集中在响应式网站的图片应当如何展示。继续延伸开来，那样响应式网站中的图片库应当怎么样设计呢?相比于单个图片，图库的展示无疑愈加复杂，牵涉到的变量更多，所以达成起来也愈加麻烦费神。下面，大家来看看假如要设计响应式的图片库，有什么值得注意的基本规则和方法。1、轮播幻灯片响应式网站如何制作网站上的图库盖住其他的交互控件、没办法退出、尺寸不适合等等。5、让导航元素低调不招摇假如你用幻灯片的形式来展示很多图片组成的图片库的时候，导航就看上去非常重要了。用户一定不想在等待加载中耗费太多的时间，他们依旧会根据我们的速度点击，翻页，进入，退出，维持，等等。所以，当你要用导航元素的时候，必须要设计在让他们感觉不碍事的地方。不要让导航的小圆点盖在文本或者链接上，并且防止复杂的控制方法，如此会分散用户注意力，并让整个页面的设计都趋于复杂。可点击跳转的导航小圆点能让用户迅速跳转到他们想要去的地方，提高效率，减少无谓的消耗。当然，不要弄的太复杂!平衡非常重要!6、不要让图片和视频混淆一般情况下，不相同种类型的媒体混到一块没什么问题，但用户一定不想翻看图片的时候，忽然发现下一张图片变成了视频，突如其来的声音和额外的流量消耗肯定是他们不想碰到的事情!将视频和图片分割开来，让他们了解下面的会是什么东西，不要让意料之外发生。7、确保图片显示尺寸不要超越原始图片的大宽度这一点非常重要，尽管非常基础，但依旧需要强调一下。图片尽可能不要去填充超越本身尺寸的空间，如此会让图片表现出象素化的失真成效。值得注意的是，不少状况下图片在手机端完全填满某个区块没问题，但在桌面端的时候，大也不可以超越本身宽度。这好像并不难?但依旧有很多响应式页面，当你拉宽浏览器界面的时候，会有图片超出本身尺寸来显示。8、图片缩放假如你的图库中的图片要牵涉到图片缩放，那样尽可能让图片去缩小，而不是放大。甚至最好是为图片设定精准的尺寸。一般，图片缩放会用百分比来控制它的大小变化，假如你个属性被设定为根据百分比来缩放，那样其他的有关属性最好设置为自动。譬如将图片宽度设定为50%，那样高度缩放应当设定为自动。9、防止用图片标题用图片标题或者其他的附加文字会为你一个人和用户增加强量的问题。第一个问题是，它在手机端界面上会强制显现出来。在手机端有限的界面空间上，它或许会和图片挤压到一块，带来混乱的客户体验。另外一个问题是，它或许会限制你的文字用。你得想了解它如何断句，占据多大空间，在桌面端显示和在手机端显示分别是什么样，如何才正常，太多的变量控制起来会相当麻烦。图片各不相同，而文字总会莫名其妙地覆盖到某些不该覆盖到的地方。图片和文字的对比度总会伴随不一样的图片而变化，这也是麻烦的地方之一。结语小心无大错，今天说的规则并不复杂，但当你开始为图片库进行响应式设计的时候，这类鸡零狗碎的问题开始显现，在乎想不到的地方影响整个设计和体验。以用户为重心，小心绕过这类坑，会叫你的响应式网页更出色，也更快解决。
推荐名字响应式网站如何制作网站上的图库
