如何提高你网站的版式的一个方法

日期:2011年11月28日

印刷术是理清设计时最困难的事情之一,设计师可以使用的字体的数量,特别是因为它几乎是不可能的,它无需花费时间选择最好的一个的。一个简单的搜索在谷歌将显示你有成千上万的字体,其中大部分甚至是免费;和数量的增加每周。这意味着的决定,使今天比去年更是难上加难。
它不仅提供有关的字样,但大多是关于一个设计师的技能。有排版整个年的大学教授,因为它是一个深的领域。使您的文字说一些具体的事情,了解对齐规则,字距,层次结构和其他喜欢这些条款是至关重要的。
相当一部分是良好的排版就足以建立一个强大的视觉识别或设计。能够打与排版正确的标记是至关重要的,因此我将与大家分享一些技巧,如何提高你的排版技能。
良好的排版事宜,网页设计,因为它起着至关重要的作用。它生成一个层次(大部分时间视觉),使文本更容易阅读和。印刷术不仅是寻找好,而且还提供了一个功能优势文本 - 更容易跟踪和阅读。
重要的是要设计的想法,结果意味着什么。更重要的是想你想要的信息给观众和你想如何做到这一点。每个字体说,自己的东西,所以想想你想要的方式发送消息,也。下面的图片来看,应该​​让你明白我的意思,即使你没有多少知识,排版。
已写入同一个词有四种不同的字体和他们创建了一个完全不同的影响。虽然冲击编写一个创建(名字是不是在所有的巧合)最强大的视觉吸引力,与黑体“新一看起来更现代,更精细,抛光和圆滑。写一个与种族优越感,似乎所有这些最先进的,但可能很难使用标题或标题以外的东西。之所以这是将要讨论的时候了。
点击浏览下一页
                                         “互动”黑体“新,影响,意大利风格和民族中心主义。
 在世界上有更多的字体类,但其中只有两个是如此重要,每个人都应该知道他们:serif和sans - serif字体。它们之间的区别是“衬线”,这是小的额外的结局招结束- serif字体的具体。“ SANS “来自法国和手段”无“,所以它是很明显的,哪个是哪个的。
serif字体通常用于印刷材料,如报纸或书籍。然而,杂志采用sans - serif字体,因为他们是“干净”的,更容易阅读时的字体大小小。但据研究,serif字体可能在打印更容易阅读,而屏幕上无衬线更好,尤其是在低的字体大小和分辨率低。
关于在网络上的新技术的一部分,即使您的计算机没有您可能会喜欢,下载一个字体是只有几步之遥。此外,嵌入到您的网站的字体,所以,大家都看到你想要的字体的文字,谁访问是可能的,以及现在,那么为什么不使用这个,如果你能吗?我想告诉你两个例子的网站整合自定义的字体,然后我们会回来的,并讨论为什么他们成功。
点击浏览下一页
                                                         Egopop设计工作室使用一个定制的字体。
点击浏览下一页
                                                             一个有趣的定制字体
这两个网页,并为此事的许多其他的成功,也给他们使用的字体的方式。也许明天你会不记得什么网站,但它很可能你会记得网站本身,因为它创建了一个强大的视觉冲击力 - 这是进入一个网站的身份值得的记忆的第一步。这是一个很好的,很好用的字体可以把您的网站。
另外一个很好的提示是不要过分信赖于它。这不是一个好主意,使用很多种字体,所以尽量保持尽可能低的字体。我通常有两个,最多三个。我认为是完美的,因为你有一个字体(衬线也许),可使用的标题和标题,巨大的规模,,而另一种是段落和小文本,并常常是一个无衬线。在下面的图片中,你可以看到两个结合字体的一个很好的例子。
点击浏览下一页
英镑谷物使用一个标题和文字serif字体sans - serif字体。
如果您在相同的设计相结合的字体太多,这可能会导致文本的可读性受到影响,并且不会产生上面的例子相同的经历。字体必须用在刀刃上,质量比数量更重要。虽然没有那么多的做排版,嵌入字体太多,会使您的网站加载慢。
试验是找到一个伟大的组合方式。尝试尽可能多的字体,和他们一起玩,将它们结合起来,增加或减少的字体,依此类推,直到你达到预期的效果。总经理找到了完美的结合,很少发生在第一次当您尝试,所以准备把钱花在这几个小时。
行距是关键也很重要,因为它有很多工作要做,可读性和影响。除了相互移动的线条会使人眼阅读更容易,同时也使他们更接近,显然会产生相反的效果。平均行距应比较大的字体大小约0.3em 0.5em,但是这仅仅是一个准则,你不应该遵循这一切的时候。其实,我从来没有思考这个,我总是寻找文本和比较选项增加或减少的行距。为了实现大线间距是非常重要的原因,看看下面的图片和尝试,认为这是最容易阅读的。请注意,在这两段相同字体。
点击浏览下一页
一个只有10px的间距差异(Photoshop的大小,而不是HTML / CSS)的巨大差异。
另一个重要概念是层次结构,这不仅可以增加字体大小,而且还通过使用不同的字体,因为我平时喜欢做的事。标题和标题是较大或有更强大的,厚的字体,因为他们需要站出来。“如果有差别,更好地使其大 “,如果有关规则说着话,这是一个你应该牢记- 差异明显。
强调层次可以通过色彩,对比度,尺寸或位置,但最直观的是通过排版强调。
点击浏览下一页
标题是一个sans - serif字体更大的大小,而其余的文字是用serif字体书面。
测量文本的宽度也很重要,但它更比的标题段落的关键。理想的线路长度似乎是每行10至15字,但这是另一个规则,并不适用于所有的时间。它是非常重要的,您使用的字体,因为有些是比别人更宽。行之间的行距,以及在这个影响,所以不要以为规则。问问你身边的任何人读你的文字,然后询问是否困难,容易或正常。不要自己读它,因为你设计的布局和寻找它的开支小时后,小细节成为察觉。它不仅取决于您使用的字体,行距,但也对您的设计一般宽。
对齐是很重要的,但可悲的事实是,这是不可能使其在世界的每个人都只有一个设计工作。这是因为在西方文化中,我们读到从左至右,从上到下,而东部地区在世界一些国家从右向左读,底部到顶部。因此,你应该觉得你的听众,并为它设计的。如果我们把西方文化作为一个例子,然后尝试为少不同的出发点左侧。这是因为眼睛是用来从相同点开始,当读取一个新行之前,每一行的不同出发点,将使其难以阅读。也许我们并不想太多,但大脑可能。这是更容易阅读比靠右对齐文本左对齐文本,和下面的例子中应该表达这一点。
点击浏览下一页
在左边的文字是最容易阅读的。
虽然我是一个大风扇的中心对齐,我只用几行的头条新闻。在左侧的版本肯定是最好的,我想大家会考虑有点不可思议的权利相一致的网站,尤其是在欧洲和美洲的人。文本的理由是不是一个非常好的选择,因为它会创建一个空的空间之间的话,这将变得扑朔迷离。通常流行的理由是在打印,在狭窄的列,但在容器通常广泛的网页设计。
字体的重量也很重要。重量实际上是字体是有多厚。突出的词或链接通常是用较厚的字体或另一种颜色。有几个字体粗细类型意味着你可以减少其他一些嵌入字体,因为在不同的权重相同的字体,给人一种层次性和重要性的感觉。
点击浏览下一页
黑体“新与40多个不同的字体样式和重量的字体。
正如你可以看到,排版的几个重要概念是建立和保持他们的眼睛是很重要。印刷术是任何设计中的一个重要组成部分,如果你成功地击中它的标志,一个基本的,简单和干净的布局,将足以创造一个强有力的的身份。你将不得不花费大量的时间,提高您的排版技巧,因此我将与大家分享一个有用的链接,你可以找到更多的排版艺术列表。

Tags:版式 网页 层次结构
上一篇文章:营造出不可抗拒的登录页的八种技巧
下一篇文章:没有了