wordpress静态方案
Are you having a hard time deciding on your website’s color scheme? Choosing the right color combination not only increases your site’s visual appeal, but it can also generate favorable response from your visitors in terms of sales and conversions. In this article, we will show you how to choose a perfect color scheme for your WordPress site by understanding the psychology of colors and using one of 4 amazing resources.
您在决定网站的配色方案时遇到困难吗? 选择正确的颜色组合不仅可以提高网站的视觉吸引力,而且还可以在访问者的销售和转化方面产生良好的响应。 在本文中,我们将向您展示如何通过了解颜色的心理并使用4种惊人的资源之一为您的WordPress网站选择理想的配色方案。
色彩心理学 (Psychology of Colors)
It is a well researched theory that colors can affect human responses. Colors have an emotional pull on our decisions and choices we make in our everyday life.
色彩会影响人的React,这是一个经过充分研究的理论。 颜色对我们在日常生活中做出的决定和选择具有情感上的吸引力。
Large corporations spend millions of dollars building a well crafted brand image and identity for their products. They hire experts to pick just the perfect combination of colors for their brands and products.
大型公司花费数百万美元来建立精心制作的产品品牌和形象。 他们聘请专家为其品牌和产品选择完美的色彩组合。
The colors you use on your site are part of your brand image. You need to choose colors that generate a favorable emotional response for your brand and products.
您在网站上使用的颜色是品牌形象的一部分。 您需要选择能够为您的品牌和产品带来良好情感React的颜色。
So how do you figure out which colors and what kind of response you are looking for?
那么,您如何确定所需的颜色和响应方式呢?
Lucky for you, marketers and psychologists have done plenty of research already. Take a look at this infographic:
幸运的是,营销人员和心理学家已经进行了大量研究。 看一下这个信息图:
- Red: is the color of youth and joy. It reflects boldness and confidence. 红色:是青春和欢乐的颜色。 它反映了大胆和自信。
- Green: Creates a soothing calming effect, it evokes a peaceful, progressive, and calm emotional response. 绿色:产生舒缓的镇定效果,唤起和平,渐进和镇定的情绪React。
- Blue: It reflects trust, strength, reliability. 蓝色:反映信任,力量,可靠性。
- Black: Black generates a sophisticated, solid, secure emotional response. 黑色:黑色会产生复杂,牢固,安全的情绪React。
- White: Clarity and simplicity are the two major effects of White. 白色:清晰和简单是白色的两个主要作用。
- Yellow: Yellow is the color of optimism, warmth, friendliness. 黄色:黄色是乐观,温暖,友善的颜色。
- Orange: Orange creates a fun, friendly, confidence, and cheerful effect. 橙色:橙色可创造有趣,友好,自信和开朗的效果。
- Pink: Sensuality,femininity, romance, and love are the emotions associated with Pink. 粉红:淫荡,女性气质,浪漫和爱是与粉红相关的情感。
其他要考虑的事情 (Other Things to Consider)
This goes without saying that colors need context to work the way you want them to work. Your brand or product may already have certain associations that may or may not work with the colors you are choosing.
不用说,颜色需要上下文才能按照您希望的方式工作。 您的品牌或产品可能已经具有某些关联,这些关联可能会或可能不会与您选择的颜色一起使用。
Here are a few things you should consider before picking up a color scheme for your site:
在为您的网站选择配色方案之前,应考虑以下几点:
First, you need to consider the existing brand image. If you already have a logo and other marketing materials, then you may want to use the existing colors.
首先,您需要考虑现有的品牌形象。 如果您已经有徽标和其他营销材料,则可能要使用现有的颜色。
You also need to consider which colors will look good on the web. Things that look great on print can look quite different on screen. Think about other media like sliders, videos, images, call to action buttons, etc that you will be adding to your site. Think about what colors you will be using the most.
您还需要考虑哪些颜色在网络上看起来不错。 在屏幕上看起来不错的东西在屏幕上看起来可能完全不同。 考虑将要添加到站点的其他媒体,例如滑块,视频,图像,号召性用语等。 考虑一下您将使用最多的颜色。
影片教学 (Video Tutorial)
演示地址
If you don’t like the video or need more instructions, then continue reading.
如果您不喜欢该视频或需要更多说明,请继续阅读。
创建配色方案 (Creating a Color Scheme)
Hopefully, by now you have figured out the appropriate colors for your website with the psychology of colors in mind. We recommend you to choose at least two colors that articulately represent your brand, and the response you want to get from users.
希望到现在为止,您已经牢记颜色的心理,为您的网站找到了合适的颜色。 我们建议您至少选择两种能清楚地代表您的品牌的颜色,以及您希望从用户那里得到的回应。
Once you have those colors, there are several online tools that you can use to generate an unlimited number of color palettes.
一旦有了这些颜色,便可以使用几种在线工具来生成无限数量的调色板。
1. Adobe Color CC (1. Adobe Color CC)
Formerly known as Kuler, Adobe Color CC is a great tool to generate color palettes. You can select color rules, and then spin the wheel. You can manually adjust each color in the palette and rest of the colors will be automatically adjusted to match the color rule. You can also generate color palettes by uploading photos.
Adobe Color CC(以前称为Kuler)是生成调色板的出色工具。 您可以选择颜色规则,然后旋转滚轮。 您可以手动调整调色板中的每种颜色,其余的颜色将自动进行调整以匹配颜色规则。 您还可以通过上传照片来生成调色板。
2.由COLORLovers制作的Photocopa (2. Photocopa by COLORLovers)
Colorlovers is one of the most popular destinations for color inspiration and ideas. They have some great tools to generate color schemes. One of them is PhotoCopa which allows you to generate a color scheme from photos. You can also use their basic tool which generates colors combinations by simply selecting a color.
Colorlovers是色彩灵感和创意最受欢迎的目的地之一。 他们有一些很棒的工具可以生成配色方案。 其中之一是PhotoCopa,可让您根据照片生成配色方案。 您还可以使用其基本工具,只需选择一种颜色即可生成颜色组合。
3.物料面板 (3. Material Palette)
Inspired by Google’s Material Design concept, Material Palette allows you to generate color schemes using the design rules. It is designed to inspire color schemes to be used in mobile apps but these color schemes can easily be used for websites as well.
受Google材料设计概念的启发,材料调色板允许您使用设计规则生成配色方案。 它旨在激发在移动应用中使用的配色方案,但这些配色方案也可以轻松地用于网站。
4. Coolors.co (4. Coolors.co)
Coolors is a wonderful color scheme generator. Simply hit the space bar to generate color schemes. You can modify a color in the scheme manually and lock it down. You can also download color schemes to use in your projects later.
Coolors是一款出色的配色方案生成器。 只需按空格键即可生成配色方案。 您可以在方案中手动修改颜色并将其锁定。 您还可以下载配色方案,以便以后在项目中使用。
We hope this article helped you choose the perfect color scheme for your WordPress site. You may want to look at our article on how to easily customize WordPress with CSS Hero.
我们希望本文能帮助您为WordPress网站选择理想的配色方案。 您可能想看一下我们的文章,该文章如何使用CSS Hero轻松自定义WordPress 。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
如果您喜欢这篇文章,请订阅我们的YouTube频道 WordPress视频教程。 您也可以在Twitter和Facebook上找到我们。
Infographic by The Logo Company
徽标公司提供的信息图
翻译自: https://www.wpbeginner.com/beginners-guide/how-to-choose-a-perfect-color-scheme-for-your-wordpress-site/
wordpress静态方案