文章转载自:开源中国社区 [http://www.oschina.net ]
本文标题:Web 设计中最常用的 10 种色调以及它们的示例
本文地址:http://www.oschina.net/news/18484/colors-in-web-design

程序员痛苦之色彩篇,你会做网页配色吗,是不是做出来的网页发现颜色很不协调,像某些菜馆里服务员穿的大红大绿的衣服。本文主要介绍一些在 Web 设计中常见的配色方案,好好学习下,避免做出来的网站跟 oschina 一样。

红色 Red

Red symbolizes passion, aggressiveness, power, and also help stimulate the energy, vitality. This color has a productivity effect, struggle, competition and the red color, however kebirahian also has a negative meaning of anger and emergency

Example: 45 Examples of Using the Color Red in Web Design

jonwallacedesign

Logo Design Gallery

Visual Designer

绿色 Green

Greens have a natural taste, refreshing, calm, health and healing qualities. Color is widely used in the design beruhubungan with herbal remedies, activities related to the environment. On the other side of the green symbolized as money, it shows the greed, also shows a lack of experience or a beginner

Example: 15 Grandiose Green Website Designs

Green Ideas

IE6 Bugs, Problems, Fixes, Solutions, Tips & Tricks

Yoast

橙色 Orange

Orange is a combination of red and yellow. Orange color symbolizes enthusiasm, a sense of openness and friendliness. This color is the color of joy, happiness, joy. On the Blog can enhance mental activity. Besides, the color of Orange gave a strong impression on the elements that are considered important. Orange color has a negative meaning of ignorance and lies

Example: 30 Orange Websites

Move Your Body

Downtown Denver Hotel

Wanna Burger

蓝色 Blue

The blue color symbolizes peace, reliable, confidence. This color gives the impression calm and stressed the desire. Blue eyes did not ask for attention. Objects and blue images can basically create a feeling of cold and calm. Blue color can also display the power of technology, cleanliness, air, water and deep water. In addition, if combined with red and yellow colors can give the impression of trust and health. The blue color has a negative meaning of depression, indifference

Example: 30 Beautifully Blue Web Designs

Pasquale D’Silva

Icebrrg

Frisk design

黑色 Black

The black means power, eternity and depth. Sometimes black is negatively related to binding, strength, formality, mystery, wealth, fear, evil, unhappiness, feelings of deep sadness, anger, something that violates (underground), modern music, self esteem, anti-establishment.

Example: 20 Examples Of Dark & Minimalist Website Designs With Great Typography

Black Estate

Ole Martin Kristiansen

tictoc family

白色 White

Showing peace, apology, self achievement, spirituality, divinity, virginity or chastity, simplicity, perfection, cleanliness, light, takbersalah, security, unity. Very nice white color to display or emphasize other colors and give the impression of simplicity and cleanliness. White is the universal color for peace. And white has a negative meaning as cold and distant colors

Feelwire

Sofa

Square Factor

紫色 Purple

Purple means the color royalty, wealth and kemewahaan. Color purple can also show the influence, third view, spiritual strength, knowledge is hidden, high aspirations, nobility, ceremony, mystery, enlightenment, telepathy, empathy, arrogant, intuition, trust in, ambition, magic or miracle, self-esteem. And the negative side of the color purple is sadness

Example: 25 Kick Ass Purple Portfolio Website Designs

GoodBytes webdesign bureau

Full Fat Studio

SW Graphic

黄色 Yellow

Often in yellow means represents intelligence, optimism, joy. Yellow color stimulates mental activity and attract attention, is very effectively used in the blogsite that emphasizes the feelings of happiness and childish. Yellow color has a negative meaning laziness and jealousy.

Example: 50 Amazing Example of Yellow Inspiration

Sketchen

Paralotna

Gareth Dickey

棕色 Brown

Brown color indicates friendship, special events, earth, materialistic thinking, reliability, peace, productivity, practical, hard work. Brown color is not attractive when used without additional image and certain ornaments, brown ornaments must be supported by others so interesting. But the color of chocolate may also mean dirty, dull, and boring.

Example: 20 Great Examples of the Use of Brown in Web Design

Sergio Noviello

James Lai Creative

Tea Round App

粉色 Pink

Pink means spring, gifts, appreciation, admiration, sympathy, health, love, June, marriage, femininity, (feminine), youth (youth). Pink Color can also exhibit a symbol of affection and love, friendship, femininity, trust, goodwill, the treatment of emotion, peace, feeling fine, feeling a sweet and beautiful. And pink negative meaning is Homosexuality, Bisexuality, naive, weaknesses, shortcomings.

Example: 21 Good Examples of Pink in Web Design

Digital Devotion

Cow And Monkey

BigFilebox

【转】Web 设计中最常用的 10 种色调以及它们的示例相关推荐

  1. Web设计中最常用的10种色调以及示例演示

    程序员痛苦之色彩篇,你会做网页配色吗,是不是做出来的网页发现颜色很不协调,像某些菜馆里服务员穿的大红大绿的衣服.本文主要介绍一些在Web设计中常见的配色方案,供大家学习. 1.红色 Red Examp ...

  2. pcb 理论阻值、 过孔_超实用!PCB设计中过孔常用的6种处理方式

    原标题:超实用!PCB设计中过孔常用的6种处理方式 小伙伴们我们又见面啦! 上一次的" 神仙过孔 ",还没过瘾吧? <整齐的过孔固然符合审美,但是却...> 今天的小课 ...

  3. ad设置塞孔_超实用!PCB设计中过孔常用的6种处理方式

    过孔(via)是多层PCB的重要组成部分之一,钻孔的费用通常占PCb制板费用的30%到40%.从设计的角度来看,一个过孔主要由两个部分组成,一是中间的钻孔(drill hole),二是钻孔周围的焊盘区 ...

  4. Web 开发中很实用的10个效果【附源码下载】

    在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.这篇文章给大家推荐10个在 Web 开发中很有用的效果,记 ...

  5. Web 设计中的 5 个最具争议性的话题

    在 Web 空前繁荣的今天,有关 Web 设计中的各种观点很多会成为话题,有的很快达成一致,有的则一直争议下去,本文讲述 Web 设计中的 5 大经典争议,这些争议从它们诞生的那天起,就被正反两方争得 ...

  6. Web 设计中的苹果风

    优雅的设计贯串苹果所有的产品,也包括网站,不仅苹果自己的网站,世界上有无数模仿苹果的网站设计,然而是什么构成了苹果式网站设计风格?浅淡的配 色,大面积留白,清晰统一的导航,雅致的图标,还有,拒绝使用 ...

  7. 计算机设备间使用面积,【IBE】综合布线设计中的常用计算公式

    原标题:[IBE]综合布线设计中的常用计算公式 经常有朋友问这样的问题,怎样确定弱电工程中线缆的用量,RJ45头一般的需求量是多少,每个楼层用线量--,其实这些都需要根据实际情况计算才能确定,那么今天 ...

  8. Web 开发中很实用的10个效果

    在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.这篇文章给大家推荐10个在 Web 开发中很有用的效果,记 ...

  9. 响应式网页设计_响应式网页设计中的常用技术

    响应式网页设计 在先前的文章中,我讨论了为什么Web准备就绪以进行响应式设计 ,以及网站所有者如何使用用户设备和屏幕空间的上下文来跨各种尺寸的屏幕(包括PC,电话) 为用户提供上下文相关的体验.和控制 ...

最新文章

  1. 宏基因组扩增子最新分析流程QIIME2:官方中文帮助文档
  2. Linux 运维自动化之Cobbler实战案例
  3. TP-Link無線路由器(分享器)頻寬控管
  4. ST17H26 SDK中宏定义注意事项
  5. 【数据竞赛】kaggle竞赛宝典-多分类相关指标优化​
  6. __format__
  7. js有没有类似php的sleep函数,JavaScript-jQuery有没有类似sleep方法?
  8. 【计算机网络复习 数据链路层】3.5.2 ALOHA协议
  9. [kuangbin带你飞]专题十二 基础DP1 C - Monkey and Banana HDU - 1069
  10. java api 获取jvm实例_JVMTI那些事——和Java相互调用
  11. 测试用例的优先级概念
  12. PHP数组的访问方法有几种,PHP数组的几种遍历方法
  13. 基于xlsx-populate实现的前端埋点导出
  14. 解决项目Unable to find GatewayFilterFactory with name CacheRequestFilter错误
  15. U-boot-2009.08移植(三)支持Nor FLASH
  16. protel 99se元件封装名称
  17. 外键约束的创建及例子
  18. Redis安装和入门
  19. Ceph实战(十一):重磅!!!一键部署集群的脚本
  20. HDU1176 天上掉馅饼(数塔问题)⭐⭐

热门文章

  1. 从双钻模型看产品规划
  2. Python批量重命名iPhone、微信照片,视频-按照拍摄时间重命名
  3. 文件批量搜索器:根据文件名清单查找文件夹内文件移动复制保存
  4. 没有android手机确切内核头文件,绕过模块的版本检查,构建一个内核模块
  5. Spring 让 LOB 数据操作变得简单易行
  6. php书和作者,【原创书评】《[死神]白鸟书 》作者:云暖(任性傲娇的贵族少年与大小白的回忆)...
  7. excel怎么按颜色统计单元格个数
  8. ChatGPT爆火出圈,高质量文本标注数据成关键
  9. nlp自然语言处理中句子相似度计算
  10. Reverse-2 - PE文件