2.3 主页(Homepage)装修
2.3.1 参考模板分析：
我们本次教程以BIBA网站为参考模板，帮助大家装修出像BIBA一样的店铺效果
首先观察下界面的主要设计板块：分别是由一个巨大的轮播图，往下是系列的产品图片，也就是说，BIBA罗列了大量的特色产品系列堆叠在主页
整个网站以红色和白色为主，简洁大方
![图片[1]-Shopify装修教程（六）：基础设置-柿哥出海教程](https://www.chuhaijiaocheng.com/wp-content/uploads/2025/01/image-98-1024x490.png)
![图片[2]-Shopify装修教程（六）：基础设置-柿哥出海教程](https://www.chuhaijiaocheng.com/wp-content/uploads/2025/01/image-99-1024x490.png)
![图片[3]-Shopify装修教程（六）：基础设置-柿哥出海教程](https://www.chuhaijiaocheng.com/wp-content/uploads/2025/01/image-100-1024x490.png)
![图片[4]-Shopify装修教程（六）：基础设置-柿哥出海教程](https://www.chuhaijiaocheng.com/wp-content/uploads/2025/01/image-101-1024x394.png)
配色设置
在商店装修的过程中，对于网站的配色也是需要严格把关的，我们推荐最好网站的配色不要超过三种，选用两种最为适宜
我们的教程展示参考BIBA的网站首页，只使用三种颜色
![图片[5]-Shopify装修教程（六）：基础设置-柿哥出海教程](https://www.chuhaijiaocheng.com/wp-content/uploads/2025/01/image-102-1024x398.png)
按钮配色参考
![图片[6]-Shopify装修教程（六）：基础设置-柿哥出海教程](https://www.chuhaijiaocheng.com/wp-content/uploads/2025/01/image-103-1024x398.png)
![图片[7]-Shopify装修教程（六）：基础设置-柿哥出海教程](https://www.chuhaijiaocheng.com/wp-content/uploads/2025/01/image-104-1024x689.png)
我们在模板设置的颜色中，分别添加一下BIBA的配色方案
红色背景配色方案
![图片[8]-Shopify装修教程（六）：基础设置-柿哥出海教程](https://www.chuhaijiaocheng.com/wp-content/uploads/2025/01/image-105.png)
黄色背景配色方案
![图片[9]-Shopify装修教程（六）：基础设置-柿哥出海教程](https://www.chuhaijiaocheng.com/wp-content/uploads/2025/01/image-106.png)
按钮的配色方案
![图片[10]-Shopify装修教程（六）：基础设置-柿哥出海教程](https://www.chuhaijiaocheng.com/wp-content/uploads/2025/01/image-107.png)
设置好之后退出即可，Shopify会帮助我们自动保存
![图片[11]-Shopify装修教程（六）：基础设置-柿哥出海教程](https://www.chuhaijiaocheng.com/wp-content/uploads/2025/01/image-108.png)
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
暂无评论内容