咨询电话:13667221916 24小时服务热线:13667221916
NEWS CENTER ·
公司动态
关注我们 关注前沿

通栏轮播图设计图片时如何把握尺寸

发表日期:2020-03-13 9:37:00    文章编辑:admin    

       当网站的轮播效果图是下面这种情况时,很多人在设计图片时遇到了困难,总是不知道该设计多大尺寸才好,高度总是固定了的,但是长度太大了呢,两侧有些内容显示不出来了,但是长度太小了呢,两侧会出现图片的重叠问题,即重复显示多遍。长度总是把握不好,而且用户电脑的尺寸大小不确定,有的屏幕大,有的屏幕小,更是让用户在设计这些图片时感觉困难不少。

图片.png

        由于用户屏幕尺寸大小不固定,在轮播图高度确定的情况下,如果希望尽可能的满足不同屏幕下的用户显示效果、图片的高度不变情况下,宽度尽量做大一点,比如PC端,宽度最低应在1400px左右,因为显示最小的屏幕尺寸也有1400了。宽度最大尺寸可以做到2560,超屏电脑。手机版的宽度最低到450左右,而宽度可以设计到800左右,800左右的尺寸可以应对手机横屏效果时的幻灯片显示问题。

         把一个轮播图分成多个板块,中间区域放重要的内容,要表达的信息全部放在中间板块,中间板块的尺寸应该是不要超过上面介绍的最低宽度尺寸,如果超过了,内容跑到了两侧的花纹区域,遇到屏幕小的情况对应的内容会被遮挡隐藏。这样设计出来,两侧的部分都是一些图案花纹或纯色,电脑屏幕小的时候,两侧的花纹区域自动隐藏,当电脑屏幕大的时候,两侧的花纹又会显示出来,达到如上面最开始的一张图的效果。


contact us

13667221916

  • 电话:13667221916
  • 邮箱:1613310013@qq.com
  • 网址:http://www.chixiao123.com
  • 地址:湖北省武汉市江夏区阳光大道东方雨林8栋403

友情链接: 众考教育 | 赤霄网络 |

武汉赤霄网络科技有限公司  备案号:鄂ICP备14013644号-1鄂公网安备 42011102001670号 电子亮照: