18720358503 在线客服 人才招聘 返回顶部
企业动态 技术分享 行业动态

如何善用比照度来提高网页页面內容的可读性?

2021-03-16分享 "> 对不起,没有下一图集了!">

  当大家聊设计方案的情况下,可读性是大家最常提及的话题。优良的设计方案应当全是可读的设计方案,假如信息内容都没法一切正常而清楚的传递,那末设计方案就丧失了实际意义。

  设计方案的可读性和排版设计方案密切相关,与此另外,比照度的操纵也是在其中的关键。要想提高內容的可读性,让內容以更为畅顺、更合乎逻辑性的方式展现在客户眼前,你必须依靠比照度来表述,让客户真实畅顺的了解。

  颜色比照

  市场前景的文本必须和情况拥有显著的比照,它必须可以吸引住客户的目光。

  建立颜色比照的方式有许多,最时兴的做法是在白色或浅色系的情况上应用黑色或深色的文本。这类设计方案来历已久,经久不衰的理由是它的确十分有效。自然,将两种色调颠倒过来,也1样有效。

  可是,在具体的设计方案全过程中,情况繁杂多变。文本和情况的配色常常遭受多种多样要素的危害,这个情况下必须多加尝试,反思文本在情况的衬托下是不是可以被客户清楚的看到,特别是在视頻和照片之上追加文本排版的情况下。

  以便减少情况多变的颜色针对文本的视觉效果危害,1个较为可靠的计划方案是在照片和视頻上遮盖上1个半全透明的有色涂层,来“统1”色彩,让文字的可读性更好。设计方案师能够根据调剂这个有色涂层的全透明度、明度和色彩来操纵和文本的比照度,这样1来,情况照片和视頻中的內容针对文本的危害能够降到最低。

  此外1个计划方案,是将文本和照片、视頻分开排布,这样就不容易放弃二者的信息内容主要表现力,唯1的难题是必须出示双倍的展现室内空间,而且必须选择有效的排版合理布局。

  文字款式的比照

  不一样设计风格款式的文本可以依靠差别,吸引住客户的留意力。趣味而令人痴迷的字体样式愈来愈多,例如笔写衬线字体样式 Le Farfalle 便是这般。

  单独字体样式自身的出色设计方案是很非常好,可是两种不一样字体样式的比照带来的反差,更能吸引住客户。

  但是,不一样字体样式的配搭是是非非常注重的,由于设计风格不配的不适当谁家经常会让客户觉得吃惊。能够挑选1些具备同样特点的不一样字体样式,客户不容易为之觉得突兀,这些字体样式最好是有着同样的x高宽比(小写字母x的高宽比),在弧度和歪斜角度上十分贴近。这些“和而不一样”的字体样式能让文字內容看起来1致而有差别,趣味而不枯燥乏味。

  尺寸规格比照

  超大的字体样式和超小的字体样式所组成的视觉效果差经常可以让客户惊叹。

  当字体样式大到1定水平的情况下,就可以带来充足的视觉效果冲击性,假如配搭上很小的字体样式组成比照,那末这类视觉效果冲击性会显得更为让人注目。尽管超小的字体样式独立应用也能产生相近的实际效果,可是相比超大字体样式要艰难的多。

  字体样式的尺寸差别,很非常容易被客户留意到,超大的字体样式可以在你的全部设计方案之中产生视觉效果聚焦点。在文章内容排版中,文章正文字体样式应用一切正常尺寸,题目和副题目应用超大字体样式(副题目会相对性小1些),这样的设计方案会让文章内容排版的轻重缓急清楚地展现出来。

  对齐方式

  谈到可读性的情况下,对齐实际上也个没法逃避的话题。而在排版中,不一样的对齐方式也是能组成比照的。

  一般,在对齐的设计方案上有两种基本思路:

  ·文章正文和题目选用不一样的对齐方式,组成比照

  ·在所有排版中延用同样的对齐方式

  从某种实际意义上来讲,两种思路全是对的。选择那种思路,关键取决于文字、题目和别的设计方案元素之间的关联。假如选用同样的对齐方法,能否确保题目和文章正文之间有显著比照、能否从情况和别的元素中出类拔萃?文字的行间隔、字体样式尺寸、和别的元素之间的间距能否组成优良的视觉效果差?

  在谈到UI中的对齐难题的情况下,最直观的实体模型是1段文字和按钮之间的关联。排版中,文字元素和按钮之间的对齐方式应当是如何的?这个难题很成心思,很多设计方案师趋向于让文字和按钮纵向排序,垂直居中对齐,可是网站的别的元素配搭进来的情况下,又常常不容易垂直居中对齐。因此,对齐方法,是由元素自身的特性来决策,依据全部设计方案,有效配搭。

  长文字內容

  针对包括很多文字內容的网站而言,文章正文一部分的內容排版就显得非常关键了。假如文字內容全是无缝拼接的展现出来的话,客户极可能由于沒有层级而没法把握住关键信息内容。

  因此,网页页面广州中山大学量的文字信息内容,应当考虑到以下要素:

  ·文字块的地区和尺寸

  ·每写作字的长度和高宽比

  ·新项目序号和目录

  ·标识符的粗体和斜体

  ·颜色

  全部的这些特性都能将文字中特殊的重要词、信息内容乃至语气同别的的內容区别起来,它们会变成文字中关键的锚点,将和总要的信息内容根据这类差别和比照,消息推送到客户眼前。

  在较长的文字区块中(特别是blog和长文中)应用不一样的款式来区别不一样种类的內容,这样做能够显著减少客户阅读文章的疲惫度。将长內容溶解为更容易于阅读文章的一部分,客户才更非常容易买单。

  维持1致

  1致性基本上是全部设计方案行业都遵照的标准,不管你在主页或题目、文章正文中是怎样应用比照的,最好是将它拓宽到全部设计方案标准之中去。

  尽可能应用同样的颜色,1样的款式,统1的字体样式,假如设计方案没法确保1致性,会让客户在页面中觉得蒙蔽。保证客户到哪一个地区都会感觉她们在你的网站或APP之中。

  Ntgrate 这个网站就很好的贯彻了1致性的设计方案。情况统1应用了菱形的栅格数据,而文字则统1应用白底黑字的卡片来承载,另外网站中的大图则是置于情况和文字而卡片之间。

  结语

  比照度是让设计方案新项目在视觉效果上更具吸引住力的关键专用工具,它让排版合理布局更为颇具层级构造,高比照度的设计方案让內容的可读性有显著的提高,而这也是设计方案能用性合格的最基础标准。

"> 对不起,没有下一图集了!">
在线咨询