网页配色

网页中的柔和色调 的使用，不止是近来的趋势，这是一项设计师使用多年的技巧，用来创造有冲击力的视觉效果。 当你听到“柔和”一词，想到的可能是淡粉色、淡蓝色、淡黄色，不过这种配色远不止这些颜色。柔和并不一定要感觉像新生儿一样。通过某些适当的方式，配合其他元素，这些色调也可以相当鲜明。 下面我们从优秀的案例网站出发，了解10种在网页设计中运用柔和色调的方法。 柔和的照片 照片上的柔和遮罩层，或是在恰当的光照环境中拍摄的照片，可以成为精妙绝伦的网站背景。照片的色调越淡雅，设计师就有越多的区域可以放置其他元素。 使用柔和的照片同样有助于与其他元素产生反差，比如logo或按钮。请注意Solasie的logo与柔和色调的照片搭配得多么完美。这种思想也能突出幽灵按钮。 柔和的背景色 柔和的背景色是个好主意，使用多种颜色却不会咄咄逼人。由于柔和色调更加淡雅，画布上可以使用更大面积的颜色，却不会感觉太强烈。 处理柔和背景色的一个常见的趋势，就是像Dear Mum这样，使用单色调的配色方案，对一种颜色进行深浅变化。单色调能够与白色的文字元素产生美妙的视觉对比。搭配合适的字体，这种技巧也能打造时髦的现代感。 鲜明的柔和色 尽管你通常不会把“鲜明”和“柔和”相提并论，这类配色可以帮你创造出大胆的设计。因为柔和色容易退居幕后，所以如果你要在它附近有所动作，这是非常棒的选择。 Marie Catrib

搭建一个网站，虽然布局第一、颜色其次。但颜色的搭配在用户视觉体验中确实最重要的元素。网页的色彩也是树立网站形象的关键之一。作为一个优秀、专业的网页设计师，首先要了解各种颜色的象征，以及不同类型网站常用的色彩搭配。色彩搭配看似复杂,但并不神秘。一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅。色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。 颜色搭配常识： 1.网页中色彩的表达使用三种颜色，及红(R)、绿(G)、蓝(B)，及通常所说的RGB色彩，它包含了人类所感知的所有颜色，网页中表达颜色如下（红色为例）RGB格式：红色是(255,0,0) 或十六进制hex格式为(FF0000)。 2.将色彩按"红->黄->绿->蓝->红"依次过度渐变可得到12色环：红，橙红，橙，橙黄，黄，黄绿，绿，蓝绿，蓝，蓝紫，紫，紫红。 3.颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外的所有色彩。通常内容文字用非彩色(黑色)，边框，背景，图片用彩色。所以即使页面丰富，看内容依然不会眼花,通常背景与内容对比要大。 色彩的心理感觉 红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。 绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。 它和金黄，淡白搭配

我们在后台了解到大家总是会为配色烦恼，所以为大家搜罗来一些好看、好玩又好用的配色网站。总有一款能够帮到你！ 网站超级多，于是给它们分了八大门派，大家可以挑选自己喜好的门派进行修炼啦！ 推文导读 随性派：处处感受随机的惊喜 灵感派：时时积累设计师的灵感 渐变派：美轮美奂的渐变海洋 美图派：有了美图就有了色彩 文艺派：文艺古典的全套配色 原理派：理性直达专业配色 嗟来派：简单粗暴的给你配色 推荐派：墙裂安利给你的配色神器 1. 随性派 Palettable http://www.palettable.io 这个网站可以说是随性派的代表，在进入网页时，网站会随机推荐颜色，你只需要选择喜欢（Like）或不喜欢(Dislike)。万千颜色随君挑选，留下的都是你喜欢的颜色，是不是很爽呢？ Coolors https://coolors.co/ 进入网站后，每按一次空格键都可以随机生成配色方案，尽情享受随机的乐趣。也可以固定主色调后随机生成辅助配色。 网站还有上千种现成的配色方案，供你参考。 Peculiar https://picular.co/ 这是一款根据关键词推荐颜色的网站。 小编试着输入关键词，无论是心情、颜色、物品，网站都会扔给你一堆颜色色块。每个色块左下角是Hex色码。点选Hex色码后会自动复制到剪贴板。就可以愉快的去使用了。 这是网站给【一宏派】推荐的颜色，大家觉得符合我们气质吗

每次做海报做ppt的时候总是为配色发愁 到底怎样才能调出好看的配色方案呢 调着调着感觉自己已经是个色盲了 今天小编就给你们带来了福利 12个超好用的配色网站推荐！ 01 Material Palette 网站地址：http://www.materialpalette.com/ Material Palette是一款提供Material Design配色的线上工具，它的用法很简单，你只要找出想要搭配的两种颜色，它就会显示出两种颜色搭配在一起的效果预览，并提供你较深或较浅的颜色选项，以及其他你可能会用到的颜色代码。 02 New Flat UI Color Picker 网站地址：http://www.flatuicolorpicker.com/ New Flat UI Color Picker提供最好的扁平化UI设计配色方案，右上角有多种主色可供选择。 03 Flat UI Colors 网站地址：http://flatuicolors.com/ Flat UI Colors采集了扁平化设计中最受欢迎的色彩，可以吸取复制任何你看中的色彩。可以通过选择相似的色调和饱和度，来达到快速配色。还可以免费选择和下载色值到本地。 04 Coolors 网站地址：http://coolors.co/ Coolors是一个可以让你简单快速地选色生成工具，为你找出配色的灵感

当我们讨论色彩的时候，聊的更多的是色彩的搭配。虽然有些设计师认为有些色彩是一些纯粹的美学上的选择，但是实际上，色彩对于用户的心理和行为的影响相对更深，最终会反映在用户体验和行为反馈上。 经过深思熟虑的配色最终会从「不错」提升到「优秀」，平庸的配色最终会降低用户体验，甚至会影响网站本身的可用性。 当然，色彩理论是一个相对复杂的主题。从用户体验的角度上来说，色彩所涉及到的远不是配色方案这一个维度。通常，我们聊得最多的是不同色彩所产生的心理效应，以及多色彩搭配的时，相互之间的影响和可访问性上的问题。 从掌握色彩的基础特征，到了解色彩背后的用户心理特征，接下来就可以逐步过渡到最有价值的部分：通过意想不到的搭配营造对比，使用协调的组合让人愉悦，以及让特定色彩最大化地发挥价值，达成设计目的。 虽然 蓝/白/灰 三色的搭配有点过度使用，但是这三种颜色确实是非常实用的搭配，在金融行业的应用非常普遍，因为其中蓝色通常和「忠诚、信任」有紧密的关联。 1、色彩心理学和用户体验紧密关联 我们其实没少讨论色彩心理学上的问题，不过这本身并不是一个浅显的问题，色彩的心理影响是一个主观且复杂的话题。不过，能够利用好色彩心理学的知识，能够解决更普遍的设计问题。 通常， 配色方案 会将色彩数量控制在3到4种，每种颜色单独的特征和隐喻都非常容易理解，但是搭配起来则没那么简单。设计师通过学习基础的色彩心理学