如何改进网站排版:提示和技巧
已发表: 2022-06-28网页设计如何产生很大的不同是惊人的! 不是吗? 颜色、图像、网站结构、图标位置、排版等都会对商业网站产生重大影响。
排版是任何网站最关键的因素之一。 它可以成就或破坏您的网站。 由于排版难以阅读,您在访问网站时可能会感到沮丧。
对排版进行重大更改,例如更改字体、更改尺寸或扩展主字体,可能非常困难且耗时。 但是您可以对排版进行一些简单的调整,这些调整不会破坏您的网格,并且可能会在半小时或更短的时间内完成。
没有排版的网页设计是不完整的。 在这篇博客中,我将告诉你改进网站排版的技巧和窍门。 我也会告诉你为什么它很重要。
让我们开始吧。
改善网站排版的提示和技巧
增加颜色对比度
在布置文本内容时,设计师将文本内容视为可见设计中的一个块并不罕见。 设计师倾向于低估比较文本内容所需的数量。
文本是用来阅读的,因此它需要满足台式机上的 WCAG AA 要求和移动设备上的 WCAG AAA 要求或任何亮度很高的情况。 您拥有的文字越多,您拥有的自由就越多。
一个好的起点是白色背景上的文本不应比颜色 #595959 浅,即白色背景上的 18 像素文本。
缩小标题之间的间距
大部分字体旨在用作框架文本——只有几行长度的大块功能文本信息。 最初设计字体时,为了这个目的,它是专门隔开的。
标题和工作文本内容之间的区别在于,标题通常长度较短,并且被额外的空白包围——尤其是在首屏的上方和下方。 额外的空白在视觉上填充了通知形状中的问题区域,并将字母推到一边。
减少非单词之间的间距
当我们检查时,我们的大脑不会一个字母一个字母地打出来; 相反,当我们查看它们时,它会识别短语形式,甚至短语组的形状。 大多数微排版关注不再干扰单个短语的形状。
但是,有时您需要阻止句子发展并允许出现单个字符。 通过扩大单词之间的字母间距,打开任何打算作为一系列字符进行评估的文本信息,例如序列号、监控代码和表格数据。
输入应使用系统字体输入
客户在隐私方面有很大的困难。 作为零售商,您可以采取任何措施向客户保证他们的信息是安全的,这将有助于改善在线商店网站上的高质量用户体验。
为您的 HTML 输入设置样式以使用设备字体,这是用户用来在线访问网站的操作系统指定的默认字体。 这样,标志字体中包含的标志信息和消费者字体中包含的消费者信息之间就有了明显的区别。
以这种方式使用设备字体有助于用户感受到对其信息的所有权,从而增加信任并导致转化率上升。

段落只能标记一次
有必要提供一个明确的指示,表明一段文本材料已经开始。 有三种常用的方式来表达这些信息:在标题之后,在段落之前有一个垂直区域,或者通过缩进段落的第一行。
每个段落必须包含其中一种类型的指示,并且只能包含其中一种。 由于 Web 内容的性质以及标题为快速扫描和评估文本提供的优势,将标题与垂直间距合并是绝大多数网站的首选。
使用真实的风格
出于各种原因,从字体供应到竞争优化,网站使用 CSS 创建虚构的机会模式并不少见。 例如,斜体可以被模仿为倾斜的斜体,可以通过使用浏览器首选项中的默认字体设置来模仿令人生畏的粗细,可以通过将文本转换为大写并减小字体大小来模仿微小的大写字母。
这些提示弊大于利,导致短语结构变形,干扰书面信息的自然流动并使其变得迟缓。 如果你不能正确地设置斜体、强大和小写的大写字母,那么不要假装能够这样做。 寻找机会使用各种方法强调某些点,例如转换颜色。
使用适当的引号
撇号和双电荷都是不同的特征。 大多数字体都有一个字形。 当您使用键盘上的快速未婚或双引号键打字时,这非常棒。
由于文字处理应用程序有时可以选择“聪明”地了解它们使用的字形,这些引号经常被描述为“聪明”收费。 提供复杂内容的最有效策略之一是利用最具竞争力的价格。
为什么排版很重要?
排版占网站内容的 90% 以上。 创建网站是为了向客户提供他们需要的有关企业和项目或服务的信息。 因此,网站上的文字对于浏览它的人来说是必不可少的。 单词本身是必不可少的,但它们的传递方式也是如此。 因此,排版在网站设计中起着重要作用。
公司网站的访问者应该能够通过查看其网站来了解公司想要表达的内容。 在当今的数字环境中,印刷字体是实现这一目标的最简单、最有效的方法。
创建网站的排版是公司品牌标识的表达。 在为您的网站选择印刷字体时,使用适合您所在行业的字体至关重要。 公司网站的排版应与其品牌标识一致。
在开发网站时,可以使用印刷字体来保持一致的外观,既美观又专业。 排版增强了网站的可读性,同时也使内容更具视觉吸引力。
包起来
排版是网页设计中不可避免的一部分。 每个设计师或网站所有者都应确保网站的排版对网站访问者有吸引力。
我希望这个博客可以帮助您了解网站排版的重要性,以及您可以用来改善网站排版的提示和技巧。
您在寻找网页设计和网页开发服务吗? 访问 www.webdew.com 或联系我们!
编辑:阿姆鲁塔