400-611-9921

当前位置:首页 > 新闻资讯 > 纵天观点
网页设计完美型设计10条规则

2018-02-25

4810

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

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


纵天科技在广州网站建设,广州网站设计制作方面属高端品牌,广州网站制作公司的领军,提供领先的网站设计制作,公司网站制作,广州建设网站,官网建设,网页制作公司,建网站公司,企业建站,广州网络公司与品牌网站策划运营服务。


1.为项目设定目标

良好的印刷术开始于对你的项目应该做什么的坚实理解。在开始浏览Google Fonts或Typekit之前,请记下几个问题的答案。

你试图通过这个项目达成谁?
用户应该怎样处理设计?
什么是转换点?
项目的心情是什么?
你需要与其他设计或品牌相匹配吗?
答案将帮助你开始构思你正在寻找什么样的排版。(这是设计项目中字体意义和心情的指南。)


2.寻找类似的形状

当涉及到在设计中匹配多个字体时,像字体形状这样简单的事情可以制作或破坏字体组合。

那么你如何确保你做到了?

寻找具有相似形状的字体。考虑每种字体是更圆形还是椭圆形,厚或薄,x高高矮或包含倾斜或倾斜。

选择您喜欢的主要字体或正文字体,然后匹配具有相似形状的互补字体。

看看每个类型家庭的小写字母“o”。里面的“碗”是圆形还是椭圆形?匹配“o”的内部相同的字体。
可以配对粗细字体。最好是配对厚或薄而规则的字体。
寻找具有类似x高度的字体(“x”的垂直大小)。
不要害怕混搭不同的风格。尝试使用serif和sans serif组合。只要确保一个字体很复杂,另一个字体很简单。对于最广泛的应用使用简单的字体,例如正文文本。
注意倾斜和斜体。(您可以再次看一下“o”的中心作为指引。)不要使用多于一个倾斜字体,并避免在相反方向倾斜的字体对。它们可能会让用户感到震惊。
仍然不确定?以下是混合字体的指南。

3.为尺寸设置一个类型比例


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


当文字恰到好处时,用户可以自由地阅读文字。

大小恰到好处的文本还会附带一个针对项目中不同大小的比例尺。正文文本是一种尺寸,标题是另一种尺寸,而副标题是另一种尺寸。所有的尺寸和使用应该在整个设计中保持一致。

这对用户来说是一件容易阅读的事情。

文本大小按重要性排列信息的优先顺序。更大的类型更重要,更可能被大多数用户剔除。
刻度可以增加文本的可扫描性,以便用户快速查看。
相关项目具有相同的外观。
较大的文本元素(如子标题)有助于分解长文本块,使其更易于阅读。


4.注意间距


它本身不是类型,但类型间距很重要。

克宁,领导,跟踪和填充可以使您的类型更加美观,或者将其变为一团糟。

有一个很好的艺术来间距恰到好处。它的很多取决于实际使用的字母组合,大小和字体。没有核心规则 - 除非在必要时进行 - 而且文本和其他元素没有完美的填充量。

你将不得不眼球。

测试是感觉。如果设计以某种你不能指出的方式感觉“关闭”,有问题的间距可能是责备。它只需要练习 - 而且是一个很好的眼睛 - 让它正确。


5.左对齐阅读


用英文以及其他语言,用户从左至右阅读。这也是优化复制块内可读性的理想对齐方式。

小部分文本 - 菜单元素或英雄标题 - 不必与左侧对齐,因为它们快速阅读。大量的副本 - 不只是一句话 - 应该可以左对齐。(理由是有争议的,尽管如果你不是非常小心的话它会引起一些间距问题。)


6.选择两个类型系列

这个规则可能已经被打入你的头脑中:对于一个项目只使用两个字体。

这里再次说到,因为很少有设计师真正关注这个规则。扫描网站或投资组合网站,你会看到很多项目“字体疯狂!”

如果你打算打破这个规则,再想一想。通过在混音中增加另一种字体,你获得了什么?相反,看看你选择的字体,看看另一种风格 - 粗体还是粗体或斜体 - 可能是更好的解决方案。


7.不要改变字体


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


类型设计师花费大量的时间来创建文字,如同所呈现的那样工作。改变字母的形式会影响可读性,并且可能会导致字体在照片变得像素化时使用大于原始大小的方式“分解”。


8.使用大量的对比

让设计师陷入困境的一件事是在图像或背景元素上输入类型。它只有在元素之间有足够的对比以创建分隔并确保可读性时才有用。

如果您必须添加阴影以便刻字,则没有足够的对比度。

光线暗或暗时可以确保可读性。它也有助于使用规则或更宽的笔画的字体。

但情况并非总是如此。一张照片可能包括明亮和黑暗的空间,或者可能包括粗细笔划。

选项包括装帧文本,选择较重的字体或为图像添加颜色叠加层。所有这些技术都可以帮助创建更多对比度并使文本更具可读性。(另外,它们在用于文本和图像四处移动的多个响应断点时倾向于保持。)


9.记住移动版式


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


您需要考虑字体在所有用途中的呈现方式。(回到你的印刷规模,并记住在大屏幕和小屏幕上包括类型的规格。)

移动排版通常有点大,并且在桌面上包含比印刷更多的空间。如果段落较短,这样做也有所帮助,这样您就不会因需要读取多个滚动条的文本块而结束,这可能会威胁用户。


10.坚持风格指南

一旦您对项目的外观应该如何看待有一个明确的想法,请创建一份包含所有使用准则的样式指南。

制作副本。把它放在一个可访问的位置。只要你改变设计就可以使用它。

一致性是完美版式设计的关键组成部分。


结论


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


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


本文来自广州品牌网站建设网站设计制作公司-纵天科技

标签:公司网站制作,广州建设网站,官网建设,网页制作公司,建网站公司,企业建站,广州网站建设公司,广州网页设计公司,广州网站设计公司,广州企业网站建设

免费咨询热线

400-611-9921

020-29860991

联系方式

地址1:广州市天河区珠江新城邦华环球广场16F

业务 QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨询
官方微信
微信咨询
在线咨询
TOP

立即与纵天项目顾问通话

400-611-9921

您也可以咨询我们的在线客服或预约资深顾问

信息保护中,请放心填写
关闭
免费获取方案