- 相关推荐
网页设计中使用微小文字的方式
网页设计的最大趋势之一就是超小。“微小”文本元素已经成为一个流行的想法,但这是一个设计趋势,引发了一些争论。那网页设计中使用微小文字的方式有哪些?欢迎大家阅读!更多相关信息请关注相关栏目!
毫无疑问,小文本大小可能会导致一些可读性问题。但是当做得好的时候,一小段小文本实际上可以帮助创造一个视觉强调点,并将用户吸引到设计的某些部分。
加入我们,我们来看看这个小小的文字趋势,并提供一些设计灵感的例子。
1.创建层次结构和组织
虽然超大文本一直是主页和标题一段时间的主要选项,但是在桌面显示器的第一个屏幕上提供更多信息的转变。(其中一个原因可能是屏幕尺寸不断增加,给设计人员更多画布)。
这就是“微小”的文字。使用不同的大小和比例尺度的排版,创造出独特的视觉流程,通常从大字体到小。通过使用一级的微小文本 - 通常小于14到16点的普通身体类型大小,您可以为用户创建一个附加点。微小的文字,特别是与其他文字大小一起使用时,可以绘制用户,因为它是不同的。
Maxime Bonhomme在投资组合网站设计中使用微小的文字。最小的文本元素提供关于项目的关键细节,而较大的类型给出了工作的描述。请注意微小的文本元素的作用部分是因为每个复制块周围的空间和合约量。
让你看看
有时候,小巧的文字就是设计出来,让你看起来或者瞥一眼。
由于通常意外或与用户在许多其他网站上看到的不同,设计元素会吸引您。
一个不怕前卫的品牌,露水是采用超小型标题处理。它确实让你看起来。标题完全符合X的顶点,从NBA播放器视频屏幕上移动到标题到品牌标识符的动作中,创造出独特的眼睛运动模式。即使是采取行动也是很小的,但是由于感觉有意而使用者感觉不舒服。
3.创建互动导航
虽然许多网站完全剥离了主页,有利于汉堡包/隐藏风格的菜单项,但使用微小的文本可以使一些元素回到屏幕上,而不会感到干扰。它是设计模式中的一个潮流和流动之一,从一个极端到另一个极端。(会过大导航吗?)
在导航中使用小文本可能很棘手。它需要足够大的阅读和轻松点击。使用一个超级可读的简单字体很重要,因为微小的文字对于眼睛来说可能有点困难。
拉普兰的魔术在主菜单栏中发现了一个很好的中间地带的小文本元素。每个元素周围有很多间距 - 有些甚至使用双层面,而黑色背景上的简单的无衬线,有助于可读性。在旅行者主导航之上,还有第二级别的“不太重要”的小文字。
4.展示空间
当画布很大时,微小的文字最有效。小元素与广阔空间的对比可以令人惊叹。大块的小文本可能会令人震惊,难以阅读,因此保持文本元素简洁。
也应该使用色调文本,其目的不同。在跳入这个设计趋势之前问问自己:为什么我在这里使用小文本?它有助于我的网站设计的意义?
如果你没有这些问题的固定答案 - “因为我想”不算,那么你应该考虑别的东西。
Moonfarmer做了一个美丽的工作展示空间与微小的文本。该设计使用两个级别的排版和大量宽敞的画布来建立心情,并在用户点击或滚动之前向用户介绍内容。微小的文字只是设计中的许多细节之一,吸引您进入停止和观看。与元素之间有很大的对比,对可读性没有任何关注。
设计还需要记住一件重要的事情:您不必在任何地方使用小文本。将其视为一种特殊的艺术元素。Moonfarmer在主页上使用微小的文字,然后在设计的其余部分将相同的字体颠倒到更普通的尺寸。
5.文本不是最重要的元素
有时屏幕上最重要的元素不是刻字。文字是次要的视觉元素。
自由电视是一个很好的例子,说明如何使用小文本来帮助用户,同时允许另一个元素作为设计的主要部分。对于这个项目,视频是重要的元素。微小的文字可作为提供更多信息的一个元素,并鼓励使用静态文本块注册,而不管主页上的插曲如何。
6.创建一个可视元素
文本元素主要存在于阅读中。这是完美的,逻辑的意义。
但是,有时候,文本元素有助于作为视觉元素的一部分,并且它们是否被阅读是不太重要的。(这需要规划和大量的设计对话,所以不要想到这个概念)。
HTML汉堡包使用几层小小的文本。小文本被用作具有超大标题处理的描述符。每个“汉堡”包装纸都使用微小的文字来创建酷炫的视觉元素,并提供更多有关该公司的信息。这是一个你看不到的设计大纲,在这种情况下,它是有影响力的。(但这种技术相当困难,请谨慎行事)
结论
要走小还不行?这可能是一个艰难的决定。虽然使用小文本是有争议的,但适用于微小的排版。为了确保您的设计中的小文本有效,请给予足够的空间,使用高度可读性的字体,并使用其他设计线索来帮助用户使用这些单词。
最后,如果您打算尝试使用小文本,请谨慎使用。这不是一种技术,可以帮助您更好地进行设计。它最有效地用于有针对性的展示位置中的小文本块。
【网页设计中使用微小文字的方式】相关文章:
网页设计中的文字运用07-09
如何使用网页设计中的图片叙事07-28
网页设计中光的特效使用技巧05-07
网页设计中字体和文字搭配的技巧10-01
网页设计文字排版10-07
数据在网页设计中显示方式设计的基本方法10-27
网页设计文字的整体编排04-19
网页设计中图片有哪些常见的使用技巧03-21
网页设计中如何正确使用面包屑导航02-19
网页设计的布局的方式有哪些08-06