`
liyiye
  • 浏览: 427051 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

网页设计配色应用实例剖析——黄色系

阅读更多

色是阳光的色彩,具有活泼与轻快的特点,给人十分年轻的感觉。象征光明、希望、高贵、愉快。浅黄色表示柔弱,灰黄色表示病态。它的亮度最高,和其他颜色配合很活泼,有温暧感,具有快乐、希望、智慧和轻快的个性,有希望与功名等象征意义。黄色也代表着土地、象征着权力,并且还具有神秘的宗教色彩。

  黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。
  浅黄色系明朗、愉快、希望、发展,它的雅致,清爽属性,较适合用于女性及化妆品类网站。
  中黄色有崇高,尊贵,辉煌、注意、扩张的心理感受。
  深黄色给人高贵、温和、内敛、稳重的心理感受。

  下面我们根据黄色系不同属性邻近色、同类色的高纯度低纯度色彩搭配做不同的举例分析。

  → 黄色系网页例图: www.bernhardwolff.com
  

  黄色系分析:

  黄色是所有彩色中明度最高的颜色。上图看到HSB模式的H数值是60度,正是正黄色,但RGB数值中加入了B蓝色数值为51,因此降低了HSB的饱和度S为80%,但是大面积的  黄色仍使得该页面色彩明亮显眼。
  辅助色是纯黑色,非色彩明度最低的颜色。
  大面积显眼的正黄色有黑色的线条压制,黄色顿时显得沉稳,页面增添内容感。
  白色虽然是点睛色,但由于非色彩的白色与黄色的明度最高,因此这里似乎没有起到"点睛"的作用。

  结论:
  当鲜度、明度高的背景色与前景辅助色暗度低的黑色在明度形成较强烈的对比时,艳度降低,较能协调视觉。
  整个页面配色单纯,却也不简单,形成另一种设计风格。



  → 黄色同类色网页例图: www.paralotna.pl
  

  黄色同类色分析

  该页面的配色很单纯,是同类色的黄色不同明度颜色,页面看起来干净、单纯。
点睛色白色淡黄色在深色黄色背景下比较显眼,且在最中间位置,是整个页面中的高调部分。
  这三种黄色,明度都很高,只有背景辅助色明度稍低,点睛黄色H色相是三种颜色中黄色倾向最高的为57度,而60度是正黄色,因此明度也是最高的,充分的发挥其点睛色的作用。
  背景色和前景色只在色相上明度上有非常微妙的变化,却也很巧妙,形成了变化较明显的空间层次感,削弱了同类色易产生的单调感。点睛色白色让层次感更明显。

  结论:
  同类色的属性使得整个页面非常和谐,可以根据不同的主题来设计配色。
  可以通过明度、饱和度的不同变化来加强页面配色的层次感。

分享到:
评论

相关推荐

    网页设计配色应用实例剖析——橙色系.pdf

    总的来说,橙色系在网页设计中的应用需要考虑色彩的情感表达、视觉冲击力以及用户的观感体验。通过巧妙地搭配邻近色、同类色以及对比色,设计师可以创造出既有个性又能有效传达信息的网页界面。无论是高饱和度的橙色...

    配色应用实例剖析——橙色

    【配色应用实例剖析——橙色】 在网页设计中,配色是至关重要的元素,能够影响用户对网站的第一印象和整体感受。橙色作为一种色彩,它具有轻快、欢欣、收获、温馨以及时尚的特质,是传达快乐、喜悦和能量的色彩。...

    网页设计配色应用实例剖析

    ### 网页设计配色应用实例剖析——绿色系 #### 绿色的特性与意义 在探讨具体的配色方案之前,我们先了解绿色的基本特性及其在网页设计中的意义。 - **平和与舒适**:绿色位于黄色和蓝色之间,在色谱上处于较为...

    网页设计配色应用实例剖析--橙色.doc

    网页设计中的配色选择对整体视觉效果至关重要,橙色作为一种充满活力和温暖的色彩,在网页设计中具有多种应用。橙色能传达出快乐、兴奋、时尚的氛围,适合创造积极向上的感受,尤其能刺激食欲,因此常用于食品类网站...

    网页设计配色黄金方案

    #### 一、网页设计配色系列简析——基础部分 在探讨网页设计中的配色方案之前,我们首先需要理解色彩的基础知识,特别是色彩模型中的RGB与HSB模式。 ##### 色彩基础知识 在设计领域,有一句广为人知的话:“远看...

    网站配色应用网页制作初学者看

    以上各色系的网页设计配色应用实例剖析文档,可以帮助初学者了解如何根据品牌特性、用户群体和设计目标来选择和搭配颜色,从而创作出引人入胜且有效的网页设计。学习这些实例,不仅能提升色彩理论知识,还能增强实际...

    网页绿色系配色应用实例图文第1/2页

    在本文提到的网页绿色系配色实例中,可以看到主色调和辅色调通过HSB模式的数值进行了详细分析。通过观察这些数值,可以发现这两种颜色在明度上有差异,而在色相和饱和度上保持一致。这样的细微差别可以带来层次感和...

    设计配色工具

    网页设计中的颜色选择至关重要,它不仅能够提升用户体验,还能有效传达品牌信息和情感。在HTML中,颜色通常通过英文名称或十六进制代码来表示,例如黑色表示为`#000000`。 - **红色**:传递出热情、活力和喜悦的...

    专业配色手册2010

    根据提供的信息,《专业配色手册2010》是一份...通过上述分析可以看出,《专业配色手册2010》不仅提供了丰富的理论知识,还包含了许多实用的配色技巧和实例,对于从事设计行业的专业人士来说是一份非常宝贵的参考资料。

    labview界面配色

    - **实战示例**:两个实例可能展示了实际的配色方案,通过比较和实践,帮助用户理解如何在项目中应用这些配色原则。 4. **最佳实践**: - **一致性**:在整个项目中保持配色的一致性,可以帮助用户快速识别代码...

    综合色配色攻略

    通过以上内容可以看出,《综合色配色攻略》不仅详细介绍了色彩的基础理论知识,还提供了丰富的色彩搭配技巧和实例分析,非常适合平面设计、造型设计、环境艺术等多个领域的专业人士和学生使用。无论是初学者还是资深...

    做PPT常用配色及符号(一)

    - **实例分析**:在给定的部分内容中,虽然没有直接提及具体的配色案例,但可以想象在实际应用中,如介绍“Neptune”这类冷色调主题时,可以选择蓝色系作为主色调,以符合其深邃、遥远的特性;而对于“Venus”这样...

    六年级美术记录色彩PPT学习教案.pptx

    【色彩理论在美术教学中的应用】 在六年级的美术学习中,色彩的运用是一项重要的技能。色彩不仅能丰富画面,还能传达情绪和氛围,是艺术表达的重要手段。在“记录色彩”这一主题中,学生们将深入理解色彩的冷暖对比...

Global site tag (gtag.js) - Google Analytics