响应式网页设计需考虑哪些因素?
2019.10.15

  由于网络营销不断地发展,以前传统的网站类型在也不满足于现今市场的发展,因此响应式网站也就应运而生,但响应式网站建设与普通网站有很大的差异,那么响应式网页设计需考虑哪些因素?

不要让图片和视频混淆

  1、不要让图片和视频混淆

  通常情况下,不同类型的媒体混到一起没啥问题,但是用户肯定不想翻看图片的时候,突然发现下一张图片变成了视频,突如其来的声音和额外的流量消耗绝对是他们不愿意碰到的事情!将视频和图片分割开来,让他们知道接下来的会是什么东西,不要让意外发生。

  2、图片缩放

  如果你的图库中的图片要牵涉到图片缩放,那么尽量让图片去缩小,而不是放大。甚至较好是为图片设定—有效的尺寸。通常,图片缩放会使用百分比来控制它的大小变化,如果你个属性被设定为按照百分比来缩放,那么其他的相关属性较好设置为自动。比如将图片宽度设定为50%,那么高度缩放应当设定为自动。

在移动端上禁用lightbox效果

  3、在移动端上禁用lightbox效果

  Lightbox效果大概是桌面端网页上较常见的图片浏览模式,图片以弹出框的形式呈现出来,能随着屏幕尺寸和鼠标操作来缩放。在产品展示的页面当中,这种图片浏览模式的使用尤其广泛和频繁,但是在移动端上的时候,它可能会引起大量的用户体验上的问题:盖住其他的交互控件、无法退出、尺寸不合适等等。

  4、在移动端上支持手势操作

  触摸屏上使用手势操作几乎是用户的本能了。所以,在设计响应式图片库的时候,滑动操作等手势操作赋予用户更多的权力,让体验更加逼真。在移动设备上使用箭头导航太过于乏味、老旧,手势交互更加自然也更符合真实的交互体验。

避免使用大量肖像类图片

  5、避免使用大量肖像类图片

  如果你设计的图片库是类似网格布局的话,你可能会尽量挑选和横向的图片,或者方形的图像。这样的设计在兼容桌面端设计的同时,还可以让用户在小屏幕上更好地查看。人像类的图片在手机上适合纵向屏幕上浏览,如果横过来的话,图片会显得特别小,浏览会相当不方便。横向是较佳的,如果不行的话,使用方形的图片会是很好的兼容性方案。一个响应式的图片库的设计需要考虑多种因素,请务必牢记用户的不同浏览场景。

  响应式网页设计需考虑哪些因素?响应式网站虽有诸多的利处,但要想能够做好这类型的网站,还需要注重的内容有很多,其中网站布局就是很关键的一个步骤,不仅仅要适配PC端,同时还要其他多个终端,要让页面变得更加好看又实用。