服务与支持 |咨询热线 0931-8733767
  • 金城在线
  • 公司简介
  • 发展历程
  • 企业文化
  • 售后服务
  • 工作机会
  • 联系我们

网页文本配色建议

来源:发布时间:2017-11-6 10:34:03

        网页中的文本有静态文本、可输入文本和超文本之分。静态文本主要用于阅读;可输入文本用于提交文字信息;超文本是加入了链接功能的文本,能够响应操作跳转页面。较为醒目的少量标题性文字也称作标题文本,网页中的标题文本可能是超文本,也可能是静态文本。网页的文本颜色指应用于页面内文本的所有颜色。其中也包括超文本在感应鼠标时和被点击后所变化的颜色。严格地讲,为了达到页面色彩的有序统一,文本色彩都应当纳入网页标准色彩所设定的范畴。

        色彩可以使文本看起来更具吸引力,但也能使它变得更糟糕。决定这一面貌的是文本颜色与背景色的关系,明度对比是其中最重要的因素。对于首先供阅读的文本而言,没有什么比易于辨识更重要的了。色彩明度差越高,形的认识度越高,因而文本色彩应当与周围环境保持明显的明度差异。

        ⑴ 用于阅读的静态文本的色彩在网页中的静态文本就是只起到阅读传意作用的简单文字,它常以大段文字的形式在网页中出现。浏览者对于自己感兴趣的文字内容,就会集中注意力用心去阅读。为了便于阅读这类文本与背景的搭配应该对比鲜明柔和,方便阅读和提取信息、让浏览者不易出现视觉疲劳为前提。假如让我们的眼睛同时注视两种鲜艳的色彩时,很快眼部肌肉会紧张起来。所以这类色彩是不利于浏览者阅读的。

        例如绿色为背景的紫红色显示,以及纯红色与蓝色搭配等。相对于有色彩来说,注视无彩色则相对要好些。在网页设计中背景色和文字色的对比不要过于强烈,相对柔和些就利于长时间阅读。一般情况下高明度、低纯度对比的文字与背景色搭配,是比较适合静态文本显示的。在无彩色中,黑字白底的显示方式要比黑底白字的显示方式更让浏览者接受。

        ⑵ 超文本的色彩与仅供阅读的静态文本不同,超文本加入了链接功能,能够响应点击跳转页面。为了显示有效点击的提示,超文本在外观上应当与静态文本有所区分。区分方式可以是使用不同的字体、字号,加下划线,也可以通过不同颜色来加以甄别。

        超文本应当使用比静态文本强度高、视觉度高的色彩。如静态文本可以为黑色,超文本为有彩色。需要注意的是,超文本仍是文字信息,文本色应与底色保持足够明度差以利识别。在一条超文本上可以同时使用几种色彩,以产生交相呼应的色彩变化。当超文本的色彩感应鼠标操作发生变化时,能够使点击提示更加活跃。超文本的色彩无论是静态的还是动态变化的,都应当遵守标准色设定。


相关文章
  • 预约专家

    为您提供一对一解决方案
    立即预约
  • 售前咨询

    周一至周五9:00——17:30
    立即咨询
  • 联系方式

    13919049954

    全国7×24小时热线服务
  • 免费报价

    专属专业顾问1对1报价
    免费报价