天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件频道 > 设计在线 > 网页UI设计>技术文档>网页设计配色应用——色调

网页设计配色应用——色调

天极设计在线2006-10-08 06:00我要吐槽

点击查看《网页设计配色基础、应用及实战》完整专题

  前面我们介绍了常用的电脑色彩模式RGB、HSB,以及色彩的三大属性,还有常用配色的基本概念和相关实例剖析。今天开始我们介绍应用部分,本节介绍调色

  网页页面中总是由具有某种内在联系的各种色彩,组成一个完整统一的整体,形成画面色彩总的趋向,称为色调。也可以理解为色彩状态。色彩给人的感觉与氛围,是影响配色视觉效果的决定因素。

  为了使网页的整体画面呈现稳定协调的感觉,以便充分的掌握其规律来更好的分析学习,我们把视觉角色主次位置分为如下几个概念,以便在网页设计配色时更容易操纵主动权。

  ■ 主色调
  页面色彩的主要色调、总趋势其他配色不能超过该主要色调的视觉面积。(背景白色不一定根据视觉面积决定,可以根据页面的感觉需要。)

  ■ 辅色调
  仅次与主色调的视觉面积的辅助色,是烘托主色调、支持主色调、起到融合主色调效果的辅助色调。

  ■ 点睛色

  在小范围内点上强烈的颜色来突出主题效果,使页面更加鲜明生动。

  ■ 背景色
  衬托环抱整体的色调,协调、支配整体的作用。
  
  
  → 色调网页例图:http://www.robinssondivision.com
  
  
  
  本部分小节:
  
  一个页面的色彩角色主要是根据其面积多少的来区别主次关系、达到最终目的的。

  当不同的颜色使用的面积相当,这个页面容易呈现枯燥单调之感,而没有局部细节的变化。当一个页面使用的颜色过多、面积大小用得过于琐碎,这个页面容易呈现花哨、主次不分没有整体的感觉。

  为页面设计配色的时候,应根据主题内容主次需要,各颜色有其各自的功能角色--面积使用最多的、最少的、不多不少的,加上冷暖的适度安排,纯度明度的合理变化,遵循这条原则,网页配色定能得心应手。

  下一节我们详细介绍各种色彩的对比方式和效果。
  
  如对于本文有任何疑问、意见以及建议,请在文章底部的留言板上留言。或者去天极设计在线主题社区讨论。

  更多精彩,尽在天极设计在线design.yesky.com!
  特别推荐——设计类视频教程。



Photoshop视频教程

完整教程下载

Photoshop照片处理视频教程

Freehand视频教程专区

Coreldraw视频教程

完整教程下载

Flash MX视频教程

Flash精彩实例制作视频演示

Fireworks视频教程(连载中)

网页设计制作视频教程

PremierePro视频教程

[视频演示]AutoCAD建筑施工图绘制手册

3DsMAX视频教程

完整教程下载

AfterEffects视频教程

作者:黎芳 原创责任编辑:Shiny)

请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
手机整机DIY企业级