A website is basically a marketing tool, representing the companies, products and services it is also a reflection of the companies personality, ideologies and philosophies. It is definitely a heavy burden to carry for a mere website, but it dose. Huge corporations spend millions of dollars to determine the perfect color for the branding and packaging of their product. This is due to the fact that the perfect blend of colors increases the profitability of their product. The same rule applies to the designing of your website.

 

网站不光是基本的营销工具，还象征着公司，产品以及其服务，它还可以反映公司的个性，意识形态以及哲学理念。这对于纯粹的网站来说有点负担沉重，但 事实如此。大型公司往往会花费数百万美圆来决定在他们的产品包装上使用哪种颜色的商标。事实上这正是由于理想的混合色可以提高他们产品的收益率。在你所设 计的网站上也有着相同的准则。

Color impacts your user on many psychological and physiological levels. Your site’s color scheme can have a dramatic impact, either positive or negative on your potential success. Color is an important element of website designing. In Website designing of color is as critical as the design of graphics and layout.

颜色将对你的用户在心理和生理上产生不同程度的影响。你网站所使用的颜色排布会产生戏剧性地效果，对你的潜在成功产生正面或负面的影响。在网站的设计过程中颜色是重要的元素之一。在网站的设计过程中颜色是图形设计和布局设计中的重点。

 

Color and its Effects on Website Designing
颜色以及它对网站设计的影响

Once a visitor has come to your site you have around 8 to 10 seconds to visually appeal to the user and turn them into customers. Since Color affects our feeling, perceptions, and interactions, you can use colors to feel a user feel welcome, comfortable, relaxed, and secure. Before choosing the colors of your website it is important to get a basic understanding of color and its effects.

一旦有访问者光临你的站点，你有大约8到10秒的时间在视觉上吸引用户然后将他们转而成为客户群。因为颜色可以影响我们的情绪，感觉以及交感，你可 以通过颜色让用户感觉到受欢迎的，舒适的，放松的以及安全的。在为你的网站选择用色之前来了解一些基本的颜色以及其所能带来的效果。

Warm colors
暖色

Warm colors are based on yellows, oranges, browns, yellow-greens, and orange-reds, colors. Warm colors have a tendency to be aggressive and exciting, so it’s best to apply them in small doses. Intermediary colors Purples and greens are intermediary colors that are either warm or cool, depending on amount of red or yellow they have in ratio to blue. If the color contains less blue then it is leaning towards a warm hue, and if it has more blue then it is more towards the cool side.

暖色基于黄色，橘色，褐色，黄绿色，以及橘红色。暖色趋向于强烈的以及兴奋的，因此这些颜色最好是少量使用。嫣红和绿色这些中性色在暖或冷调上则取决于在蓝色里红色或黄色所占有的比例。如果蓝色的比例比较少则偏向暖调，反则偏向冷调。

Cool colors
冷色

Cool colors are based on blues, greens, pinks, purples, blue-greens, magentas, and blue-reds. Cool colors tend to be soothing, calming colors and can be used in large amounts.

冷色基于蓝色，绿色，粉红，嫣红，姹紫，蓝绿，红紫，以及蓝红。冷色趋向于镇静，沉着，这类颜色可以大量使用。

Neutral Colors
中性色

Neutral Colors include white, black, gray and colors that contain a large amount of gray. Neutral colors are great for back-grounds and for enhancing the effect of warm colors.

中性色包括白色，黑色，灰色以及深灰。中性色在应用在背景色时可以增强暖色的效果。

Multi-color
多色

Multi-colored sites have the lowest visitation time, as a combination of warm and cool colors confuses the user. It will often make the site seem cluttered and ambiguous. So it is best to choose a couple of colors and stick to them.

五彩斑斓的网站往往是访问时间最短的，因为暖色和冷色的交叉使用会让用户变的迷茫。这会让网站显得混乱。因此最好是使用固定的几组颜色来配套使用他们。

Color Harmony
协调颜色

Too much color can be disturbing and chaotic, whereas too little can be boring. It is best to use a balance. So it’s best to Use only a few different colors on a page. Avoid using an excessive amount of colors, blend and use warm and cool colors.

太多的颜色会让人烦扰，混乱，然而用色太少会让人感觉厌烦。最好平衡使用颜色。因此最好在页面上只有少量不同的颜色。避免使用过多的颜色，以及混合使用冷色和暖色。

Computer Color Display
计算机的颜色显示

Computer monitors display colors using different amounts of red, green, and blue, these are called RGB color. This is an additive form of color, because red, green, and blue light in equal amounts “add” up to white light. All other colors are formed on screen by mixing the amounts of the RGB color. Since RGB color is completely different from the way colors are set in print, it has to be used differently.

计算机显示器显示的颜色使用不同量的红，绿，蓝，这称为RGB颜色。这是颜色的附加形态，因为红色，绿色和蓝色光在同等数额的”补充”上升到白光。所有其他颜色形成屏幕上混数额的RGB色。因为RGB是一种完全不同于印刷行业的用色，所以它在使用上也必须有所区分。

Web Color
WEB 色

A common problem on the web is that color often does not reproduce correctly in Websites. The reason is related to bit-depth, a color may be beyond the range of the viewing display setting. Alternative colors may be reproduced, or color shifting may happen. Even if a visitor’s system is capable of displaying a color, technical features like hardware age to Gamma control may cause color distortion. Such problems not only cause aesthetic problems but ay also result in visitor retention issues. Given today’s technology, color management in the Web can be taxing. Browser-safe palette The browser-safe palette of 216 colors gives consistent and conventional results across the Mac OS, UNIX, and Windows platforms. Even though computers today can render millions of colors, you should use browser-safe palette if you think your website will be viewed from a 256 color computer, which can be the general case. It’ll be more effective if you limit the color palette to 2 or 3 major colors with shade variations, as it is visually more appealing. Plus limited colors means smaller file sizes and faster loading.

在WEB上有个普遍的问题，这就是网站上的颜色经常不能够准确的显示。原因涉及颜色的深度，颜色可能会超出显示器所能显示的范围。这时候就可能换用 可显示的颜色，或者就直接忽略。即使访问者的系统可以显示颜色，由于技术上的原因，比如硬件老化导致Gamma控制偏差使得颜色失真。这类问题不仅造成审 美问题，还会影响到访问者的逗留。以目前的技术，显示器虽然可以呈现数以百万计的颜色，我们还是应该使用浏览器安全色，这216种颜色可以在Mac OS，UNIX以及Windows上显示一致，而且可以确保那些256色的计算机也可以正常访问，而且使用安全色的图片可以大大减少文件所需要的空间大 小，可以让网页加载速度更快。
（原文中说只要颜色少就可以减少文件大小，本人认为所指的是图片文件）

Text Colors
文字颜色

Be exceptionally careful when setting text and background colors, Readability must be preserved at all costs. If the text is light colored then the background has to be dark and vice a versa. White and black always make a good combination, and red and blue are useful for highlighting. Try to avoid using the combination of black as a back ground with warm color text, as it might be great clarity wise but has a tendency to make visitors nauseous.

需要在设定文字以及其背景颜色时格外的注意，必须做到易读性。如果文字是亮色的，那么背景就必须为暗色，反之亦然。黑白是很好的组合，红色和蓝色在高亮处理方面也是有用的。要避免使用黑色背景搭配暖色文字，虽然这样可以做到分明但有让访问者感觉厌烦的趋势（太刺眼）。

Colors are a powerful tool, it’s the first! The first impression of your site, so keep in mind the above points when deciding on the color scheme of your site.

颜色是有力的工具，它是首位考虑，你网站的第一印象，因此在规划网站为用色做出决定之前要考虑上面所提到的几点。

评论 (0) All

登陆 | 还没注册？