店面Lookbook：第1卷

在Storefront外观手册中，我们探索您可以使用Storefront核心和可供购买的可选扩展来创建的不同美学。

无需编写任何代码即可创建以下设计，并有助于展示Storefront及其扩展套件提供的创造力。在第1卷中，我们特别关注商店页面。

书店

对于书店，我们选择了柔和的调色板，

衬线

字体，具有正式和可信赖的美感。设置宽度以匹配浏览器并以4行显示产品，使您每页可以显示大量产品。

我们还在标题小部件区域中添加了醒目的搜索栏，使人们可以快速找到所需的产品。

要创建此外观，您需要以下扩展程序：

店面设计师

店面WooCommerce定制工具

时装商店

时装店通常采用极简主义的单调设计，使产品摄影真正流行起来b注意。使用简单的样式和配色方案非常简单，并且可以通过正确的产品目录获得出色的效果。

我们通过显示一些影响信息来展示标题小部件区域的灵活性，以吸引访问者购买您的配色方案产品。

可以创建此外观而无需任何扩展。

科技商店

一家技术商店可能正在销售软件或其他数字产品。在这里，我们使用鲜艳的配色方案和视觉上醒目的对比色来提供现代设计。通常，高科技产品的声誉早于它们-删除侧边栏会立即将访问者浸没在您的产品目录中。如果您的产品套件很小，而不是庞大的目录，则此方法非常有用。

要创建此外观，您需要以下扩展程序：

店面设计师

店面WooCommerce定制工具

秋季手工艺品商店

当您的产品目录较小时，删除侧边栏非常有用，并且每行显示的产品越来越少，使您的产品摄影脱颖而出。如果您要出售依靠摄影作品销售的产品，那么这是完美的选择-手工制品就是一个很好的例子。大型产品图像将有助于说明所展示的工艺。

添加季节性的背景图像，秋季的配色方案以及集中对齐/完善您的网站标题，将使您的设计感到友好而又轻松，而且工作量很小。

要创建此外观，您需要以下扩展程序：

店面设计师

店面WooCommerce定制工具

态度摆放

将磨料质感与工业功利字体结合起来可以帮助增加性格和定义态度。这对于销售较少主流产品的反文化商店非常有效。微妙的图案是发现很棒的拼贴纹理的绝佳资源。但是请别忘了-少即是多！

要创建此外观，您需要以下扩展程序：

店面设计师

店面WooCommerce自定义伊瑟尔

我们希望这篇文章在使用Storefront时能在您的指尖展示出创造力！记住要记住色彩的心理，并在推特上给我们发送一条指向您所创建的独特设计的链接，以使它有机会进入下一册！

下载店面视图店面扩展