武汉热线 - 武汉地区最专业的新闻资讯网站!
当前位置: 主页 > 国际新闻 > 互联网资讯 如何善用对比度来提升网页内容的可读性?

如何善用对比度来提升网页内容的可读性?

发布时间: 2017-03-25 10:32:15 来源: 作者:
当我们聊设计的时候,可读性是我们最常提及的话题。良好的设计应该都是可读的设计,如果信息都无法正常而清晰的传达,那么设计就失去了意义。

当我们聊设计的时候,可读性是我们最常提及的话题。良好的设计应该都是可读的设计,如果信息都无法正常而清晰的传达,那么设计就失去了意义。

设计的可读性和排版设计息息相关,与此同时,对比度的控制也是其中的核心。想要提升内容的可读性,让内容以更加顺畅、更符合逻辑的形式呈现在用户面前,你需要借助对比度来表达,让用户真正顺畅的理解。

色彩对比

前景的文字需要和背景有着明显的对比,它需要能够吸引用户的眼球。

创建色彩对比的方法有很多,最流行的做法是在白色或者浅色的背景上使用黑色或者深色的文字。这种设计由来已久,经久不衰的理由是它确实非常有用。当然,将两种颜色倒置过来,也一样有用。

但是,在实际的设计过程中,情形复杂多变。文字和背景的配色往往受到多种因素的影响,这个时候需要多加尝试,反思文字在背景的映衬下是否能够被用户清晰的看到,尤其是在视频和图片之上追加文字排版的时候。

为了降低背景多变的色彩对于文字的视觉影响,一个比较靠谱的方案是在图片和视频上覆盖上一个半透明的有色图层,来“统一”色调,让文本的可读性更好。设计师可以通过调整这个有色图层的透明度、明度和色调来控制和文字的对比度,这样一来,背景图片和视频中的内容对于文字的影响可以降到最低。

另外一个方案,是将文字和图片、视频分开排布,这样就不会牺牲两者的信息表现力,唯一的问题是需要提供双倍的展示空间,并且需要选取合理的排版布局。

文本样式的对比

不同风格样式的文字能够借助差异,吸引用户的注意力。有趣而让人着迷的字体越来越多,比如手写衬线字体 Le Farfalle 就是如此。

单个字体本身的优秀设计是很不错,但是两种不同字体的对比带来的反差,更能吸引用户。

不过,不同字体的搭配是非常讲究的,因为风格不搭的不恰当谁家常常会让用户感到震惊。可以选择一些具有相同特征的不同字体,用户不会为之感到突兀,这些字体最好拥有相同的x高度(小写字母x的高度),在弧度和倾斜角度上非常接近。这些“和而不同”的字体能让文本内容看起来一致而有差异,有趣而不枯燥。

大小尺寸对比

超大的字体和超小的字体所构成的视觉差常常能够让用户惊叹。

当字体大到一定程度的时候,就能带来足够的视觉冲击,如果搭配上很小的字体构成对比,那么这种视觉冲击会显得更加引人瞩目。虽然超小的字体单独使用也能形成类似的效果,但是相比超大字体要困难的多。

字体的大小差异,很容易被用户注意到,超大的字体能够在你的整个设计当中形成视觉焦点。在文章排版中,正文字体使用正常大小,标题和副标题使用超大字体(副标题会相对小一些),这样的设计会让文章排版的轻重缓急清晰地呈现出来。

对齐模式

谈到可读性的时候,对齐其实也个无法回避的话题。而在排版中,不同的对齐模式也是能构成对比的。

12下一页查看全文
  • 关键词浏览:
  • 2022第九季 SIUF国际超模大赛总决赛在深圳举行
  • 8月12日晚,“心衣天使内衣超模”2022第九季SIUF国际超模大赛总决赛在深圳会展中心举行。当晚,13号选手周家圻夺得冠军,1号选手张珊梦夺得亚军,29号选手褚晓雯夺得季军。...

  • 秦怡去世:百岁百件事,致敬这不凡的美丽人生
  • 2022年1月31日,演员秦怡100周岁的生日。这位承载了几代人记忆的老艺术家,正式从“90后”晋升“00后”行列。...

  • 借“医”行诈国家医保基金,这家取名“民泰”的医院被端了!
  • 如果不是警方找上门,23岁的杨某并不知道,2018年底到2019年7月间,“自己”在四川省达州市宣汉县民泰医院住了五次院,共32天,医保报销12831.5元。...

  • 北京证券交易所来了(财经眼)
  • 9月2日,习近平主席在2021年中国国际服务贸易交易会全球服务贸易峰会上提出“我们将继续支持中小企业创新发展,深化新三板改革,设立北京证券交易所,打造服务创新型中小企业主阵地”。...

  • 选手确诊、丑闻不断,东京奥运会“混乱中”即将开幕
  • 如无意外,23日,东京奥运会将迎来延迟一年后的正式开幕。然而,奥运相关人员确诊病例数仍不断增加。...

  • 刚上市就爆火!“1瓶能顶4张面膜”的玻尿酸气泡水,是智商税还是美颜水?
  • 花点小钱真就能抚平皱纹、抵抗衰老、重返十八?吃着零食喝着水也能变漂亮的口服玻尿酸方法真的靠谱吗?...

  • 部分商家宣称护眼仪能让孩子告别眼镜 专家提醒:真性近视不可逆,科学用眼更重要
  • 随着电子产品越来越普及,电脑、智能手机、平板电脑等电子产品已逐渐成为孩子手中的“掌中宝”。...

  • 四名大学生高铁上抢救婴儿 其中三人来自湖北
  • 昨日,一篇暖文火遍全网——飞驰的列车上,4名医学生成功救回一名被食物卡住呼吸道的婴儿。...

  • 谨防洗手间“伏地魔”!男子洗手间内跪地偷窥,当事女子录下视频
  • 小张拍摄的视频显示,洗手间内一名男子趴伏下身子,头部已经快贴到地面上,尝试从缝隙处偷窥如厕。...

  • 乳房健不健康,5点就可判断!女人别太晚知道
  • 说到妇科疾病,必然逃不掉的是乳腺疾病,不管已婚还是未婚,女人都有可能被乳腺疾病盯上。...

    特别推荐