`
julyboxer
  • 浏览: 220906 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

设计中的色彩:灰色

阅读更多

在这个系列中,我们差不多了解了彩虹中的每一种颜色及其在设计中的应用。在这篇中,我们将讨论一下七彩之外的色彩,让我们看一下灰色。灰色是一个平稳的、中立的色彩,它在网页设计中非常漂亮。它不会激发非常强烈的情感(或许除了一种不好的心情),而红色橙色 或者紫色 则会。它不像黑色那么鲜明,但是一个非常暗的灰色可以做同样的事情。同样非常浅的灰色又不像白色那么死板,而且有的时候它还可以填补白色占据的空间。

 

灰 色有正面和负面的含义。“灰质(Gray matter)”会联系到智商与脑力。不过好像灰色的贬义词比较多,“灰色”本身就被用于描述一些暗淡和单调的东西,比如灰色地带、灰姑娘、灰心等。公司 中常常是清一色的灰色西装。灰颜色的名字包括炭灰色、炮铜色、粉灰、苍白色、铅灰色以及蓝灰色。

设计中的灰色

使用灰色很难会犯太严重 的错误。它好像可以和任何色彩搭配。由于它的中立性,它常常被用作背景颜色。它可以让其它色彩突出。正如前面提到的,你可以使用浅灰色替代白色或者用暗灰色替代黑色。要想得到一个更暖的更有泥土气息的灰色,使用灰褐色,它是一种带浅灰色的褐色。

使用灰色和柔软的粉色 可以产生一种女性的感觉,而暗色搭配灰色可以产生更男子汉的感觉。暗灰和红色橙色 是一个特别吸引眼球的组合。请欣赏下面的电影海报:

灰色系网站设计

300 Movie Poster

灰色常常被用作作品集的背景色(无论是在线的还是离线的)。它允许照片、插画或其它的色彩元素走到最前面同时为作品集提供一个坚实的支柱。让页面中的大部分布局使用灰色几乎可以使背景消失,从而使其它颜色的颜色真正的凸显出来。

使用灰色的网站设计

灰色无论是作为背景颜色还是标题或者主字体颜色都很流行。这里是一些使用灰色的几个很不错的网站设计。

另外,灰色是极简主义网站设计的 首选色彩,这类网站通常(当然不是全部)会选用浅灰色作为背景色彩,然后选用深灰色作为主要的字体颜色。

Ok Cog Aoke

灰色系网站设计

Digital Podge 2009

灰色系网站设计

Eilersen

灰色系网站设计

Christopher Meeks

灰色系网站设计

Broader Sheet

灰色系网站设计

Ricardo Gimenes

灰色系网站设计

Ectomachine

灰色系网站设计

Jeff Finley

灰色系网站设计

Nokia Music Almighty

灰色系网站设计

分享到:
评论

相关推荐

    设计色彩(工业设计用)

    ### 设计色彩(工业设计用) #### 色彩的重要性 色彩是设计的灵魂,无论是平面设计、网页设计还是工业设计,色彩的选择与搭配都扮演着至关重要的角色。正确的色彩运用可以提升作品的艺术美感,增强视觉吸引力,...

    建筑室内设计中色彩元素的创新运用.docx

    【建筑室内设计中色彩元素的创新运用】 在建筑室内设计中,色彩元素是塑造空间氛围、体现设计风格和满足使用者心理需求的关键要素。随着社会进步和科技发展,人们对室内环境的审美要求不断提升,色彩在设计中的应用...

    平面设计色彩简述

    本文将围绕"平面设计色彩简述"这一主题,深入探讨色彩在设计中的应用,解析色彩理论的基本属性,并着重解析色彩平衡的概念、色彩心理学以及实际应用中的多种色彩搭配方法。 色彩理论是平面设计中不可或缺的基础知识...

    PHP网站模板,网站源码,带PHP后台:灰色数码科技展示CSS模板_灰色 数码 科技 展示.zip

    在这个模板中,CSS负责控制页面布局、色彩、字体、大小和其他视觉效果。灰色数码科技展示CSS模板,意味着它采用了灰色为主色调,以营造出科技感和专业感。 4. **后台管理**:模板带有PHP后台,这意味着它包含了一个...

    PHP网站模板,网站源码,带PHP后台:灰色漂亮渐变质感的软件企业模板_渐变 大图 导航 质感 漂亮 大气 企.zip

    4. **灰色渐变质感设计**:在网页设计中,色彩选择对于用户体验和品牌形象有很大影响。灰色常被视为中性色,给人以专业、稳重的印象,而渐变则为设计增添层次感和现代感。这种设计方法可以吸引用户注意力,同时保持...

    PHP网站模板,网站源码,带PHP后台:灰色大气的设计公司模板基于HTML5+CSS3

    他们可以修改模板中的文本、图像、色彩,甚至布局,以符合公司的品牌风格。同时,为了保证网站的安全和性能,需要对PHP代码进行适当的优化,并遵循良好的编程实践,例如防止SQL注入、XSS攻击等。 总的来说,这个...

    影视后期设计与制作:色彩调整——知识图谱.pptx

    在影视后期设计与制作的众多环节中,色彩调整是一项举足轻重的工作。色彩对于画面的影响力是不容忽视的,它能够影响观众的情感反应,传递特定的氛围和情绪。为了深入理解色彩调整在影视后期制作中的重要性,本文将...

    电商产品网页UI设计中的色彩应用研究.pdf

    无彩色则主要包括白色、黑色和灰色,它们在设计中通常用来作为背景色或起到平衡色彩的作用。 二、色彩在网页UI设计中的作用 (一)视觉上的引导作用 色彩能够直观引导用户的视觉注意力,使用户在浏览网页时迅速...

    网页设计色彩搭配

    ### 网页设计色彩搭配知识点详解 #### 一、色彩的基本知识 1. **颜色的产生**:颜色的本质是因为光的折射而产生的一种视觉现象。在网页设计中,我们利用这种现象通过屏幕显示各种颜色。 2. **三原色**:红、黄、...

    PHP网站模板,网站源码,带PHP后台:灰色简约质感科技行业HTML模板_灰色 白色 web20 简洁 导航 整.zip

    5. **灰色与白色设计**:这种色彩搭配通常给人专业、简洁的印象,适用于科技行业的网站,能体现出行业特征,如精准、冷静和先进。 6. **Web2.0**:Web2.0代表互联网的一个阶段,强调互动性、用户参与和分享。模板的...

    灰色扁平设计CSS3模板

    在当前的网页设计趋势中,扁平化设计因其简洁、直观的特点深受设计师和用户的喜爱,而灰色作为中性色调,能赋予网页一种专业且不失时尚感的视觉体验。CSS3,作为CSS(层叠样式表)的最新版本,提供了许多增强网页...

    推荐网页设计欣赏灰色系网页设计.docx

    首先,灰色是一个中性的色彩,它在网页设计中扮演着平衡者的角色。不同于红色、橙色或紫色那样能激起强烈情绪,灰色更倾向于营造一种平静和谐的氛围。它可以是低调的背景,也可以是引人注目的焦点。它不那么鲜明如...

    灰色简洁设计类企业网站_灰色 简洁 设计 企业 展示.zip

    在网页设计中,通过深浅不一的灰色层次,可以创造出深度和对比,同时保持整体的和谐统一。设计师可能会选择白色或淡色调的元素来提亮页面,增强视觉效果。 2. **布局设计**:简洁的布局要求内容有条理地呈现,避免...

    PHP网站模板,网站源码,带PHP后台:灰色简洁大气互联网科技公司html5模板_灰色 简洁 大气 html5 .zip

    由于模板针对的是互联网科技公司,因此设计上会体现科技感和商务感,可能包括扁平化设计、图标、色彩搭配等,以符合科技公司的品牌形象。 总的来说,这个压缩包提供的模板是一个集成了PHP、HTML5、响应式设计和...

    手机灰色简单创意手机UI界面设计

    在实际的UI设计过程中,设计师需要考虑诸多因素,例如色彩搭配、布局合理性、图标一致性、文字易读性、触摸友好性等。灰色调UI设计往往通过深浅不一的灰色层次来创建视觉层次感,同时利用高对比度的元素来引导用户的...

    艺术设计中色彩心理学现象分析报告文案.doc

    【色彩心理学在艺术设计中的重要性】 色彩心理学是研究色彩如何影响人类感知、情感和行为的学科。在艺术设计中,色彩的选择和搭配至关重要,因为它不仅关乎作品的美观,更能激发观众的情感共鸣,甚至影响他们对产品...

    推荐网页设计欣赏灰色系网页设计.pdf

    标题《推荐网页设计欣赏灰色系网页设计.pdf》暗示了本文档的主题是关于网页设计...设计师在创作灰色系网页设计时,应当注意色彩搭配、页面布局和视觉引导的细节处理,从而在实现美观的同时保证网站的功能性和用户体验。

    色彩设计基础(免费)by ADlove达人.pdf

    9. 灰色:中性,既可显平淡,也可显高雅。 五、色彩与光的关系 1. 科学实验:17世纪牛顿的实验揭示了色彩与光的关联,将色彩科学化。 2. 光的性质:光的波动性、粒子性以及现代理论解释了色彩现象的物理本质。 综...

Global site tag (gtag.js) - Google Analytics