网页文本配色建议

网站建设知识 phpacg 2年前 (2018-04-24) 83次浏览 0个评论

网页中的文本有静态文本、可输入文本和超文本之分。静态文本主要用于阅读;可输入文本用于提交文字信息;超文本是参与了链接功用的文本,可以照应操作跳转页面。较为醒目的大批标题性文字也称作标题文本,网页中的标题文本能够是超文本,也能够是静态文本。网页的文本颜色指运用于页面内文本的一切颜色。其中也包括超文本在感应鼠标时和被点击后所变化的颜色。严厉地讲,为了到达页面颜色的有序一致,文本颜色都应当归入网页规范颜色所设定的范围。

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

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

例如绿色为背景的紫白色显示,以及纯白色与蓝色搭配等。相关于有颜色来说,注视无黑色则相对要好些。在网页设计中背风景和文字色的对比不要过于剧烈,相对柔和些就利于长时间阅读。普通状况下拙劣度、低纯度对比的文字与背风景搭配,是比拟适宜静态文本显示的。在无黑色中,黑字白底的显示方式要比黑底白字的显示方式更让阅读者接受。

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

超文本应当运用比静态文本强度高、视觉度高的颜色。如静态文本可以为黑色,超文本为有黑色。需求留意的是,超文本仍是文字信息,文本性应与底色坚持足够明度差以利识别。在一条超文本上可以同时运用几种颜色,以发生交相照应的颜色变化。当超文本的颜色感应鼠标操作发作变化时,可以使点击提示愈加生动。超文本的颜色无论是静态的还是静态变化的,都应当遵守规范色设定。

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址