网站设计排版要注意的版式规则

每一位网站设计师都知道字体排版对网站设计的重要性。不可否认,对字体,间距和结构的巧妙使用会引起用户的注意,并能带来更好的响应。

印刷术是排版字母以使副本清晰,易读且具有视觉吸引力的艺术(和科学)。只要做对,您就可以引起某些情绪并传达有力的信息,而无需多说。

了解排版的要点不仅可以帮助您改善设计,而且还可以使这些规则变得更有利。

这是一些专家推荐的版式指南,可以帮助您提高设计技能。我们来看一下。

1.从基础开始

与任何设计实践一样,必须了解艺术的精髓。您可能认为文字排版很简单,但事实是字体排版非常复杂。因此,作为初学者,请熟悉印刷术的基本原理。

任何语言的版式的基本设计元素包括间距,颜色,字体,对比度,一致性,层次结构和对齐方式。

花一些时间来学习这些基础知识–不同的字体,特定的词汇表和所涉及的度量。花一些时间尝试一下。

2.不要轻易选择字体

网站设计

网站设计

选择一种随机吸引您的字体并开始使用的字体很诱人,但这是您可能犯的最大错误之一。

您会惊讶地发现心理学与不同的字体相关联,因为这些字体可以设定作品的基调并在观众如何看待您的内容中发挥作用。作为设计师,您必须确保所使用的字体适合您的市场。

您不会为律师事务所的小册子选择愚蠢的字体,现在可以了吗?也许是一张生日贺卡,但肯定不是为了正式的东西。

3.了解字距调整

网站建设

网站建设

没有什么能使读者远离您的作品的是不平整和草率的字距调整。

这是优化字符之间的间距以使您的内容更加引人入胜和精简的行为。看起来似乎不多,但是协调良好的字距调整可以使查看您设计的人与众不同。目的是在美学上使每个字符之间的间距均匀。

诸如Adobe Illustrator之类的有用工具可以帮助您解决字距调整问题。但是要知道,只有通过常规练习,您才能变得更好。

许多字距调整错误非常微妙且难以捕捉,尤其是在较长的段落中。您的目标应该是最大程度地减少此类间距错误,并避免标题或徽标出现任何字距紧缩问题,因为它们会弄乱整个设计。

4.保持视觉层次结构

利用视觉层次结构是一种强调读者希望关注的内容特定部分的绝妙方法。

通过建立和切换读者接收信息的顺序,可以有效地使用视觉层次结构来引导读者浏览您的文章。通过突出显示重要的标题,段落和中断来尝试引导他们的视力。以视觉方式将内容从最重要的部分简化为次要的部分。

没有印刷视觉层次结构,您的作品将看起来像一大堆内容。读者会发现很难专注于您的工作。让读者感到无聊是您作为设计师可能犯下的最大罪过!

5.明智地选择字体

许多业余设计师经常溜走,并结合了许多字体样式。我们不怪他们-诱使您想到使用各种字体样式会使您的作品脱颖而出。好吧,那不是真的。

使用许多字体可能会引起读者的不满。在不同的字体和配色方案中,内容的主旨很可能会丢失。更糟糕的是,您的作品会以不专业和不连贯的方式出现。

理想的字体变化最多应为两到三个字体。主体使用一种字体和大小,标题使用一种字体和大小,子标题使用另一种字体和大小。只要您的作品保持连贯性,就可以使用不同的字体。应避免使用两种外观相似的字体,因为它们不会为您的设计增加任何价值。

6.专注于对齐

字体对齐是排版中非常重要的概念。使用MS Word,探索可用的四种对齐方式:左对齐,右对齐,居中对齐和对齐。

对齐的最常见和标准形式是左对齐。在大多数文章中,您会发现它是默认设置,因为它遵循读者的自然阅读习惯。人们习惯于从左到右阅读。如果定期且无目的地使用其他类型的对齐方式,可能会造成麻烦。

但是,中心对齐通常用于航向。它还提供了书面中断,例如在两个段落之间添加了引号。同时,可以使用右对齐在上下文(例如简历)的一侧很好地排列文本。

要记住的一件事-注意左右对齐的锯齿线。突出的线条会使整块文字显得马虎,并在文本中添加凹凸。

7.利用网格

讨论对齐之后,还有另一种方法可以在空间上调整内容。那就是在您的设计中合并网格。设计网格可确保页面上的所有内容(无论有多少)都相对于其他内容进行了添加。

这将导致视觉上的和谐,并使您的作品具有连贯性。将其视为您工作的设计模板。

您不必为每个零件都使用设计网格。您可以放弃它们以获取更简单的细节,但是当为您的设计增加复杂性时,它们肯定可以帮助您很好地对齐所有内容。

8.不要拉伸或扭曲字体

网站建设

网站建设

找到适合您内容的字体后,请勿调整其大小以使其更宽或更高。

拉伸字体以填充更多的空白可能很诱人。您应该知道,每种字体都是在考虑其形状,大小和纹理的情况下创建的。因此,扩大或缩小它可能会破坏其美学吸引力。

不要扭曲字体,而是选择适合您的字体。在线有大量免费和付费字体,因此请明智地选择。

一种叫做印刷测量的技术可以帮助您选择合适的字体。重要的是要记住,字体在网页上所占的空间比例不同,这在设计网页时使字体测量至关重要。

使用“点系统”方法来测量字体。字符的高度称为“ x高度”,宽度称为“设置宽度”。配对两种字体时,请选择大小和宽度相同的字体。

9.选择辅助字体以进行明智的配对

尽管我们确实警告您不要在一个字体中使用太多字体,但策略性地将字体配对可以为您的内容添加很多价值。

一般而言,可以为标题,副标题和正文使用最多3种字体变体。标题和子标题使用不同的字体来建立视觉层次。避免使用难以对比的字体或相似字体,因为这两种字体可能很难区分。

第二种字体应增强第一种字体,而不会使它遮盖或取消它,同时保持设计的一致性。

10.避免跳上趋势潮流

平面设计很像时尚-今天风行一时的样式明天将消失。

因此,请尽量避免使用时髦的设计,这些设计可能使您现在的作品看起来不错,但几个月后就会显得过时和怪异。

可以将其中一些纳入您的设计中。只要记住不要过度使用它。您希望您的内容经得起时间的考验。

这并不意味着您应该沉迷于流行的设计。对他们进行分析,以了解使他们流行的原因。结合新的想法来迎合您的利基市场,但不要这样做,因为其他所有人都在这样做,这始终是一个好主意。

11.遵守语法规则

语法似乎像作家的领域,对吗?语法要设计什么相关性?

嗯,语法支配着说和写一种语言的规则。同时,排版是一种以使它们看起来不错的方式来设置和排列单词的艺术。一起使用它们可以使您的排版看起来不错。

语法和标点符号的差异会大大降低您的作品的价值。正确使用标点符号可以区分专业内容和业余爱好者蓬松的作品。最好的设计师总是特别注重细节。

请注意是否有双空格,逗号和标点符号放置不正确,大小写不正确以及连字符,破折号和符号过多。

12.不要低估空白的重要性

网站建设

网站建设

空白和空白之间存在相当大的差异。

空白区域用于聚焦并增加作品的视觉吸引力。它可以让您的设计“呼吸” –就像衬砌混凝土的人行道之间的一片绿色。

有效利用空白可以平衡文本,从而为您的作品增添价值。它也可以非常有创意地用于引起您对工作某些部分的注意。例如,在内容的重要元素周围添加空格有助于突出显示它们,并成为设计的唯一重点。

要深入了解空白,请单击此处!

13.检查缩放比例和比例

确保您的字体适合屏幕尺寸。放大和缩小以确保您的排版与整个屏幕的宽度和长度成比例。

确保您设置了领导权;这是每条线之间的垂直空间。通常,理想值大约是字体大小的1.25到1.5倍。

14.明智地选择您的调色板

战略性的调色板可能是您作为平面设计师的最大武器。使用补色和对比色为您的内容添加含义,并利用色轮选择适合您设计的颜色。

不同的颜色可能会对读者产生一定的影响,并有助于设定心情。例如,红色唤起激情,而蓝色唤起舒缓效果。了解如何使用不同的颜色以发挥自己的优势。

但是,请确保您的颜色不会掩盖您的内容。颜色应该增强您的内容,而不是超越它。

15.优先考虑可读性

可读性是您设计的关键。您的读者应该能够轻松阅读您的信息。在任何情况下,您的方法都不得妨碍内容的正文。

避免使用深色背景,刺激性的颜色,小字体和过多的图像。最好的设计如果不可读就一文不值。

16.当心“寡妇”和“孤儿”

网站设计排版要注意的版式规则

什么是“寡妇”和“孤儿”,为什么它们在版式中很重要?

印刷遗id是一行文字,属于照片的一部分,移至下一行。孤儿是一个段落中的一个单词,该单词已移至下一列。为避免出现“寡妇”和“孤儿”,请手动调整行的长度或调整文本框或列的大小。

17.像艺术家一样思考

不要将排版视为对字体的战略性使用。不仅仅是创建纯文本。将您的字体视为一种艺术形式。

不要只限于字体和现有字体。在印刷设计中调用创意,并使用漩涡,纹理,线条或您认为会补充字体的创意元素。

18.使用正确的工具来帮助您

设计师是工匠。每个工匠都需要正确的艺术工具。您可以使用许多工具来帮助您进行版式设计,例如SmallPDF,它使您可以向PDF文件中添加文本,图像和形状。最好自己比较印刷工具,以确定哪些工具对您的设计有帮助,哪些对您没有用。

综上所述

一旦理解了排版的这些基础知识,剩下的就留给您的创造力和设计技巧。从现在开始,这都是主观的。让您的目标市场激励您进行排版设计,讲出精彩的故事并唤起听众的情感。

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/262093.html

(0)
上一篇 2022年5月25日
下一篇 2022年5月25日

相关推荐

发表回复

登录后才能评论