V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
a251922581
V2EX  ›  程序员

按经验说,首页轮播海报的尺寸多少比较好?官网类的网站

  •  
  •   a251922581 · 2017-11-29 15:56:43 +08:00 · 3141 次点击
    这是一个创建于 2550 天前的主题,其中的信息可能已经有所发展或是发生改变。
    就是打开网站几个海报自动像幻灯片一样滚来滚去。
    1920x500, 1920x800, 1920x1080?
    主要考虑到各种 PC 显示器屏幕分辨率,和手机端、平板端各种尺寸和分辨率,有设计这块经验的话说一说哪个尺寸比较好。。 不过有些海报轮播用 CSS 控制了低分辨率时是切掉两边一段距离的,所以海报设计的时候是考虑两边出血尺寸的,有些海报轮播就没带类似的功能。
    2 条回复    2017-11-29 18:10:39 +08:00
    cncqw
        1
    cncqw  
       2017-11-29 16:39:09 +08:00
    根据整个网站的设计风格啊
    davin
        2
    davin  
       2017-11-29 18:10:39 +08:00   ❤️ 1
    看具体的实现方式吧,比如:轮播海报使用背景图( background-image )的情况下,就不用考虑什么两边出血的情况,只要宽度大一些,防止高分屏下两边出现留白就行,或配合 background-size 使用;另一种方法,使用前景图( img )和 CSS 定位什么的,配合 {overflow-x: hidden} 隐藏水平滚动条,配合 {object-fit: cover} 让图片『居中』。

    说到具体尺寸,我们这部门直接建议设计师给 2000 (宽,或 2560 ) * X (高,根据实际需要)的图。还要看不同分辨率下,图片上的主体信息是否显示完整。或轮播海报上有其他功能性的东西,不能遮挡住海报上的信息。这些在做的时候跟设计师沟通清楚就行了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2942 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 03:44 · PVG 11:44 · LAX 19:44 · JFK 22:44
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.