首页 > 网站建设 >

网站设计页面配色经验分享:认识RGB与HSB

发布时间:2018-11-01 作者:深圳网站制作

 网站设计经验分享:认识RGB与HSB
  在实用美术中,常有“远看色彩近看花,先看颜色后看花,七分颜色三分花”的说法。这说明在任何设计中,色彩对视觉的刺激起到第一信息传达的作用。因此,掌握好色彩的基础知识,在网页设计中才能做到游刃有余。网站制作公司为了使下面的网页配色分析更易于理解,先来了解色彩的RGB模式和HSB模式。
1.RGB
  RGB表示红色、绿色、蓝色,又称为三原色光,英文为R(Red)、G(Green)、B(Blue).在也脑中.RGB的所谓“多少”就是指亮度,并使用整数来表示。通常情况下.RGB各有256级亮度,用数字表示为从0、l、2至255。虽然数字最高是255.但O也是数值之,因此共256级。按照计算.256级的RGB色彩总共能组合出约1678万种色彩.即256×256×256-16777216。通常也被简称为1600万色或千万色,也称j924位色(2的24次方)。
  对于单独的R或G或B而言,当数值为0时,代表这种颜色不发光;如果h255.则该颜色为最高亮度。因此当RGB3种色光都发到最强的亮度,纯白的RGB值就为255,255,255。屏幕上黑的RGB值是。,。,。。R,意味着只有红色存在,且亮度最强.G和B部不发光。因此最红色的数值是255,o,。。同理,最绿色就是。,255,o;而最蓝色就是。,。,255。黄色较特殊.是由红色加绿色而得,就是255,255,O。RGB模式是显示器的物理色彩模式。这就意味着无论在软件中使用何种色彩模式,只要是在显示器上显示的,图像最终就是以RGB方式出现。
2.HSB
  颜色分为色相、饱和度、明度3个因素。英文为H(Hue)、S(Saturation)、B(Brightness).饱和度高色彩较艳丽,饱和度低色彩就接近灰色。亮度高色彩明亮,亮度低色彩暗淡,亮度最高得到纯白,最低得到纯黑。般浅色的饱和度较低,亮度较高,而深色的饱和度高而亮度低。
网站设计色彩技巧之网页色调搭配
  在网页页面中总是由具有某种内在联系的各种色彩,组成个完整统的整体,形成画面色彩总的趋向.称为色调。也可以理解为色彩状态。色彩给人的感觉与氛围,是影响配色视觉效果的决定因素。为了使网页的整体画面呈现稳定协调的感觉,以便充分地掌握其规律来更好地分析学习,我们把视觉角色主次位置分为如下几个概念,以便在网页设计配色时更容易操纵主动权。
1.主色调
  页面色彩的主要色调、总趋势、其他配色不能超过该主要色调的视觉面积。背景白色不定根据视觉面积决定,可以根据页面的感觉需要而定。
2.辅色调
  仅次于主色调的视觉面积的辅助色,是烘托主色调、支持主色调、起到融合主色调效果的辅助色调。
3.点睛色
  在小范围内点上强烈的颜色来突出主题效果,使页面更加鲜明生动。
4.背景色
  衬托环抱整体的色调,协调、支配整体的作用。
  一个页面的色彩角色主要是根据其面积多少来区别主次关系、达到最终目的的。当不同的颜色使用的面积相当,这个页面容易呈现枯燥单调之感,而没有局部细节的变化。当个页面使用的颜色过多、面积大小用得过于琐碎,这个页面容易呈现花哨、主次不分没有整体的感觉。
  为页面设计配色时,应根据主题内容主次需要.各颜色有其各自的功能角色:面积使用最多的、最少的、不多不少的,加上冷暖的适度安排,纯度明度的合理变化,遵循这条原则,网页配色定能得心应手。深圳网站制作公司关于网页设计色彩的配置与技巧本文就介绍到这里。喜欢本站的朋友请持续关注本站。博纳网络编辑整理。
文章标题:网站设计页面配色经验分享:认识RGB与HSB
本文地址:https://www.198bona.com/news/1624.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯