创建您会喜欢的乐队网站布局的 7 种方法

无论您是刚开始设计新的乐队网站，还是为正在进行的新项目更新您的网站，Bandzoogle 的平台都提供了很好的工具来扩展您的网站布局的可能性。

无论您选择哪个乐队网站模板，都可以通过多种方式自定义布局以创建真正适合您的特定需求和审美的外观。

在为您的乐队或其他音乐项目建立网站时，以尽可能清晰的方式布置信息非常重要，同时也要忠于您作为艺术家的品牌和价值观。

“图像和文本”功能是我在为网站页面创建独特布局时最喜欢使用的功能之一。 这是一项超级通用的功能，可确保在所有设备上进行干净的格式化。

我将向您展示如何使用此功能，结合部分自定义，在您的网站上为各种目的制作 7 个乐队网站布局。

首先，我将解释“图像和文本”功能中可以根据需要使用或省略的所有元素：

• 图片：当然，您可以在“图片和文字”功能中添加图片。 此图像可以裁剪为正方形、圆形或 5:4 或 16:9 的比例。 您还可以在“图像链接”区域中添加指向该图像的超链接。 在将图像上传到您的网站之前，请务必针对网络优化您的图像。
• 标题：您可以添加一个标题，该标题从“编辑主题”选项卡中的“标题 1”设置中提取其字体样式。
• 副标题：您可以添加一个从“编辑主题”选项卡中的“标题 2”设置中提取其字体样式的副标题。
• 描述：这里的描述或“正文”可以很短也可以很长，如果文本很长，可以选择将文本环绕在图像周围（也许对于深入的艺术家简历 - 稍后会详细介绍）。 超链接可以添加到描述区域的文本中。
• 按钮：按钮可以链接到外部页面、您网站上的页面、曲目、专辑、文件或电子邮件地址。

现在，这里有 7 种有趣的方法可以将此功能和其他布局自定义应用到您的网站 - 尽情享受吧！

1. 整理您的音乐目录、项目组合等

如果您想在页面上突出显示许多不同的项目、服务、相册等，一个不错的选择是使用页面上多个列中的多个图像和文本功能创建一个“登录页面”。

要查看实际情况，请查看 Jojo Worthington 的“生产和工程”页面，她使用图像和文本功能以有条理的方式列出她的所有学分。

艺术家网站：Jojo Worthington

要获得类似的外观，请首先创建一个新页面或部分。 要创建新页面，请在编辑内容下单击“页面”>“添加页面”并根据需要命名页面。 点击“创建我的页面”。

要创建新部分，请在编辑内容下，将鼠标悬停在页面上的两个部分之间，然后单击蓝色的“+ 添加部分”按钮。

设计一个具有与您的音乐相匹配的自定义外观和感觉的令人惊叹的网站。 立即使用 Bandzoogle 建立网站！

我建议将页面的部分分成两列或三列开始。 在编辑内容下，单击“新建部分”（页面布局中的蓝色水平线），然后将鼠标悬停在您创建的部分上，然后单击“编辑列” - 然后在此处选择“2 列”或“3 列”。

要添加“图像和文本”功能，请单击“添加功能”>“图像和文本”，然后使用灰色放置箭头将该功能放置在本节的某一列中。 选择“堆栈”显示选项以使按钮和任何文本位于图像下方。

然后，添加代表一个项目/专辑/等的图像，并根据需要添加任何文本。 如果您不想要任何标题/描述，只需从文本字段中删除提示并将它们留空。

要在此图像上添加链接，请单击图像缩略图下的“编辑”。 图像旁边会弹出一个菜单。 单击“链接”，然后选择您的链接类型 - 如果您正在制作唱片页面，您可以链接到“专辑”或“曲目”以链接到您网站上设置的专辑或曲目/单曲。 如果您以制作人、工程师等身份制作作品集，您可以链接到“外部页面”并在提供的字段中输入项目的 URL。 单击应用。
最后但同样重要的是，还有按钮选项 - 要排除按钮，请在“按钮链接”下选择“无链接”。 或者，选择其他链接类型（可能与您在图像上应用的链接相同）。

单击保存以保存所有这些更改。 继续为您的唱片、项目组合等中的所有项目添加“图像和文本”功能。一旦建立起来，您将拥有一个很棒的项目网格供您的网站访问者点击。

2. 在您的主页上突出显示项目或产品

使用“图像和文本”功能的另一个好方法是在您的乐队网站主页上突出显示一些关键项目。 主页是简要概述您的最新项目和网站提供的所有内容的好地方。 也许您有一些令人兴奋的公告要发布，或者想要引导您的网站访问者访问您的新专辑、您的在线商品商店或您的旅游日程。

您可以使用“图像和文本”功能清晰地突出显示这些内容，并将人们链接到可以找到这些内容的网站内页。 使用图像总是可以方便地吸引网站访问者的注意力。 这使您的主页看起来干净简洁，并促进与您网站内页的更多交互。

Wolf & Moon 和 Lightbound Music 在他们的主页上都做得很好。

艺术家网站：Wolf & Moon

艺人网站：Lightbound Music

请注意这两个页面上都使用了“拼贴”显示样式。 他们定制了他们的网站模板以补充他们的新产品/项目，以便拼贴覆盖的背景颜色与艺术品完美匹配。

您可以在这里真正使用多种颜色，在您的部分背景颜色、拼贴覆盖颜色、按钮颜色和您使用的图像中的颜色之间。

3.增加你的生物以增加个性

通过“图像和文本”功能中的标题、副标题、按钮和图像选项，您可以在编写音乐家简历时添加许多个性。 您可以根据需要选择包括或省略这些项目中的任何一项。

Annie Sumi 在她的简历页面上做得很好。 Annie 在“图像和文本”功能的“副标题”字段中引用了与她的音乐实践产生共鸣的引语。 这得到了不同的风格，并在她的简历顶部突出显示。 她使用“拆分”显示选项将图像放在生物文本旁边。

她已将她的艺术家头像图像裁剪为一个圆圈 - 这不仅与图像相得益彰，而且与她的音乐主题相得益彰。 要在“图像和文本”功能中裁剪图像，请单击图像缩略图下方的“编辑”。 图像旁边会弹出一个菜单。 单击此处的“裁剪”并选择适合您的裁剪样式。 根据需要拖动图像以定位它，然后单击应用。

她还切换了“选项”下的“环绕文本”开关“打开”，以便文本环绕图像。 这将很好地响应不同的屏幕尺寸，并保持页面布局在整个生物长度上看起来都是完整的。

艺术家：安妮苏米

4.制作一个超级有条理的EPK

“图像和文本”功能的另一个显示选项是“图像上的文本”。 这释放了许多可能性来创建一些非常注重图像的可爱布局。 此选项可以很好地在您的网站上创建一个 EPK，预订者和其他行业人士会喜欢的，因为他们可以通过单击快速找到他们正在寻找的内容。 我从我自己乐队的 EPK 中提取了这个示例，其中使用“图像上的文本”选项清楚地概述了元素。

在这里，我根据上面的“登陆页面”建议（#1）设置了一个类似的布局。 我使用了我们为新专辑拍摄的照片中的一些纹理图像，并将所有这些裁剪为圆圈。 然后我为每个图像和文本功能添加了一个简单的“标题”，以标记我们乐队的 EPK 中包含的各种元素。

每个图像都链接到一个单独的非菜单页面，该页面包含每个类别的内容。 例如，我有一个特殊的“EPK - 照片”页面，其中包含我们所有的新闻照片。

随意尝试这个非常直观的 EPK 页面！

艺术家网站：The Lifers

5. 为订阅、服务等创建信息页面。

我们的许多会员为他们的网站访问者提供了令人惊叹的服务——无论是出售粉丝订阅还是其他定制服务（音乐课、录音课程、治疗等），我们总是对我们的会员给世界带来的东西感到惊讶。

Jackie Gage 为他们的订阅产品创建了一个很棒的信息页面。 Jackie 使用“图像和文本”功能的“拆分”显示选项来概述他们提供的服务种类。 Jackie 充分利用了图像和文本功能的标题、副标题和按钮组件，以便为网站访问者清楚地概述关键信息。 精彩的作品在这里！

艺术家网站：Jackie Gage

6. 使用部分背景对您的布局产生重大影响

伟大的图像中有如此多的力量。 通过向部分添加背景图像，您将在视觉上分解页面。 这一突破受到了我们滚动的人眼的欢迎，并且该内容将立即弹出，因为它很重要且令人兴奋。 这是在页面某处合并号召性用语的另一种好方法。

Intune Experience 在其主页上完美地做到了这一点。 他们在主页的中间部分设置了一个可爱的纹理图像作为“部分背景图像”。 他们在“文本”功能中添加了自己的报价，然后是一个链接按钮，呼吁访问者预订会议。

这种布局非常完美，因为它给人以个人风格，视觉上很有趣，并提供了清晰的参与信息。 简单真的是这里的关键。

艺术家网站：Becki Fleischer

7.玩得开心！

如果您愿意尝试一下，有很多方法可以玩弄布局。 这是一个很好的网站示例，它使用形状裁剪、有趣的颜色、部分背景、不同的列布局等来发挥布局的可能性。

Piper Hayes 在她的 Vocal Coaching 网站上使用圆形裁剪和图像和文本功能的“拼贴”显示选项创造了一种极好的美学。 该网站结合了出色的调色板、可爱的纹理图像和无畏的个人风格，创造了一个非常受欢迎的在线空间。

艺术家网站：Piper Hayes

我确实希望这篇文章有助于为您提供一些灵感，帮助您通过在页面上创建不同的布局来为您自己的网站带来个性化和美观的触感。 当然，如果您希望我们查看您创建的内容并提供一些反馈，请随时与我们屡获殊荣的支持团队联系。 我们为所有会员提供免费的乐队网站评论！