`
s6260908
  • 浏览: 5262 次
  • 性别: Icon_minigender_1
  • 来自: 福州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

一些颜色在网上适用的技巧

阅读更多
网页背景颜色搭配技巧 用一种色彩:这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将色彩变淡或则加深),产生新的色彩,这样的页面看起来色彩统一,有层次感。 2.用两种色彩:先选定一种色彩,然后选择它的对比色(在photoshop里按ctrl+shift+I)。这样整个页面色彩丰富但不花稍。 3.用一个色系:简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。 确定色彩的方法各人不同,我是在photoshop里按前景色方框,在跳出的拾色器窗中选择"自定义",然后在"色库"中选就可以了。 4.用黑色和一种彩色:比如:大红的字体配黑色的边框感觉会很"跳"。 在配色中,忌讳的是: 1.不要将所有颜色都用到,尽量控制在三种色彩以内。 2.背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要宝贝文字及产品内容喔。 ----------------------------------------------------------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------------------------------------------------  颜色的使用在网页制作中起着非常关键的作用,有很多网站以其成功的色彩搭配令人过目不忘。但是对于刚开始学习制作网页的人来说,往往不容易驾驭好网页的颜色搭配。除了学习各种色彩理论和方法之外,笔者认为多学习一些著名网站的用色方法,对于我们制作美丽的网页可以起到事半功倍的作用。所以,笔者总结了一些著名网站的颜色搭配方法,这些方法可以让我们的学习少走弯路,快速提高我们的网页制作水平。   一、网页颜色原理和象征意义   我们所有网页上颜色,在HTML下看到的是以颜色英文单词或者十六进制的表示方法(如#000000表示为黑色)。不同的颜色有着不同的含义,给人各种丰富的感觉和联想。   红色:热情、奔放、喜悦、庄严   黄色:高贵、富有、灿烂、活泼   黑色:严肃、夜晚、沉着   白色:纯洁、简单、洁净   蓝色:天空、清爽、科技   绿色:植物、生命、生机   灰色:庄重、沉稳   紫色:浪漫、富贵   棕色:大地、厚朴   二、网页颜色的使用风格   不同的网站有着自己不同的风格,也有着自己不同的颜色。网站使用颜色大概分为几种类型:   1、 公司色   在现在企业中,公司的CI形象显得尤其重要,每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色,同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。再比如国富投资公司的主色调是C:100%,M:60%,Y:0%,K:0%。这样的颜色使用到网站上显得色调自然、底蕴深厚。   2、 风格色   许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种中性的绿色,即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多,大公司使用蓝色的较多……这些都是在突出自己的风格。   3、 习惯色   这些网站的颜色使用很大一部分是凭自己的个人爱好,以个人网站较多使用,比如自己喜欢红色、紫色、黑色等,在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色,因此这种类型称为习惯色。 对于做网页的初学者可能更习惯于用一些漂亮的图片做自己网页的背景,但是,浏览一下大型商业网站,你会发现它们更多运用的是 白色、蓝色、黄色或其他颜色的搭配,使得网页显得典雅、温馨又不失活泼,更重要的是,这种做法使浏览者大大加快了网页的下载 速度,配合网站丰富的内容,使整个网站更具有吸引力。 一般说来,普通的底色应柔和些,素一些,淡一些,配上黑字,读起来自然、流畅。而为了追求醒目的视觉效果,可以为标题使用较 深的颜色。下面是对底色和字体搭配积累的经验,这些颜色可以做正文底色,也可做标题底色,再配上不同颜色的字体,就有比较不 错的效果。希望能对大家有所帮助。 Bgcolor=“#f1fafa” //做正文的背景色好,淡雅。 Bgcolor=“#E8FFE8” //做标题的背景色好,与上面的颜色搭配很协调。 Bgcolor=“#E8E8FF” //做正文的背景色好,字体配黑色较好。 Bgcolor=“#808000” //上配黄色白色字体较好。 Bgcolor=“#E8D098” //上搭配浅蓝色或蓝色字体较好。 Bgcolor=“#EFEFDA” //上搭配浅蓝色或红色字体较好。 Bgcolor=“#F2F1D7” //配黑字素雅,红字醒目。 Bgcolor=“#336699” //配白字做标题较好看。 Bgcolor=“#6699CC” //配白字都较好看,可做标题。 Bgcolor=“#66CCCC” Bgcolor=“#B45B3E” Bgcolor=“#479AC7” Bgcolor=“#00B271” Bgcolor=“#FBF8EA” //配黑字都较好看,一般做正文以上配色方案都比较淡雅。 Bgcolor=“#D5F3F4” Bgcolor=“#D7FFF0” Bgcolor=“#F0DAD2” Bgcolor=“#DDF3FF” 浅绿底黑字,或白底蓝字都很醒目,但前者突出背景,后者突出前景,红底白字醒目,较深底色配黄字有效果。 大家可以在此基础上发挥想象力,搭配出更加有新意的颜色,做出更漂亮的网页!
分享到:
评论

相关推荐

    文字颜色搭配技巧

    本篇文章将深入探讨一些常用的文字颜色搭配技巧,帮助网页设计人员更好地掌握色彩运用,提升网页的视觉效果。 首先,我们要理解色彩的基本理论。颜色可以分为原色(红、蓝、黄)和衍生色,每种颜色都有其特定的情感...

    css 颜色搭配技巧

    以下是一些常见的高可视度颜色搭配方案: 1. **黑底黄字**:这种搭配非常醒目,适用于需要特别强调的信息。 2. **黑底白字**:经典的搭配,简洁且易于阅读。 3. **黄底黑字**:强烈的对比度使得文字更加突出。 4. *...

    颜色搭配技巧ppt模板

    在"颜色搭配技巧ppt模板"中,用户可以期待找到以下关键知识点: 1. **色彩理论**:了解基本的色彩理论,包括色轮、互补色、类比色、三原色等概念,这些是创建和谐配色的基础。 2. **色彩情感**:每种颜色都有其...

    装修颜色搭配技巧

    ### 装修颜色搭配技巧详解 在室内设计领域中,色彩搭配是非常关键的一环,它不仅能够影响居住者的心情,还能改变空间的视觉效果。本文将深入探讨几种常见的色彩搭配技巧及其应用场合,帮助读者更好地理解如何通过...

    如何在Excel里按照填充颜色或字体颜色进行筛选

    在Excel中,根据填充颜色或字体颜色进行筛选是一项实用但可能不为人熟知的功能,尤其对于数据分析和信息分类而言,这可以极大地提高工作效率。下面,我们将详细介绍三种方法,帮助您掌握如何在Excel中按照颜色筛选...

    精彩编程与编程技巧-设定StatusBar的文字成不同的颜色...

    根据给定的信息,本文将详细解释如何通过编程技巧在Windows应用程序中设置状态栏(StatusBar)文字的不同颜色。此技巧适用于使用Visual Basic进行Windows程序开发的开发者。 ### 知识点一:StatusBar概述 StatusBar...

    java console程序改变字的颜色和背景颜色

    尽管Java标准库并没有提供直接的方法来改变控制台的颜色,但我们可以利用一些技巧或者第三方库来实现这一功能。 标题"java console程序改变字的颜色和背景颜色"所指的就是如何在Java控制台中修改文本的显示颜色。在...

    20个js技巧 很适用

    以下是从提供的内容中提取的一些实用JS技巧: 1. **文本框焦点处理**:通过`onBlur`和`onFocus`事件,可以控制文本框在获取或失去焦点时的行为。例如,可以设置当文本框获得焦点时清空内容,失去焦点时恢复默认值,...

    HTML的一些小技巧

    ### HTML的一些小技巧 在网页开发过程中,合理运用HTML的小技巧可以有效提升用户体验,优化页面布局及功能。本文将详细介绍给定文件中的多个HTML小技巧及其应用场景。 #### 1. 设置背景图片固定不滚动 ```html ...

    VC++编程通用技巧范例大全适用VC6-VC2010

    VC++编程通用技巧范例大全适用VC6-VC2010 VC++编程通用技巧范例大全适用VC6-VC2010是VC++开发者不可错过的技术宝典,本书涵盖了VC++编程中的各种技巧和实践经验,涵盖了从基本的窗口设置到高级的数据库交互等多方面...

    颜色搭配技巧PPT模板.pptx

    【颜色搭配技巧PPT模板】是一个关于PPT设计和颜色运用的教程,旨在帮助用户提升PPT制作的视觉效果。该模板深入介绍了色彩理论的基本概念和经典配色策略,适用于那些希望让自己的演示文稿更具吸引力和专业性的用户。 ...

    Qt颜色对照表

    本文将深入探讨Qt颜色对照表中的各种颜色代码及其应用,帮助开发者在使用Qt样式表时更加得心应手。 #### 颜色的基础知识 颜色在计算机图形学中通常由RGB(红、绿、蓝)三原色组成,每种颜色的取值范围为0到255。...

    RGB颜色值与十六进制颜色码转换工具.zip

    在实际应用中,RGB和十六进制颜色码的转换不仅适用于单一颜色,还可以应用于色彩调板或整块颜色区域。设计师在创建网站或图形时,可能需要在不同格式之间切换,以满足各种软件和平台的需求。这个工具简化了这个过程...

    labview 强度图颜色条设置

    总的来说,LabVIEW的强度图颜色条设置是一项关键的可视化技巧,它直接影响到数据的呈现效果和用户的解读体验。通过`颜色控制.vi`和相关的文档说明,你可以定制化颜色条,使其更好地服务于你的项目需求,从而提升数据...

    颜色&配色大全 包含两张很全的颜色代码图

    在实际应用中,颜色选择和配色技巧常常依据以下原则: 1. 色彩理论:包括原色、二次色和三次色的关系,以及色调、饱和度和明度的概念。理解这些可以帮助创建平衡且有吸引力的色彩组合。 2. 互补色:位于色轮相对...

    网站颜色搭配代码全集

    在颜色搭配过程中,设计师需要遵循一些基本原则。对比原则利用色彩的对比,比如黑与白,提高视觉焦点,突出关键内容。色彩和谐原则则通过类似色或互补色的组合,达到页面的视觉平衡。颜色比例的控制也十分重要,避免...

    PS:Photoshop CS 应用167条技巧,简单易懂

    在Photoshop的应用过程中,掌握一些高效的操作技巧可以极大地提升工作效率。以下是对标题和描述中提及的一些关键技巧进行的深入解析。 ### 1. 快速打开文件 - **操作方法**:只需双击Photoshop主界面中的灰色背景...

    颜色棒 MFC VC++

    RGB(红绿蓝)是加性颜色模型,适用于显示器等发光设备,而HSV(色相、饱和度、亮度)是更适合人眼感知的颜色模型。颜色棒可以设计成滑块形式,用户沿滑块移动来选择不同的颜色值,或者以二维网格的形式展示颜色变化...

    精彩编程与编程技巧-分解颜色为RGB...

    本篇文章将详细介绍如何在编程中实现将一个RGB颜色值分解为其红、绿、蓝三个分量的过程,并探讨一些特殊的系统颜色值。 #### 分解RGB颜色值 为了更好地理解如何分解RGB颜色值,我们首先需要了解颜色是如何在计算机...

    js基本的一些技巧

    以下是一些实用的JS小技巧,可以帮助开发者提升项目开发效率和用户体验。 1. **文本框焦点事件**: - `onBlur`:当用户离开输入框时触发,常用来进行验证或恢复默认值,例如示例中的输入框在失去焦点时若为空则...

Global site tag (gtag.js) - Google Analytics