福建做网站:如何为WordPress站点选择正确的UI设计颜色

2019.04.29 |
标签

这些天你多久听说一次UI设计颜色?除非你是在和UI设计人员交谈,不经常。浏览一个成功的WordPress网站,你会看到不同的颜色传达品牌的信息,传达网站的结构,改善对象识别,并提供大量的其他好处。

福建做网站在WordPress UI设计中,选择合适的颜色是实现视觉一致性的重要因素。例如,使用浅色作为导航菜单,使用明亮的颜色作为背景可能会使访问者难以阅读菜单项。此外,颜色与低价值对比可以使它的挑战色盲的人在你的网站上的图像和文字。

研究通过用户测试发现,男性和女性更喜欢亮或暗颜色的网站,而具有白色/极小界面的网站的评分最低。结果表明,颜色可以对网站访问者产生影响。

福建做网站

铁纸的另一项研究发现色彩使网站识别率提高了80%。颜色较轻的站点增长1.3%,而深色方案的站点增长2%。

为WordPress站点选择正确的UI设计颜色

当WordPress用户集成UI设计颜色时,结果会出现在后端以及管理用户面板上。以下是如何为WordPress站点选择正确的UI颜色:

1。了解你的人口学

通过WordPress站点了解访问者的数量,是选择UI设计颜色的一个重要组成部分。例如,如果你的目标受众是千禧一代,那么你的配色方案应该不同于目标受众是女性的网站。

理解色彩心理学将使您能够选择一个或两个颜色是与您的目标受众和符合您的网站的目的。例如,如果WordPress网站以男性为主要受众,UI设计的颜色应该包括灰色、白色、黑色或蓝色。避免黄、紫、粉、橙等颜色。

福建做网站

看看Primer的网站。黑色从网站上的其他颜色中脱颖而出。背景主要利用颜色灰色。

Color Theory WordPress UI

相比之下,全球第一配偶使用蓝色来迎合女性观众。蓝色是两性都喜欢的颜色。KISS指标一项调查显示,蓝色是女性最喜欢的颜色(35%),其次是紫色(23%)和绿色(14%)。

2。理解色彩理论来选择正确的颜色

色彩理论可以帮助你理解不同颜色的影响。聚在一起出于某种原因。换句话说,它代表了色彩之间的相互作用,通过振动和对比。颜色理论中的一个类别是颜色轮,它使您能够为WordPress站点选择UI设计颜色。以下是一些可供您使用的配色方案选项。

Color Wheel UI design colors

  • 类似计划:

    这种颜色可以使眼睛光滑,在自然界中是可见的,构成了这一色彩方案。该配色方案适用于想要显示平静图像的WordPress站点。通过添加一点对比,它可以照亮你的UI的外观。
  • 单色方案:

    此方案涉及基色和其他颜色,这些颜色是基色的阴影。它将适合在一个摄影网站,因为它的工作,增加一个颜色覆盖。而且因为它本身没有引起人们的注意,所以它可以用来简化你的内容。

Monochromatic web design

这个网站的UI设计色彩整合了一个带有橙色口音的深色背景。单色方案可以很好地显示运动能力和肾上腺素的感觉。

  • 三进计划:

    该颜色方案用于实现WordPress网页设计的清洁美学和对比。该配色方案有三种铅色,并有大量相反的颜色。该三进配色方案工作良好,超过生动的颜色,并实现了一个充满活力的外观。

3。看看对比是什么样子

来访者低视力需要能够导航您的网站,所以重要的是,您应该在UI中包含足够的对比度,特别是在背景元素和前端元素之间。您可以与您的UI设计颜色进行对比,以查看最终结果。以下是一些关于如何做到这一点的建议:

颜色饱和度和对比度:颜色饱和度是指颜色的强度。一种100%饱和的颜色是它最明亮、最纯净的颜色。在WordPress的网页设计中,使用静音或明亮的颜色可以创建一个低或高对比度的好方法。明亮的颜色被用来吸引游客的注意力,当用来对付黑色的时候。

Contrast design

福建做网站这个网站的UI设计颜色展示对比饱和度水平,得到注意。色彩与静音的饱和度相结合,创造了一个柔和的前景,水彩效果进一步强调了这一点。

颜色值和对比度:颜色值是一种颜色的黑暗或明暗。100%白色和100%黑色是常用的对比值。然而,您可以发挥更深和更轻的颜色,以突出强调您的设计的某些元素,同时添加对比。

福建做网站

该网站的UI设计有一个明亮的背景,黑色文本。对比价值-紫色和明亮的白色字体-使铅声明更容易阅读。

色温对比:颜色可以根据它们的温度分为几类:中性的,温暖的,凉爽的。蓝色和绿色是凉爽的,而橙色、红色和黄色则被认为是温暖的。棕色、灰色、白色和黑色属于中性类别。您可以很容易地创建一个对比,我的混合温度在UI设计的颜色。

color scheme WordPress tips

Dexcom的网站设计与绿色和黑色的冷色调形成鲜明对比。其主要形象和行动呼吁,因此,脱颖而出。此外,由于主颜色属于凉爽的类别,与黑色和浅色背景的组合给它一个有凝聚力的外观。

根据网站设计中使用的饱和量、值或温度,您可以实现正确的对比,以增加您的网站的吸引力。

4。使用帮助工具

福建做网站不同的颜色组合和暗示的色调和颜色将唤起不同的感受,在游客的脑海中。选择正确的UI设计颜色的最佳方法是生成许多颜色方案,然后与您的品牌的使命声明有很强的联系。以下工具将帮助您生成不同的配色方案,并为您的网站选择正确的UI设计颜色:

  • COLOURENS

    它给你的不仅仅是搜索调色板的选项。你也可以阅读有趣的话题,并与其他人一起参与有关颜色的讨论。COLOURLEVER还有一个名为PhotoCopa的工具,它可以用于从图像生成配色方案。
  • 材料调色板

    在线调色板生成器是由谷歌为材料设计创建的。用户只需选择2种颜色,然后就可以使用调色板了。颜色被识别为主色、光主色、暗主色、分隔符、重音、主文本、辅助文本和文本/图标。其中一种颜色可以关闭,以消除对比。
  • Adobe颜色CC:

    先前被称为AdobeKuler的Adobe改名产品允许用户尝试不同的配色方案。所有方案由5种颜色组成。用户可以使用相同的方案来创建变化,并排比较方案,并为其UI设计颜色选择要使用的方案。
  • 彩色探索者

    这是一个深度工具,提供广泛的功能,以创建,设计和定制调色板。例如,有一个功能可以帮助用户确定其颜色选择的WCAG可见性。还有一整套调色板和选择器的生成特性。

这些工具可以满足不同的需求。从初学者到专家设计师,任何人都可以使用它们。

用于UI设计颜色的WordPress插件

插件是完美的WordPress用户谁是新的网页设计。它们使您能够控制主题的外观,选择具有易于使用的界面的颜色,并在决定最佳UI设计颜色之前实时预览它们。

虽然一些WordPress主题将包括管理区域内的颜色定制选项,插件可以用于自定义任何WordPress站点。以下是在UI的所有区域获得更多颜色的一些选项:

  • 主题调整

Theme Tweaker wordpress plugin

此插件显示来自WordPress主题的当前颜色,如果要替换它们,则提供颜色选择器。用户可以预览或实现更改,可以选择批量更改颜色。主题微调还会生成一个虚拟子主题,这样用户就可以保留原来的主题了。它可以保存您的作品,插件记住保存的颜色方案为无限的主题。Pro版本的主题微调提供了额外的功能,如调整子文件和父样式文件的能力。

  • 十四种颜色

Plugin wordpress color

这是WordPress用户在二十四个主题上的一个变相祝福。14种颜色提供了两个颜色选择器,允许用户调整

  • 页脚/页眉/边栏
  • 导航菜单
  • 文本选择
  • 搜索栏
  • 链接
  • 特色背景内容
  • 视音频播放器
  • 还有更多

插件自动调整用户的选择,以确保最小的对比度是必要的,以保持WordPress网站的可读性。

  • 风格

Styles WordPress Plugin

此插件允许您自定义WordPress字体和颜色。样式还提供免费的主题,用户可以尝试现场演示。主题定制部分可用于全局样式,它们允许您自定义默认文本颜色、默认链接颜色、标头样式、内部区域背景色等。变化给你即时的反馈,所以你知道变化是什么样子,然后才开始运作。

最后思想

福建做网站现在您已经了解了WordPress的UI设计颜色,现在是开始的时候了。上面提到的提示将简化寻找合适颜色的工作,并且实时预览选项将确保您在行动中看到UI并在跳入之前获得第二种意见。


相关推荐

福建高端网站建设:如何使用Divi创建Sticky CTA
 

福建高端网站建设:如何使用Divi创建Sticky CTA

所以你用divi建立了一个华丽的网站,填充了一流的内容,并检查了所有的复选框,以保证搜索引擎的优化。然而,过了一段时间,你的转变并不是你所期望的那样。现在你可能会问自己,“我做错什么了吗?”还没有必要惊慌...
2019.04.29
福建做网站:如何为WordPress站点选择正确的UI设计颜色
 

福建做网站:如何为WordPress站点选择正确的UI设计颜色

这些天你多久听说一次UI设计颜色?除非你是在和UI设计人员交谈,不经常。浏览一个成功的WordPress网站,你会看到不同的颜色传达品牌的信息,传达网站的结构,改善对象识别,并提供大量的其他好处。福建做网站在W...
2019.04.29
福建企业网站建设:理解WordPress文件和目录结构
 

福建企业网站建设:理解WordPress文件和目录结构

虽然只通过仪表板与WordPress网站进行交互是完全可能的,但是了解安装的结构以及哪些文件执行哪些功能对于实现对站点的更高程度的控制至关重要。至少,这种理解将使您能够更容易地解决可能出现的任何错误。每个Wo...
2019.04.29

最新文章

三亚做网站:如何为你的网站进行速度测试
 

三亚做网站:如何为你的网站进行速度测试

当涉及到目标转换率和提供积极的用户体验时,您的网站的速度可以使它成功,也可以破坏它。现在已经不是拨号的日子了-你的访问者已经习惯了不需要等待网站的加载。如果你的网站处于停滞状态,用户比以往任何时候都更有...
2019.05.14
福建网站设计制作:如何利用社交媒体来推广你的Webinar
 

福建网站设计制作:如何利用社交媒体来推广你的Webinar

不管有多棒你的网络研讨会结果是,如果没有人出现,也不会有什么区别。推广你的网络研讨会同样重要。作为设计因此,这一步应该给予同样多的时间和注意力。我们福建网站设计制作已经讨论过了使用电子邮件营销您的网络...
2019.05.14
福建公司网站建设:年最佳WordPress支持服务10项
 

福建公司网站建设:年最佳WordPress支持服务10项

WordPress是世界上26%的网站的首选内容管理系统。其中许多主要品牌,公司和公众人物,如CNN,美国棒球大联盟,凯蒂佩里,玛斯可,TechCrunch,和纽约邮报。显然,他们管理自己的WordPress网站的经验将与你...
2019.04.29

热门推荐

选择您希望福建网站设计成品的风格偏好,让我们通过精确的分析与筛选,为您推荐合适的版式布局,
为此,您可以节省最基本的沟通时间,
让我们把有限的时间,充分的用在对行业的分析及您企业网站建设的自身分析上吧
联系电话 400-6065-301

微信咨询 寒总监