这种一致性是有充分理由的。使用相同的视觉元素可以产生可识别且连贯的品牌标识。此外，创建网站时可以节省时间，因为您不必在每次添加元素时都考虑每个元素的外观。
以下 4 个因素有助于实现设计一致性。我们还提供了一些免费工具来帮助您进行设置。
创建徽标
将您的徽标添加到您的网站可以清楚地表明该页面属于您的品牌。
如果您还没有徽标，Logo Creator、Shopify和Adobe的自动徽标生成器将立即为您创建一个。或者，如果您想以一种简单的方式测试您的图形设计技能，请使用Canva 。然后，您可以使用我们的Canva 集成导出徽标以在您的 MailerLite 网站中使用。
定义你的调色板
选择相互补充并反映您品牌的颜色。使用Coolors等工具浏览配色方案，直到找到您喜欢的配色方案。然后在您的网站和其他资产中一致地使用它们。
这可能看起来并不重要，但颜色在人们如何看待你的品牌方面起着重要作用。正确的配色可以帮助你脱颖而出，让你产生特定的感觉，甚至改变别人的心情。看看下面的图表，看看常见的颜色能唤起什么样的感觉。
色彩理论图表
来源：MailerLite
选择字体
大多数品牌在其网站上使用两三种字体。这通常包括一种用于网站副本的字体和一种用于标题和按钮的字体。
有些字体搭配比其他字体搭配效果更好。使用Fontjoy浏览搭配，直到找到您喜欢的搭配。
设计一致性示例：MailerLite
查看 MailerLite 网站，了解设计一致性。我们在整个网站上使用深绿色、浅绿色、白色、黑色和灰色。每个页面的文本和标题也使用相同的字体。
在开始设计过程之前定义你的全局样式
选择字体和颜色后，决定在哪里使用它们。在设计网站之前完成此操作，以便每个元素都使用相同的样式。
MailerLite 网站构建器允许您从设置菜单定义全局样式，例如标题、正文和按钮的颜色和字体。
MailerLite 主页设计
来源：MailerLite
每当您添加其中一个块时，您选择的样式就会反映在您的网站上。
全局样式 - MailerLite
来源：MailerLite
重要提示：在所有宣传材料上使用一致的品牌标识
在所有品牌材料（包括电子邮件、社交媒体内容和视频）中使用您为网站选择的颜色和字体。无论人们在哪里看到这些内容，他们都会认出这是您的内容。
3. 通过视觉层次吸引注意力
视觉层次结构是你对网站内容进行排序和显示的方式。有效的视觉层次结构可以组织你的网站内容，以便：
最重要的元素是最突出的。
内容具有逻辑顺序，方便访问者浏览。
创建优化的视觉层次结构可能很复杂。专业设计师使用元素的大小、颜色、对比度和间距来引导访客的注意力。
遵循以下三个规则可以让事情变得简单：
确保最重要的元素足够大并且靠近页面的顶部。
使用对比色来突出显示诸如 CTA 按钮之类的方面。
缩小不必要的细节并将其放在页面的下方。
示例：MailerSend 的主页
MailerSend 主页
来源：MailerSend
标题文本包含服务描述。它比所有其他元素都大得多，并且放置在人们进入页面时首先看到的位置。
副标题提供了有关该服务的更多好处；它很大，但没有标题那么大。 CTA 注册按钮对 玻利维亚电报数据 于转换很重要，因此它们的颜色与页面的其余部分形成对比。
向下滚动时，您可以看到有关各个功能优势的更多信息。这些功能并不像上述元素那么重要，这就是为什么它们被放置在页面的较低位置。
使用 F 和 Z 模式
网页布局是视觉层次结构的另一个重要部分。将网页元素布局成自然易读的结构，例如 F 或 Z 模式。
F 和 Z 模式是解释读者的眼睛如何在网页上移动的原理。
F 模式是指用户从页面左上角开始，水平向右移动，然后移动到下一行的开头。当用户向下移动页面时，他们更有可能扫描左侧的内容，并且只有真正感兴趣的内容才会移动到左侧。
这通常是人们阅读包含大量文本的页面（如博客文章）的方式。在网页设计中运用这一知识，将最重要的信息放在顶部。在页面的下方，使用标题和图片，以便浏览的人可以看到并理解内容。