首页产品库评测行情新闻|手机数码笔记本台式机DIY硬件数字家庭数码相机办公外设|软件下载游戏开发|社区

更多

数码相机
MP4
LCD
机箱
音箱

软件资讯设计 工具 系统 开发 安全 办公 陶吧 IT教育 Windows 7 | 下载中心天极下载中心诚征下载通路合作伙伴
天极网 > 软件频道 > 设计在线 > 网页UI设计>网页设计配色应用——色调

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

2006-10-08 06:00作者:黎芳 原创出处:天极设计在线责任编辑:Shiny


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

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

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

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

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

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

  ■ 点睛色

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

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

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

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

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

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



Photoshop视频教程

完整教程下载

Photoshop照片处理视频教程

Freehand视频教程专区

Coreldraw视频教程

完整教程下载

Flash MX视频教程

Flash精彩实例制作视频演示

Fireworks视频教程(连载中)

网页设计制作视频教程

PremierePro视频教程

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

3DsMAX视频教程

完整教程下载

AfterEffects视频教程

热卖推荐: 手机 诺基亚 MP5 电脑包 双卡双待 手机链 U盘 笔记本电脑

关注此文的读者还看过:

返回网页UI设计首页

共1页。 1
  • 1.网页设计配色应用——色调

软件频道最新更新

热点推荐

IT嘉年华

编辑推荐

软件下载

热门
推荐

网友关注

软件
资料
游戏

装机推荐

文章排行

本周
本月
最新更新
天极服务|关于我们|About us|网站律师|RSS订阅|友情合作|加入我们|天极动态|网站地图|意见反馈|MSN/QQ上看天极
Copyright (C) 1999-2012 Yesky.com, All Rights Reserved 版权所有 天极网络