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

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

说到具体尺寸,我们这部门直接建议设计师给 2000 (宽,或 2560 ) * X (高,根据实际需要)的图。还要看不同分辨率下,图片上的主体信息是否显示完整。或轮播海报上有其他功能性的东西,不能遮挡住海报上的信息。这些在做的时候跟设计师沟通清楚就行了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/410540

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX