• 请不要在回答技术问题时复制粘贴 AI 生成的内容
a251922581
V2EX  ›  程序员

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

  •  
  •   a251922581 · Nov 29, 2017 · 3490 views
    This topic created in 3140 days ago, the information mentioned may be changed or developed.
    就是打开网站几个海报自动像幻灯片一样滚来滚去。
    1920x500, 1920x800, 1920x1080?
    主要考虑到各种 PC 显示器屏幕分辨率,和手机端、平板端各种尺寸和分辨率,有设计这块经验的话说一说哪个尺寸比较好。。 不过有些海报轮播用 CSS 控制了低分辨率时是切掉两边一段距离的,所以海报设计的时候是考虑两边出血尺寸的,有些海报轮播就没带类似的功能。
    2 replies    2017-11-29 18:10:39 +08:00
    cncqw
        1
    cncqw  
       Nov 29, 2017
    根据整个网站的设计风格啊
    davin
        2
    davin  
       Nov 29, 2017   ❤️ 1
    看具体的实现方式吧,比如:轮播海报使用背景图( background-image )的情况下,就不用考虑什么两边出血的情况,只要宽度大一些,防止高分屏下两边出现留白就行,或配合 background-size 使用;另一种方法,使用前景图( img )和 CSS 定位什么的,配合 {overflow-x: hidden} 隐藏水平滚动条,配合 {object-fit: cover} 让图片『居中』。

    说到具体尺寸,我们这部门直接建议设计师给 2000 (宽,或 2560 ) * X (高,根据实际需要)的图。还要看不同分辨率下,图片上的主体信息是否显示完整。或轮播海报上有其他功能性的东西,不能遮挡住海报上的信息。这些在做的时候跟设计师沟通清楚就行了。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2960 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 13:04 · PVG 21:04 · LAX 06:04 · JFK 09:04
    ♥ Do have faith in what you're doing.