如何获得一个专业的网站前台配色

Tips：本文由广州网站建设-凯旋网络工作室通过google在线翻译，转载自国外站点，可能语序不怎么通顺，请见谅。
----------------------------------------------------

是什么让一个设计研究协调，规划和专业？ 答案是：’颜色’。
不是每个项目需要平淡的企业蓝色看起来很专业。 规划颜色意味着建立一个框架，描述的颜色使用和如何使用它们。
色彩是slipperiest设计元素。“良好”的颜色是紧密相连，例如个人品味和直觉，以及诸如对比度和屏幕校正技术方面的考虑难以捉摸的东西。
但颜色是非常重要的内容 。 如果你认为一个网站足够重要炼油花费时间，那么读者可能会认为必须花足够的时间阅读。 良好的色彩选择实现这一目标。
在本文中，我们将审查一些技术 ， 以实现您的网页设计美丽的颜色palletes。
最好的方法，使研究计划外的一个网站是随机选择的颜色。
即使旅客脱脂首次网站的主页， 颜色影响他们对内容的态度 。 这个网站是令人兴奋？ 好兆头？ 勇敢？ 布兰德？ 政治？ 正式？
颜色影响人们如何解释他们所看到的多达排版。
找到合适的颜色是不容易的，但这个过程可以系统化。
良好的设计战略是一种配色方案 （即选择的颜色范围进行交流的心情或信息），而该计划的安排。
比方说，你被要求设计一个专业网站。 （而这很可能变成一个喝酒游戏：以一杆每次客户端使用单词“专业”，“干净”或“现代的。”这样的其他网站两杆的“我。复制它。”）。
配色方案将取决于网站的特殊性质。 例如，银行，花店可以有专业水准的网站。
但是，人们可能会不太愿意购买一个网站，是企业和海洋花蓝灰色。 和想象美国银行网站在丁香和黄绿色。
“专业”的设计告诉他们已经找到了一个网站，其主题认真考虑，即使游客的主题是轻松的。 无论色彩和价值观，“专业”是指协调，计划和思考 。
转到灰度
最好的方法与颜色开始与无。
除去设计色彩显示，之前应该担心的是工程的黄绿色色调最好的解决根本问题。 如果设计不觉得正确的黑色和白色，然后是时候作出改变。
每一页是否有明确的目的？ 是否通过设计的内容引导读者？ 引人注目的是内容，激发或信息？ 标题是明确的？ 不要与其他文本链接对比？ 彩色改善这些影响，但在布局，类型和组织问题不能用颜色来解决 。
做一个设计，出彩第一吸吮。 的洗衣机进行了简单的行为饱和初选真正体现在一个网站立场。 （其实，你真的要重新开始重新设计，评估你的目标和内容，但这是另一回事。）
有时 ， 消除颜色本身就是一个解决办法 。
我曾经与Web设计公司重新设计自己的网站。 业主分别对这个项目的个人和渴望得到它的权利。 但如果你认为自己是很难的设计，试做的委员会研究。 到年底，我们3人盯着一个屏幕第九草案经过几个饮料小时。
蓦地，我轻轻Photoshop图层，然后按“去色”变成了灰色阴影的充满活力的铜和-海军设计。 令人惊奇的，它的工作。
到了周末，我们有一个“温暖”红色口音灰色设计。 我们知道我们有一个胜利者老顾客时，称赞他们的新面貌，更需要来自潜在客户英寸
分析与Photoshop的“斜视的配色方案”的测试 ：
考虑到至少有三个从您的网页截图。 在Photoshop中打开它们。
重复每个屏幕背景层在Mac上，或控制 （ 层→复制图层 ， 或 Command + ĵ +在Windows J）条。
适用于高斯模糊约10像素的新层次。
转到图像→调整→色调分离 。 使用8至12级， 或到→筛选→Pixellate马赛克 。 使用15到30像素。
这表明它的颜色是真正的主导。 更主要的颜色，更严重的计划是印在旅客的心。
一旦网站的布局和组织工作没有颜色，是时候选择一个调色板。 但哪一个？ 又有多少使用？
对齐您的色相
颜色有三个属性： 色调，饱和度和价值 （有时称为轻）。
饱和度是如何丰富，色调是：霓虹灯色彩很饱和，而粉彩较少饱和。
值表示多么的光明（即如何接近黑色或白色）的颜色。
色相指的是彩虹的颜色属，如红色或绿色的一部分，它是人民的财产，就行了。
没有这样一个发生冲突死亡色调配色方案。 一个设计可以有一个100色彩色调，从柔和的霓虹，仍然看计划。 但如果色彩混合错误的方式，该计划就会陷入四分五裂。
一种方法避免发生冲突的色彩是由分隔三分之一的图像。 阿缓冲黑色，灰色或白色，是最安全的，因为灰度色调是中性的：你可以协调的任何部分与彩虹黑色，白色和灰色。
第二个办法是使用不同比例的色调 。 如果有一种配色方案，例如，紫色和棕色，然后设计可以有几个突出了明亮的紫褐色许多色彩。
另一种方法是不同的价值观。 纯蓝色，明亮的蓝绿色作马马虎虎组合，但深蓝色（海军）和浅青色（天蓝色）对比足够的，对方了。 红色和紫色可以是不同的，没有必要的冲突，但足够接近故意不看。 淡红色（粉红色）和深紫色带来的区别。
不幸的是，避免坏的色彩组合是不一样一个很好的选择同样的事情。 阿配色方案成功不是当你感到满意，但是当你的听众感到舒适。
探索大计
伟大在哪里配色方案从何而来？ 随着颜色和组合数十万，你如何确定？
小型静态网站设计者应吸取的内容的颜色 。 这通常意味着照片。
在设计一个8页的网站，我最近建立了脚手架是对一个蓝的天空一个精心设置的金属突破。 设置Photoshop的滴管工具5 × 5平均来看，我品尝了最黑暗，最轻的天空，给部分补充工具栏，链接，标题和页脚的少数色调。
当客户问，我们如何能够设计一个网站这么好，和如此迅速，我们的回答是，“这是我们做什么。”但颜色已经摆在那里。 我不得不期待。
虽然相片快速网站工程， 规模更大 ， 更动态网站的设计应征求他们的观众的灵感 。
一个很好的指标，其中的颜色有吸引力的听众是他们的日常服装。 找出您的访客穿，你就会知道什么颜色让他们舒服。 如果您的网站的内容，也就是说，体育联赛，发现人们穿的游戏，而不是他们的日常工作。
如果你幸运地获得你的目标受众的照片，认为他们集体，你想要一个人群的平均水平 。 但是，如果没有照片，购物。
服装设计谁可以留在企业的每个情绪和生活方式出色的色彩感。 它没有被第五大道高级时装。 一个“野营商店谷歌搜索”，“婴儿用品”，“滑雪及泳装”和“休闲生活”，就会发现很多很好的色彩组合。
人们穿的衣服根据人们的口味。 如果您使用自己喜欢的颜色，他们就会感到更舒适在您的网站。
使用纹理
在色调，饱和度或轻微的变化创造价值的纹理 。
单色纹理（即只有一个纹理色彩）和模式提供了微妙的层面，大多数网站，不发生冲突。
简单纹理背景，特别是很容易建立：
采取室内装饰墙照片，或者是裸露的东西，但感觉粗糙。
在Photoshop中打开它。
复制背景层，并称之为“纹理1。”
填充从你的配色方案的颜色背景层。
设置“纹理1”图层的混合模式“，”软光“，其不透明度为30％。
试用它在您的网站。 如果不看的权利，同层的透明度发挥。
层的名称是经过深思熟虑的。 你可能会玩弄多张照片，但要避免让像“墙纹理”或“纸纹理层的名字。”你希望把重点放在您网站上的效果，而它是从哪里来的。
创建一个良好的计划
一个很好的配色方案具有一定的特点。 你可以把它作为一个框架或指引，以保持设计一致。 该计划应：
清单4时58色调能很好的共存，
描述多远设计可以不同的色彩，
为每一个账户色调深浅，
工作以及对黑人和白人。
下面是一个例子：
设计师大多开始选择暖色调的感觉权利。 没有逻辑，仅仅是“秋”和她的直觉模糊的目标。
在Photoshop中，两个层次提供了黑白色调。 每一层的混合模式设置为“柔光”。纯黑色太黑暗的权利最颜色，所以黑色层的透明度进行了调整。
统一的颜色，一个新层创建和纯红色填充。 它的混合模式设置为“颜色”，其不透明度降低到40％左右。 （注：层数的顺序是非常重要的。颜色就会发生变化的“色彩”层低于黑相间的层设置。）
这使设计人员15种颜色可供选择。 她拿起了四项的色调和色调范围。 在这里，颜色有白色抵销。
变化是重要的，所以设计实验。 什么颜色的样子对黑人？ 会发生什么，如果我们树荫略为？
如果我们完全改变了他们？ 使用图像→调整→色相/关于“色彩”层饱和度创建一个明显非秋天的感觉，但颜色依然协调。 也许这调色板可用于复活节。
最终的结果是一个配色方案：1引用，提供不同的（但也差不太多），色调和色彩范围，很好地协同工作。 下载示例文件。
使用框架
明天的图形，照片和图标的工作，今天的配色方案？ 什么图像将在6天的网站的需要，6个星期或6个月？ 这很难说，但内容是你的配色方案的一部分 。
你可以解决您的图像可以使遵循配色方案或使配色方案按照您的图片这个问题。
即使执行相片的配色方案，是一个伟大的方式实现统一的外观的所有页面 。
最简单的方法是找到适合你的图片的计划。 请记住，配色方案允许回旋余地：只要一个形象的主要色调适合，图像应工作。 许多照片网站，让您的彩色搜索（意思色调：如红，绿，蓝，通常初选）。
如果图像不适合您的颜色方案，给它一个色彩：
在Photoshop中打开图像。
创建一个新层。 它的混合模式设置为“颜色。”
填写与您的调色板的颜色之一层，最好是一个最接近的图像。
设置颜色层的不透明度为50％。
与不透明播放，直到你得到一个与图片的原始色彩和网站的调色板良好的平衡。
这种技术为基础的工程照片，插图和图标，任何像素。 （如果您没有自己的形象，一定要改变它之前获得批准。您可能会提高其在您的网站外观，但你仍与别人的自由的艺术。）
展望专业
没有一套颜色看起来“专业”的本身。 相反，你必须遵循一个进程，达到协调，有计划的感觉。
无论是什么网站的内容，观众会知道自己需要认真对待。
提示
当你认为你有很好的配色方案，尝试至少一个星期出来。 评价色彩要求的直觉，即随着时间的推移基础。 给自己时间充分吸收计划的个性。
当你认为你有很好的配色方案，不要让变坏。 您的旅客口味，喜欢你的，随时间变化。 请记审查后4个月的颜色。 接着问，他们是否仍然恰当？ 如果没有，发生了什么变化？ 什么因素会影响你的调整？
爱惜亮丽的色彩。 闪光的东西会吸引游客有飞溅，但如果他们看到它无处不在，他们会五○。
一些人认为配色方案有一个狭窄的范围。 有一定的宽限，让您的设计添加了深度。
避免如红，绿，蓝，黄纯初选。 给他们一个真正的性格色彩：红色，但稍微紫色，绿色与蓝色的接触，“暖”黄色，橙色色彩。
确保您的工作时，颜色消失。 如果您选择红色，请注意淡红色，可女性和暗红色可以看起来像生锈或血液。 黄线由消失阳光，深褐色。 深蓝色是神秘的，淡蓝色的宁静，或电动如果你oversaturate它。
 Mac用户，请将您的屏幕。 转到“系统预置”，点击“普及。”您的显示器设置为“使用灰度。”这也是当您在方便的黑色电影的心情很来。
不管如何积极您希望您的网站的感觉，使用中性的背景。 黑，白，灰与几乎每一个色调好。
如果你想小的文本（比如，14分或更少），能够满足大视场的颜色，使比正常的文本数色调较暗。 这将抵消内的字符光柜台。
使用更少的色彩更多阴影。
什么“好看”的直观。 但是直觉是一种自我之间的战斗，你的听众的眼角和资助该项目的人的权威。
使用静音背景，使内容突出：