排版是网站设计中的关键要素。网站设计是否美观,用户体验是否好,重点是否突出,关键是网站的排版。所以,我们要在网站设计中重视网站的排版。同样的内容,不同的排版,网站设计出来的效果是相差很大的,网站的排版要立足于内容,从用户的角度去考虑,提升网站的可浏览性与阅读性。小派总结了下网站设计中排版的一些技巧,供大家借鉴参考。
1、限制字体数量
太多的字体可能会分散读者的注意力并且看起来不专业。一种字体通常就足够了,两种字体也可以,但您可能会把它推到三种字体。还值得记住的是,某些字体比其他字体更好地协同工作。因此,选择相互补充而不是相互冲突的字体,并记住在整个网站中始终使用相同的字体。
2、设置合适的字体大小
显示字体将取决于用于查看内容的设备类型。因此,建议在全尺寸台式电脑屏幕和移动设备上测试文本的可读性。与印刷内容相比,数字媒体的文本以更大的字体显示效果更好。适合内容正文的字体大小为16或18像素。标题在48像素左右时看起来不错。需要记住的关键一点是,人们在阅读内容时会远离数字设备,并不是每个人都有完美的视力。因此,请避免使用太小或难以阅读的字体大小。
3、使用标准字体
有一些漂亮的字体可用。但是,通常最好坚持使用大家都熟悉的标准系统字体。滑稽、不寻常的字体会分散读者的注意力,有些人甚至可能会因为研究您使用的字体而在您的网站上分心!排版是关于沟通的。所以,是的,在很多方面,在为网站选择字体时,无聊是最好的。让您的创意侧放于您的图形而不是您选择的字体。
4、避免过分强调
粗体和斜体文本是强调单词或短语的绝佳方式。但是,如果过度使用这些突出显示的方法,则会失去强调的效果。一般来说,最好避免使用全部用大写字母书写的单词。大写字母暗示你在对读者大喊大叫,没有人喜欢这样说话。您可能会惊讶地发现,大写的单词也需要更长的阅读时间,因此如果您过度使用全大写的单词,将会降低内容的可读性。
5、选择具有可区分字母的字体
小心不要使用可能难以区分字母的字体。在某些字体中,“I”和“L”看起来几乎相同。因此,在为您的网站选择一种字体之前,请在各种上下文中测试字体,并查看字母在大写和小写下的外观。人们在阅读在线内容时很快就会变得不耐烦,因此任何可能让读者感到困惑的内容都是网站上的坏消息。
6、确保文本和背景之间的对比
对文本和背景使用相同颜色的阴影会使常量难以阅读。您不一定必须在白色背景上使用黑色文本。然而,白底黑字是最常见的组合,也是最容易阅读的组合之一。如果您使用彩色文本,建议与背景的对比度至少为3:1。最好避免使用红色或绿色文本,因为红色和绿色色盲是最常见的色盲类型。
7、行高和行长
尽量避免在狭小的空间内塞入过多的文字。行与行之间的最佳间距(称为行高)是文本高度的120%。低于此,读者在从一行浏览到下一行时可能会迷失自己的位置。最好也避免使用非常长的文本行。可读性的最佳行长度为45-90个字符,包括空格。如果您在段落之间留出足够的空间,这也会有所帮助,使文本更容易浏览。
8、善用留白
文字太多的网站看起来太繁琐,难以阅读。因此,最好将带有空白边框的文本块分开。您还需要比印刷文本更多的数字媒体副标题。副标题是另一种分解内容并使文本更容易浏览的方法。人们不会像阅读书籍那样坐下来享受网站上的精彩阅读。网站访问者希望快速找到信息。因此,尽可能少用词通常是最好的方法。
9、使用从左到右的布局
西方世界的人们希望从左到右阅读文本。如果您以任何方式偏离该惯例,读者可能不会遵循您的写作流程。例如,副标题最好左对齐,因为左边是人们的视线在段落结束后自然会落在的地方。中心对齐的主要标题和要点可以很好地工作,但文本的正文总是最好左对齐。多栏布局,比如报纸,对于网站来说通常也不是一个好主意,因为它们看起来太拥挤了。多栏内容也会变得局促且难以在移动设备上阅读。
10、考虑字体个性
最后,考虑一下您选择的字体的个性也是一个好主意。一些字体,如TimesNewRoman,被认为是经典、传统和值得信赖的。其他字体,如Arial,干净而现代。如果你选择手写风格的字体,你会给人一种更随意或更艺术的印象。因此,在您的网站上使用字体之前,请考虑一下字体对您品牌的影响。
结论:这些排版小技巧,我们在网站设计过程中往往忽略,并不重视,从而导致网站设计出来达不到应有的效果。一个好的网站一定要从细节抓起,有利于网站的,细节怎么抓都不过分。