网站建设之如何使用版式和设计来提升用户体验

是什么使网站或电子邮件引人注目且易于使用？在您开始阅读有关如何创建目标网页或如何完善电子邮件的指南之前，也许您应该以一种简单而最少的方式来考虑进行更改。

那么，是什么使这样的事情变得美妙呢？是视觉效果，颜色，复制品……还是其他？

好吧，所有这些都很好，特别是副本（* wink wink！*），但是，有些东西让用户真正注意了：印刷术。

据我的好朋友Google所说，印刷术是印刷品的样式和外观。毋庸置疑，这本身就是一种艺术。

排版是创建与文字有关的任何各种设计的基础。这意味着您可以在任何地方找到它：在书籍中，在包装上，甚至在我们网站，电子邮件和登录页面上（最重要的是，对于我们而言）。

但是，无论是否附庸风雅，与所有工具一样，排版是需要为用户提供良好体验的一种方式。草书字母可能很漂亮，但是可以使用吗？

让我们看看如何通过使用适当的排版来改善用户的体验以及用户界面本身。

首先，有字体

想象一下，如果您的字体与企业的三位一体不相符，那么网站的外观将显得多么冷漠和冷漠，并从用户的体验中获得多少收益：目标受众，品牌的基调和目标。

选择合适的字体有点像为房间选择完美的窗帘。粘滞的窗帘显示不好的味道，而字体不匹配的字体可能会使您的项目在最佳状态下显得发粘，在最坏情况下则显得垃圾。

字体与视觉效果本身一样重要，它可以在网站和电子邮件中产生印象并精确定位您需要精确定位的内容，从而优化用户体验。

您需要大胆的粗体陈述，草书和强烈的书法来修饰高雅而不重要的事物。必须结合以下组合：

品牌字体配对

但是，我不得不警告您一些事情：太多的字体会使您迷失方向。最多可以使用两种类型的字体，并且需要确保将它们用作上面的示例：标题的字体更粗，更严格，副本的主体更精致。

请记住以下几点：如果我们在谈论的是您的网站，而不是着陆页或电子邮件，那么您也许应该考虑使用标准化字体。

您会看到，草书有时可能难以阅读，过于刻板的结果可能很漂亮，但阅读和理解却并不容易。对于当今忙碌的客户而言，他们擅长扫描文本块并确切地找到他们需要知道的内容，以便节省时间，因此，非标准化的工作看起来会花费很多精力。

例如，您的听众对Times New Roman更熟悉。他们甚至可以告诉您应该在哪里使用它，而且很容易阅读。

而且，从某种程度上讲，更时髦的字体和格式可能会引起人们对内容的关注，这可能会导致真正的内容问题。

字体的特殊元素：

字体几乎由各种可以构成或破坏其用途的元素组成。您有各种样式，重量和作品！现在让我们看看这是怎么回事：

首先，您已经有了字体家族。字体家族（或字体）几乎是包含相同样式的字体的大类。

其次，您已经有了字体的粗细，即每个字符的宽度。此元素分隔将使用哪种字体来创建标题，以及哪种字体最终会出现在正文中。

第三步是字距调整，即字符遵循的模式，即两个字母之间的间距，这是必须的，因为您的眼睛会遵循该精确的模式。

此间距和边距将定义最终的非常重要的元素：

每行的字符数。每行太多字符，文本正文看起来很混乱，从而导致非常糟糕的用户体验。

太少了，需要花费更多时间才能到达下一段，获得与我上面提到的完全相同的结果。

通过限制长度，可以提高文本的可读性。如果该行太长，它将无法在设备上正确显示，这意味着阅读器将无法正确读取它，这将导致CRO（转换率优化）方面的混乱。

您需要找到一个适合您的黄金比例，并记住该黄金比例必须以每行60个字符停止。

这里有一点提示：您还需要注意两行之间的间距，因为重新读取一行或完全省略它太容易了。这永远不是一个好习惯，尤其是在当今消费者拥有如此众多选择的时代。

字体大小和其他噩梦

您有多少次看过所有大写的文字，并以为作家想愤怒地大喊大叫？我敢打赌，答案是“很多次”。

字体大小可以像口语的语气一样工作：斜体可以模仿，粗体可以要求苛刻，大写字母可以吸引注意力等等。

因此，设计师在选择字体和样式时需要谨慎，尤其是当他们有各种各样的受众可以“交谈”时。

如果您不相信我，请打开小说并检查字体。然后，打开一本儿童读物，然后做同样的事情。

一切都归结为我在开始时提到的内容：您需要通过印刷术以及复制品和视觉效果本身来吸引目标受众。

但是大小并不重要。由于我们使用的是数字方式，因此您的排版必须在所有设备上都无可挑剔。您需要针对移动设备，平板电脑和台式机进行优化，以防止用户感到困惑并完全丢弃您的内容。

请记住，身高同样重要。测试台式机视图时，长或短的文字看起来不错，但可能不适用于移动设备。

也许最大的噩梦是文本的对齐。在西方文化中，人们习惯于从左到右阅读，因此，您应该注意这一事实并采取相应的行动。

使用左引用来模仿人们阅读印刷文本的方式，您就很好了。

如果目标受众位于东部从右到左的某个地方，则对目标受众而言，这是行不通的。因此，再次，您的目标受众是做出决定之前要考虑的第一件事。

趋势是你的朋友

您知道，在排版和设计方面，最佳实践不会奏效，对吗？

您可以使用最好的字体，对齐方式是无可挑剔的，但是如果不使用设计趋势，则无论您创建的电子邮件，网站，登录页面还是什么，它仍然可能是您保留得最好的秘密之一。

大胆有时美丽

以MAC为例。美容品牌喜欢使用粗体文字和极端对比作为元素：

MAC化妆品

这是该品牌的口号，并且一直以来都存在。这是戏剧性的，您不能错过。他们的时事通讯的英雄形象也是如此：

MAC Cosmetics通讯

问候只是……在那里！如果我们必须根据英雄形象创建一个人，那将是一个非常时尚的人，很高兴看到您走在街上。

另外，请考虑执行以下操作：除了使用粗体字母之外，您还可以突出显示设计中的文本。

有点像我们小时候用书本上的标记做的事情。还记得这曾经引起多少关注吗？

您可以使用两种方法来建立涉及设计的层次结构。

加香料的文字！

当您对齐它们时，文本块非常好，人们甚至无需尝试就能阅读它们，但是当您需要在人群中脱颖而出并使事情变得有趣时，会发生什么呢？

尽量将标题混为一谈，文字以水平开头，变成垂直，变成分散的字母……

这里的关键是吸引游客。还有什么比让他们嬉戏并吸引他们注意这些小元素的更好的方法，这些小元素会让他们玩得有点。

魔术人伏都教人

上图是我要表达的观点的完美可视化效果，因为我不得不转过头一次或两次，而不会迷失方向。您会发现这里的左对齐原则仍然很明显，因为您不能读错名称，除非它是故意的，并且您需要练习创造力！

点点滴滴的内容

无论您做什么，都应始终牢记，内容就是您要使用的内容，而内容为王。总是。

确保质量与您的愿景以及发布，上传或发送电子邮件的频率相匹配。

其次，请确保您的设计不会引起人们对内容的关注。例如，“号召性用语”按钮应为粗体和对比色，但不能使收件人看不到您要传达的消息。

继续阅读内容，花时间学习并真正投入使用。如果您要发布很多新内容，则它们需要及时，相关且引人注目。

形象化您想说的话。大声朗读您的文字，并确保您正在创建初次注视草稿时头脑中的图像。

还有一条路

注意要使用的颜色。除了色彩心理及其对用户的影响外，您还需要注意以下几点：

第一，色盲。在突出显示重要信息时，请勿使用过多的红色或绿色。

色盲是很常见的情况，红色和绿色色盲是最常见的两种情况。因此，涉及CTA和诸如条款和条件之类的人们应该知道的事情时，请坚持使用黑人和高对比度的黑人。

第二，闪烁的图像和文字。闪烁的图像可能会引起焦虑感，它们可能使用户分心，并且很烦人。但这不是您应避免使用它们的主要原因。

图像闪烁会导致癫痫发作。

结论

在排版，网页设计和用户自己的体验方面，还有很多话要说，但是我认为我们已经在这里介绍了基础知识。

只要确保跳出框框思考，并与所有人保持一致就可以了。像您这样富有创造力的人一定会找到一种跳出框框的思维方式！