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

2022-06-17    分类: 网站建设

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

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


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


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

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


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

4.注意间距


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

5.左对齐阅读


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

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


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

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


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

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


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


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

分享名称:网页设计完美型设计10条规则
URL链接:https://www.cdcxhl.com/news/168598.html

成都网站建设公司_创新互联,为您提供品牌网站建设网站制作自适应网站关键词优化App开发域名注册

广告

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

微信小程序开发