网页设计完美型设计10条规则

你有没有注意到有些项目看起来很好看？一些设计师对于为每个项目设计好的版式都有一定的诀窍。

你也可以这样做。通过一些简单的规则，您可以在所有项目中以数字方式和印刷方式改善版式的外观和设计。如果您为挑选字体和配对字体而苦恼，这些规则将帮助您每次都设计出好的类型。（只要确保按照他们。）

创新互联在成都网站建设，网站设计制作方面属高端品牌，网站制作公司的领军，提供的网站设计制作，公司网站制作，成都建设网站，官网建设，网页制作公司，建网站公司，企业建站，成都网络公司与品牌网站策划运营服务。

1.为项目设定目标
良好的印刷术开始于对你的项目应该做什么的坚实理解。在开始浏览Google Fonts或Typekit之前，请记下几个问题的答案。
你试图通过这个项目达成谁？
用户应该怎样处理设计？
什么是转换点？
项目的心情是什么？
你需要与其他设计或品牌相匹配吗？
答案将帮助你开始构思你正在寻找什么样的排版。（这是设计项目中字体意义和心情的指南。）
2.寻找类似的形状
当涉及到在设计中匹配多个字体时，像字体形状这样简单的事情可以制作或破坏字体组合。
那么你如何确保你做到了？
寻找具有相似形状的字体。考虑每种字体是更圆形还是椭圆形，厚或薄，x高高矮或包含倾斜或倾斜。
选择您喜欢的主要字体或正文字体，然后匹配具有相似形状的互补字体。
看看每个类型家庭的小写字母“o”。里面的“碗”是圆形还是椭圆形？匹配“o”的内部相同的字体。
可以配对粗细字体。最好是配对厚或薄而规则的字体。
寻找具有类似x高度的字体（“x”的垂直大小）。
不要害怕混搭不同的风格。尝试使用serif和sans serif组合。只要确保一个字体很复杂，另一个字体很简单。对于最广泛的应用使用简单的字体，例如正文文本。
注意倾斜和斜体。（您可以再次看一下“o”的中心作为指引。）不要使用多于一个倾斜字体，并避免在相反方向倾斜的字体对。它们可能会让用户感到震惊。
仍然不确定？以下是混合字体的指南。
3.为尺寸设置一个类型比例

字体的大小可以制造或破坏一个项目。如果文字太大，会产生不自然的阅读模式，停顿和停顿太多。如果文字太小，会使眼睛疲劳并导致用户离开设计。

当文字恰到好处时，用户可以自由地阅读文字。
大小恰到好处的文本还会附带一个针对项目中不同大小的比例尺。正文文本是一种尺寸，标题是另一种尺寸，而副标题是另一种尺寸。所有的尺寸和使用应该在整个设计中保持一致。
这对用户来说是一件容易阅读的事情。
文本大小按重要性排列信息的优先顺序。更大的类型更重要，更可能被大多数用户剔除。
刻度可以增加文本的可扫描性，以便用户快速查看。
相关项目具有相同的外观。
较大的文本元素（如子标题）有助于分解长文本块，使其更易于阅读。

4.注意间距

它本身不是类型，但类型间距很重要。
克宁，领导，跟踪和填充可以使您的类型更加美观，或者将其变为一团糟。
有一个很好的艺术来间距恰到好处。它的很多取决于实际使用的字母组合，大小和字体。没有核心规则 - 除非在必要时进行 - 而且文本和其他元素没有好的填充量。
你将不得不眼球。
测试是感觉。如果设计以某种你不能指出的方式感觉“关闭”，有问题的间距可能是责备。它只需要练习 - 而且是一个很好的眼睛 - 让它正确。

5.左对齐阅读

用英文以及其他语言，用户从左至右阅读。这也是优化复制块内可读性的理想对齐方式。
小部分文本 - 菜单元素或英雄标题 - 不必与左侧对齐，因为它们快速阅读。大量的副本 - 不只是一句话 - 应该可以左对齐。（理由是有争议的，尽管如果你不是非常小心的话它会引起一些间距问题。）
6.选择两个类型系列
这个规则可能已经被打入你的头脑中：对于一个项目只使用两个字体。
这里再次说到，因为很少有设计师真正关注这个规则。扫描网站或投资组合网站，你会看到很多项目“字体疯狂！”
如果你打算打破这个规则，再想一想。通过在混音中增加另一种字体，你获得了什么？相反，看看你选择的字体，看看另一种风格 - 粗体还是粗体或斜体 - 可能是更好的解决方案。
7.不要改变字体

永远不要伸展或扭曲或倾斜字体。如果您需要与您所拥有的不同的东西，请选择其他选项。

类型设计师花费大量的时间来创建文字，如同所呈现的那样工作。改变字母的形式会影响可读性，并且可能会导致字体在照片变得像素化时使用大于原始大小的方式“分解”。
8.使用大量的对比
让设计师陷入困境的一件事是在图像或背景元素上输入类型。它只有在元素之间有足够的对比以创建分隔并确保可读性时才有用。
如果您必须添加阴影以便刻字，则没有足够的对比度。
光线暗或暗时可以确保可读性。它也有助于使用规则或更宽的笔画的字体。
但情况并非总是如此。一张照片可能包括明亮和黑暗的空间，或者可能包括粗细笔划。
选项包括装帧文本，选择较重的字体或为图像添加颜色叠加层。所有这些技术都可以帮助创建更多对比度并使文本更具可读性。（另外，它们在用于文本和图像四处移动的多个响应断点时倾向于保持。）
9.记住移动版式

当涉及到网页的排版时，移动可读性应该成为首要考虑因素。有趣的技术，例如为字母添加图案或纹理，可以在打印和一些桌面屏幕上工作，但在较小的设备上会失败。

您需要考虑字体在所有用途中的呈现方式。（回到你的印刷规模，并记住在大屏幕和小屏幕上包括类型的规格。）
移动排版通常有点大，并且在桌面上包含比印刷更多的空间。如果段落较短，这样做也有所帮助，这样您就不会因需要读取多个滚动条的文本块而结束，这可能会威胁用户。
10.坚持风格指南
一旦您对项目的外观应该如何看待有一个明确的想法，请创建一份包含所有使用准则的样式指南。
制作副本。把它放在一个可访问的位置。只要你改变设计就可以使用它。
一致性是好版式设计的关键组成部分。
结论

好的和坏的印刷术的事情是，大多数用户可以识别其中一个。他们只知道设计何时不完全正确。

关于创建好排版的关键问题是可读性。类型必须易于阅读和理解。它应该匹配副本的心情。用户应该感觉几乎不可见; 当他们不需要考虑并且可以轻松阅读时，它就可以工作。

本文来自创新互联品牌网站建设网站设计制作公司-创新互联
标签：公司网站制作，成都建设网站，官网建设，网页制作公司，建网站公司，企业建站，重庆网站建设公司，成都网页设计公司，成都网站设计公司，企业网站建设

新闻名称：网页设计完美型设计10条规则
本文链接：https://www.cdcxhl.com/news48/168598.html

成都网站建设公司_创新互联，为您提供移动网站建设、响应式网站、微信公众号、营销型网站建设、网站营销、建站公司

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联