佛山网站建设:网站排版基本指南

2019.08.09 mf_web

101

毫无疑问,任何网站的核心,包括您的网站,都是其内容。更具体地说,您的网站的关键是这样的文本,当它们组合在一起形成单词,句子和可理解信息的大块时,构成您的网站访问者查看,阅读和欣赏的内容。佛山网站建设

构成您网站内容的单词,以最基本的印刷形式,必须具有可读性,易于消化,并被消费者理解。这就是为什么您的网站排版在整体网页设计方面如此重要。

在选择适合您网站的完美字体时,很容易被您所拥有的大量选择所淹没。

事实上,问问自己:你甚至知道什么是网页排版或在你的网站上使用哪些字体来吸引群众,引起读者的兴趣,并让他们保持足够长的时间来探索整个网络文章?

如果没有,请不要担心。我今天在这里为您提供网站排版的基本概述,以便您可以更好地了解从网站访问者点击您的网站时开始或破坏您的网站的基本网页设计。

什么是排版?

根据维基百科的说法,排版是“安排类型的艺术和技巧,使书面语言在显示时易读,易读和吸引人。”

它涉及类型的排列,当进一步细分时,它等于诸如字体,点大小,线长,前导(行间距),跟踪(字母间距)和字距(字母对之间的空格)之类的东西。

此外,让我们看一下构成排版的基础:

  • 字体。程式化字体的最通用分组。字体有多种样式,如斜体和粗体,不同的线条厚度,以及不同的尺寸,如8,10或甚至72.例如,流行的字体是众所周知的,广泛使用的Helvetica。

网络排版 - 字体

  • 字体。特定的字体大小,重量和风格。例如,使用Helvetica字体示例,Helvetica粗体大小10是字体。

网络排版 - 字体

虽然经常互换使用,但印刷术语字体和字体之间存在明显差异。也就是说,最简单的方法是记住字体只是代表一种特定字体样式的不同方式。

总的来说,排版不仅仅是将相似的字母,数字和符号放在一起,以形成可读的作品。事实上,它是一种艺术形式,需要技巧,知识和美丽设计的眼睛,尤其是在网站上使用时。

常用字体类别

虽然有几千种不同的字体和字体可供选择,但很高兴知道有四种不同的类别,大多数字体和它们的字体都属于:serif,sans serif,script和decorative。

衬线

由于小尾巴或脚伸出每个字母的末端,因此这种字体将具有经典的风格。通常在杂志,书籍和报纸等印刷品中找到,衬线字体引导您的眼睛遵循长篇形式的出版文本。很好的例子包括Times New Roman,Baskerville或Georgia字体。

衬线字体 - 新时代罗马
注意小尾巴延伸到每个字母的末尾(Times New Roman)

无衬线字体

另一方面,这种字体将具有更现代和干净的感觉,因为它缺少每个字母边缘的小尾巴。此外,它们将比serif字体具有更粗的线条。这些字体最适合用于网页设计,因为它们外观清晰。最常用的无衬线字体是Franklin Gothic,Helvetica和Century Gothic。

Sans Serif字体 - 富兰克林哥特式
无衬线字体没有小尾巴延伸到每个字母的边缘(Franklin Gothic)

脚本

这些是许多印刷和在线材料中的时尚,通常是草书的字体。连接字母创造出优雅,有趣,甚至是随意的外观,甚至可以制作成看起来好像是手写的。脚本字体的常见示例包括Marketing Script,Brush Script和Lavanderia。

脚本字体 - 画笔脚本
脚本字体看起来像草书手写,可以非常漂亮(刷脚本)

装饰

最后,装饰字体是那些包含视觉冲击并立即吸引读者注意力的字体。由于它们独特的外观,它们通常不属于任何其他三个类别。此外,它们不适合大剂量使用。这是因为如果用于大部分内容,它们并不总是清晰或可读。如果您想使用常见的装饰字体,请尝试使用Curlz,Pinewood或Betty Noir。

装饰字体 -  Curlz
装饰字体时髦而独特,非常适合引人注目(Curlz)

如您所见,字体及其相应的字体会对您网站的整体设计产生很大影响。

掌握网络排版的艺术 - 为您的网站选择合适的字体

排版是一种跨越数百年的古老艺术形式。而且,随着时间和现代技术的发展,我们对排版的使用也在不断发展。我们不再只是担心我们的报纸,杂志和小说在打印机上看起来会是什么样子。

相反,人们关注他们的书面内容将如何显示给成千上万的网站访问者,他们点击他们的网站,希望看到他们的存储内容。

事实上,有些人甚至认为,无论您提供的图像,视频和音频如何,您网站访问者在您网站上看到的近95%将包含普通的旧文字。

这是对网络排版的理解。

话虽如此,让我们看看在为您的网站选择合适的排版时应该考虑什么。

1.使用主题事项对字体(和因此字体类型)

在吸引,转换和保留常规网站访问者时,选择一种独特而酷炫的字体并不会给你带来太多好处。当然,在您的网站上,脱颖而出很重要。但是,选择过于大胆的字体不会对群众有吸引力,对于大多数点击您网站的网站访问者来说都不会有用或适用,甚至可能会导致访问者在阅读单个文本之前反弹。最后,关键是选择一种多功能且适合您网站主题的字体。

网络排版 -  Neue Helvetica
请注意Neue Helvetica可以显示的字体样式。

2.当它变色时要选择

在您的网站上找到适当数量的对比度以及您使用的字体可能具有挑战性。有人说较高的对比度是最好的,白色背景上的黑色文字是理想的。然而,其他人说过多的对比实际上会使眼睛疲劳。作为回应,建议您为字体使用灰色阴影来提高网站的可读性。

不幸的是,对一个网站有用的东西可能会对另一个网站造成严重破坏。根据您网站的背景颜色,文本数量,字体和字体,对您的竞争对手的网站而言看起来不错的东西可能会让您分散注意力。

您可以做的最好的事情是测试背景颜色和字体颜色的变化,以找到正确的匹配。此外,请不要忘记在外面看移动设备如何呈现您的网站。自然阳光与室内荧光灯有很大不同。最后,您应该迎合所有网站访问者并分享最令人愉悦的颜色组合。

网络排版 - 颜色组合
选择背景颜色和字体颜色之间的正确对比可能具有挑战性。

3.注意字体大小

您希望网站访问者做的最后一件事就是不得不眯着眼睛看你网站的内容。事实上,在选择正确的字体和布局时,可访问性是最关键的因素之一。但是,请确保您不要使用如此大的字体大小,以免您的网站的空间不堪重负。

这样做可能会使读者屏幕变得混乱。此外,它可能会导致移动设备上的读者不得不缩小并水平滚动,这两者都会损害用户体验。

除了观看与大部分内容相关的整体字体大小外,最好选择能够创建完美分层平衡的字体。任何具有丰富编写在线出版物经验的人都知道,优秀的SEO优化技巧是在整个内容中创建一个排版层次结构。

Web排版 - 内容层次结构
创建层次结构,以确定内容的优先级并使其更易于阅读。

这意味着将内容结构化为具有不同大小,颜色和字体类型的标题,副标题和优先级内容。这不仅可以让您的网站访问者更轻松地消化您的内容,还可以让主要搜索引擎更加适当地抓取您的网站并将其编入索引。

4.配对相似的字体

在网站上使用字体和字体时,很容易发疯。许多网站所有者在网络排版方面犯的一个常见错误是在一个网页上放置了太多的变化。这会造成不平衡,并可能使网站访问者的感觉超负荷。

网络排版 - 多种字体
避免使用太多字体类型使网站超载。

如果您的网站上包含多种字体,请研究您要配对的类型。例如,确保它们流动,易于浏览和阅读,并添加到您的网站设计而不是减损它。

最后的想法

最后,为自己配备网站排版的基础知识可以帮助您的网站的整体设计。事实上,无论您运营的网站是什么类型,在您的网站访问者中创建一种轻松的感觉,鼓励进一步的网站探索,都是良好的网页排版可以为您做的。

如果您希望稍微增加网站的趣味性,而不会让各种各样的读者感到压力,请尝试按照上述一些提示为您的网站选择正确的字体和字体。相信我,这样做将满足您的忠实读者,吸引更多网站访问者访问您的网站,并使您的网站比现有的更成功。

佛山网站建设

最新案例

寒枫总监

来电咨询

400-6065-301

微信咨询

寒枫总监

TOP