数字排版是为内容消耗而制作的。颜色、大小、位置和环绕文本的空间通常与内容风格相关。
但是在网页设计中,你必须考虑这些文本元素是如何融入页面的,这样才能更容易地使用它们。在过去,我们曾分享过超赞字体资源帮助设计原始的排版布局。
但在这篇文章中,东莞做网站公司想分享一些设计文本的技巧和技巧,这些技巧鼓励用户留下来,甚至与页面进行交互。专注于网络复制并不总是足够的。它还需要很好地适应页面,并保持读者对内容的关注。
我试图不指定如何设计链接,而是共享导航菜单中使用的常见链接设计功能。
所有你可以应用的最好的设计风格都应该以提高可读性为目标。这可能发生在更高的对比度,更多的字母间距,或更厚的排版。但最终的目标是一个清晰的导航,从第一批页面中脱颖而出。
看一下菲茨肚脐。这使用相当小的文字与所有大写和明亮的字母跳出黑暗的背景。标题使用一个大的全屏背景图像背后的一个较暗的梯度。
因为链接实际上是从页面上跳下来的,所以从远处看他们说的话要容易得多。
还有字体拉托对于导航中所有大写的小文本来说,这是一个非常好的选择。链接是脆,厚,他们有相同的高度,所以所有的链接看起来甚至水平。
另一个我喜欢的例子是埃弗切隆在主页上使用两个不同的导航菜单的设计。
首先,您将注意到标题中的顶部链接位于背景照片。这是一个常见的技巧,如果你做的对,那么课文将是超级容易阅读。
但是当你向下滚动时,你会得到一个固定的条形,上面有小图标。随着您进一步滚动,这些链接将根据页面的部分更改突出显示颜色。
我不认为图标可以改善每个导航菜单。但是,它们是构建吸引眼球和鼓励用户点击的内容的简单方法。
东莞做网站公司每一段都应该提出一个新的想法,或者吸引更多的读者进入网站。在段落之间使用大量的空间,让人们继续浏览,阅读更多。
您可以将此技术应用于登陆页面、投资组合站点、博客或任何类似的内容。目标是将内容分成可读块,这样用户就不会感到不知所措。
尼尔·帕特尔QuickSprout博客是这一技术在行动中的一个很好的例子。他的写作风格是独特的,博客的内容结构使他的写作节奏均匀。
在每一段之后,额外的空间将内容推倒在页面的下方。新的访问者可以使用1-2段,然后决定是否想继续滚动以获得更多内容。这是一种方便的设计技术,可以让人们在你的页面上停留更长时间,让他们更多地参与你的写作。
但有一点我不喜欢尼尔的博客是小字体大小。在设计的现代时代,你真的应该使用更大的文本来使阅读内容从远处变得更容易。
上的POST布局华盛顿邮报使用大得多的文本,同时保持多余的空白。每一段将文本推下页面,以鼓励更多的互动。
由于这是一个新闻网站,他们采用传统的衬线字体与黑色文本作对比。这是一个简单的美学,适合任何新闻机构。
但宽敞的文本适用于博客或新闻网站以外的内容。检查一下Hulu主页并找到详细说明他们订阅计划的图表。
由于这些信息应该作为图表中的比较来使用,所以它是用表布局设计的。每一行都使用大量的空白,行使用斑马条来简化浏览。
选中标记图标是很容易看到和文字对比鲜明的背景。
在设计任何东西时,都要充分利用空间。它会使阅读变得更容易,并鼓励访问者继续往下滚动。
但是有这样一个东西,空间太大,最好的方法是用你自己的判断。修补像素值,直到你觉得你走得太远了,然后备份一点,并称之为完成。
我知道这似乎是模糊的,但今天的大多数网页都是互动的。大多数人会有不同的项目来鼓励特定的行为。当然,这些“行动项目”是显而易见的。呼叫动作按钮。然而,它们确实可以成为任何东西,将访问者进一步推向网站,并/或使其与内容保持联系。
让我们从条纹作为一个简单的例子。
该设计使用了许多明亮的颜色,感觉很容易在眼睛上。页面本身很容易浏览,颜色/图标巧妙地融入了背景。
他们的CTA按钮在背景中使用绿色和白色。当你悬停任何一个,他们的动画,这使他们觉得更多的反应用户的输入。
如果您设计的页面的目标是增加用户行为,请记住这一点。使内容生动或引起注意的页面元素通常可以很好地提高用户行为。
对于更传统的网站,如博客,我更喜欢精心混合的“动作项目”。看一下回顾性主页使用内容滑块,就在最新的博客帖子。这个小部件使用背景照片将用户进一步吸引到内容中。
这个网站还使用大的粗体导航文本,这是容易阅读和浏览随心所欲。简洁的计和漂亮的版式实际上鼓励游客去查看更多的内容。
你怎么吸引注意力并不重要。重要的是你提供浏览的理由你可以给访问者提供正确的链接或按钮来进一步挖掘网站。
当设计一个以文本为重点的网站时,只需记住一句简短的话:少即多。
永远不要把文字挤在一起,或者尽量把它变小。您的目标应该是设计一个自然的经验与排版,觉得适合页面。
的主页InsiteVR是一个很好的例子,非常简单的文本,有很多的空间。这些段落简洁而又技术性。
另外,由于每一段文字都很短,所以很容易读懂。与一长段文字相比,访问者对句子的承诺要少得多。
设计简单,你会吸引游客的注意力。
但同时也要考虑到参与,以及你如何能表明某件事是吸引人的。这个船员主页在标题中使用带有蓝色下划线的非常大的文本“让我们谈谈”。
由于这是众所周知的超链接样式,它向访问者发出他们可以点击该文本的信号。
在您自己的设计工作中使用这些简单而有效的特性,我保证您会发现更多的参与和更高的保留率。
东莞做网站公司在网络上没有设计文本的秘密公式。在过去的10年里,它已经发生了很大的变化,但它一直在为用户提供更好的体验。
我希望这些技巧能引导你朝着正确的方向前进,帮助你为所有观众打造精彩绝伦的排版风格。