Shopify Dawn 模板首图设计

Dawn 模板首图建议:

若要获得最佳效果,请使用纵横比为 3:2 的图片。

那么纵横比 3:2 是什么意思?Shopify 帮助文档里有解释什么是纵横比:

An image’s aspect ratio is the ratio of its width to its height.

因此纵横比表示图片的宽度 : 高度。例如,1200 x 800 的图片纵横比即为 3:2

注意到 Dawn 模板的首图是两张图片拼接而成,可以查看 Dawn 模板的示例网站。此外,示例网站的拼接图片在移动端依然是拼接效果 — 显示效果很优雅:

Dawn Default

要实现它的效果,在 Dawn 模板编辑中,找到首页图片横幅,在「移动布局」这部分取消以下两个默认勾选的选项即可:

注意:虽然是拼接 4:3 的图片,但这个比值在如下截图这个显示界面是 1905:560(3.4)。通过两张图片 + CSS 的控制,显示效果非常具有弹性。效果极佳,设计十分精妙。

京ICP备12052177号-1