携程|携程创作中心:封面设计的黄金尺寸( 二 )


在社区频道 , 图文展示不会根据原始图片的尺寸进行适应性调整展示 , 而是采用统一的图片格式 , 根据下图可以看到 , 竖版原始图片是以窄边为标准 , 按照宽高1:1比例 , 以水平居中截取原始图片 。 而横板原始图片是以窄边为标准 , 按照宽高1:1比例 , 以垂直居中截取原始图片 。
短视频展示则用视频专用的显示界面 , 根据下图可以看到 , 短视频不能根据横板和竖版内容适应性展示 , 内容只能根据固定的矩形展示界面适应性展示(3:2界面) , 因此竖版视频两边往往需要进行黑色填充 , 同样如果横板视频不符合3:2比例则有可能会被压缩变形 , 如果尺寸比例严重不符将会导致失真或被填充 。 建议采用标准的横板和竖版尺寸 , 虽然竖版视频封面两边会被黑色填充 , 看起来不如横版短视频画面饱满 , 但是点击进入播放后 , 竖版视频会全屏显示 , 而横板视频则需要横向手机才能全屏播放 , 总结来看 , 横板视频封面画面更为饱满丰富容易吸引点击 。

4.我的社区我的社区是创作者浏览作品集合 的入口 , 也是访客了解一个创作者所有作品的入口 , 创作者所有的作品会按照时间的顺序依次呈现 , 这里作品封面的展现完全根据作品的形式去呈现 , 最大程度的保留了内容的细节 。
可以看到 , 创作者中心的内容分5格图文展示 , 竖版短视频展示和横版短视频展示 。 其中 , 图文5格展示比之前的6格图文展示增加了单独放大了一个封面 , 展示效果更好 。
图文5格展示的首图是采用的宽高比约3:4的尺寸 , 对原图片进行适应性调整 , 而非裁剪 , 因此如果原图的尺寸不符合3:4的要求可能会被压缩导致失真变形 , 从而影响最终的呈现效果 。 竖版视频封面则是采用以窄边为标准 , 宽高比3:4 , 水平居中截取原图 , 虽然不会产生压缩变形的但是若设计的内容超过此区域 , 则会被裁减掉导致信息展示确实和不完整 。 横版视频封面则是以宽高比16:9 , 水平居中截取原图 , 如尺寸不符合则顶部和底部会被裁减掉 。
【携程|携程创作中心:封面设计的黄金尺寸】
 5.分享
创作者的作品可以通过不同的方式将自己的作品分享到私域流量池中 , 比如微信好友 , 朋友圈等 , 当然携程可以支持利用系统生成的封面模板直接转发 。
根据下图可以看到 , 朋友圈是按照宽高比1:1 , 中心居中截取原始封面 。 微信好友分享是按照宽高5:4 , 水平居中截取原始封面 。 而系统生成的封面则是根据模板各有不同 , 可以根据实际展示的效果进行选择 。

 三、总结根据上边你的信息我们可以看到 , 对于竖版内容 , 建议采用宽高比为3:4的的尺寸 , 且核心内容要聚焦于红色区域 , 则所有的展现渠道均能完整全面的展示核心内容 , 无需担心被压缩或剪裁 。
对于横版内容 , 可以选择宽高比为3:2或者16:9 , 不过建议按照宽高比3:2的尺寸进行设计 , 这是因为携程创作者的主要分发途径在携程社区而非个人社区 , 也是最大的流量区域 , 为了更加吸引点击 , 显然采用宽高比3:2的尺寸设计是最合适的 。
如果有需要以下PSD模板或相关资料信息 , 欢迎关注并在评论下留下你的接收地址 , 我会很乐意为你效劳 。




如果创作者一开始不知道该如何选择横竖版素材 , 建议图文选择竖版 , 视频优先选择横版 , 这是因为区别于抖音快手等纯视频网站 , 携程采用的是产品和视频的混合呈现 , 横板视频更利于整体的界面排版 , 换句话说 , 横版内容在携程上能够获得更大的展示面积 , 画面更加的丰满 , 而不是被黑边填充 。