1. 首页
  2. 网站设计
  3. 正文

网页设计与平面设计中的字体色彩层次

  彩色,即色相上的不同,如红色、橙色和紫色,对字体编排具有动态的效果。彩色可以极大地加强字体的肌理特征——粗、细、宽、密度,以及在“三维”空间中的位置(即字体编排的色彩)——当它们通过增加一种纯色的视觉效果而呈现为黑白色时,它们加强了这些特征。如我们所见,不同的色相在空间中呈现的位置也不同:冷色具有后退感,而暖色则有前进感。让一个较大而重要的字体使用暖色,将能加强它与其他元素的对比。

  


  色彩明度的高低是色彩特征的一方面,而在考虑影响字体与其是字体的易识别性方面,例如,把彩色的字体置于彩色的背景上的情况,彩色的问题需要给予极大的重视。如果字体和背景的明度彼此接近,那么它们之间的对比减少,而字体就会变得不那么易于辨认。彩色的一切特征对层次关系都有明显的影响,因为它们能影响空间深度,从而影响应用了彩色的字体元素的突出程度。色彩具有一种可能性,即通过赋予含义层次感,使其脱离话语本身相融合,而改变语言的含义的心理效果。


  在黑白构图中应用色彩将会产生一种直接的层次效果。因此,首先了解层次在黑白构图中的作用,这是一个很好的办法,继而通过字体编排的色彩问题,包括它们的密度和韵律、线性和块面来分离字体编排元素。把彩色的效果当作一种意外的收获来对待,而主要依靠字号、字重、字距等的变化来确定层次关系。

  如果已经明确地建立起不同级别的层次,那么再使用不同级别的层次,那么再使用不同的色彩来进一步划分每个级别,可以使它们之间呈现比较明显的层次关系。如果把位于层次关系顶端的信息设定为色泽较深且醒目的橙红色,而把次要的信息设定为冷色灰,那么这两种级别的层次关系在视觉上的区别程度比较大。尽管它们的色彩的纯度相似,但上纯度较高的橙色字体在空间中将具有前进感,而冷色灰的字体则有后退感。

    延伸阅读

  • 如何才能成为一名专业的网页设计师?

    一个专业网站设计,自然需要找到专业的设计师来对网站进行设计,这样才能设计出让企业满意的网站,对网站的后期运营也是很有利的。可是作为一名专业的网站设计师,是需要满足一些条件的。到...

  • 2020年企业网页设计模板的流行趋势

    在设计界有个名言是“时尚总是轮回的”,这句话同样适用于企业网页设计方面,经历过了扁平化设计、卡片式设计以及质感设计之后,你知道在2020年又流行的是什么风格的企业网页设计模板吗...

  • 网页设计要多少钱?

    网页设计是现代互联网时代十分重要的一个环节,对于一个网站的成功与否起着至关重要的作用。那么,对于一个网站的设计,需要多少钱呢?这是许多人在进行网站建设时都会考虑的一个问题。接下...

  • 移动端网页设计

    移动端网页设计是指专门为移动设备(如手机、平板等)设计和开发的网页。随着智能手机的普及和移动互联网的发展,越来越多的用户使用移动设备上网,因此移动端网页设计愈发重要。在移动端网...

  • 深度探析:从初探到高级应用的页面网页设计

    在当今互联网盛行的时代,页面网页设计已成为一个关键的组成部分。无论是企业、机构,还是个人品牌,一个好的页面设计可以为其带来显著的优势。但页面网页设计并不仅仅是关于视觉元素,它是...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/1613.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();