访问手机版

随时随地访问,扫描体验手机版

游客您好
第三方账号登陆
  • 点击联系客服

    在线时间:8:00-16:00

    反馈QQ

    1263810394

    电子邮件

    yanzheng@puhuajia.com
  • 普画网

    随时随地分享快乐

  • 扫描二维码

    关注普画网公众号

普画网 首页 插画设计 色彩搭配

网站设计应该怎么配色

张競文(未知职业)-本文作者
这个人很懒,什么也没有留下。
3947 0 2020-3-24 18:39

网站设计应该怎么配色

使用颜色背后有一种心理。许多客户想要闪亮和浮华,他们选择颜色是因为他们喜欢它们。但是他们喜欢的颜色可能无法达到预期的效果。色彩在UX的成功中起着重要作用。用户倾向于点击并扫描视觉上吸引他们的东西。如果正确使用,颜色会很漂亮。人们通常会看着漂亮。这就是为什么颜色匹配对于网站如此重要的原因。


作为网页设计师,我们需要能够为网站选择正确的颜色组合。这包括布局的每个视觉元素:字体,按钮,标题,背景,标题,链接,边框等的颜色。颜色甚至在你的品牌中也起作用。


在本文中,我们将介绍一些颜色匹配技术,以帮助进行网页设计。

理解和运用色彩理论和心理学

颜色选择是一门需要很长时间和丰富经验的艺术。这也是主观的。它取决于其上下文。网站的主题和氛围将有助于确定最适合受众的颜色。对于每种情况,没有一个正确的答案。对一个听众有用的内容可能对另一个听众无效。如果一个听众喜欢柔和的色彩,另一听众可能更喜欢粉彩。

配色方案将取决于你要追求的感觉。某些主题需要使用某些颜色。例如,猎人和渔民偏向于乡村色彩。白色是有关婚礼的网站中的佼佼者。颜色方案与主题相关。在这些情况下,你可以尝试使用不同的颜色来突出显示和强调色彩,同时保持原色不变。

这并不意味着每个主题相关的网站都应该使用相同的颜色。每个网站都有特定的目标。应该选择颜色以匹配这些目标。首先是项目的需求。颜色通常与感觉相关。他们可以创造情绪。颜色错误可能会使阅读器跑到寻找下一个网站的地方。正确的颜色可以将它们吸引并保持在那里。它有助于使用一点色彩心理学。

色彩心理学
这是Vandelay Design解释的色彩心理学的快速浏览:

  • 黑色,白色和灰色–影响。这些非常适合作为背景。黑色暗示力量。白色代表纯真。黑白相得益彰。灰色是中性的,是传统和沉稳的好选择。如果使用不当会缺乏能量。这三个都表现出认真的态度。
  • 布朗-健康。他们是平静而优雅的。对于想要展现传统的网站来说,这是带纹理背景的绝佳选择。谭斯表现出虔诚。深褐色表示可靠性。布朗非常适合希望展示可靠性和体验的站点。
  • 蓝色–平静。这对于希望表现出可信赖性和可靠性的网站非常有用。深色阴影代表经验和成功。浅色调很友好。
  • 红色–令人兴奋。与激情,力量和愤怒相关。暖色调可以使人感到强烈和舒适,非常适合想要描绘砖墙坚固品质的场所。鲜艳的色彩充满活力,非常适合面向年轻人的网站。
  • 粉色–年轻女性气质。这是一种嬉戏和天真,是女性观众的理想选择。
  • 橙色–充满活力和诱人。对于想要描绘运动和能量的场所来说,这是一个不错的选择。
  • 黄色–充满活力。它与温暖和幸福相关。明亮的阴影非常适合儿童。较深的阴影表示古代,这与智慧有关,是刻画权威和智慧的好选择。
  • 绿色-镇定和振兴。深色阴影与金钱相关,对于需要描绘增长和稳定性的站点来说非常有用。浅色阴影与春天有关,非常适合用来描绘放松,诚实和道德标准的场所。
  • 紫色–高贵。深紫色意味着财富和奢侈。浅色调是浪漫的。

看例子

网站设计应该怎么配色


从其他成功的网站获得想法的最佳途径之一。配色是没有确切答案的主题之一,但是有比其他主题更适合特定目的的选择。许多网站采用与其他网站不同的方法,它们可以使你更好地了解哪些有效,哪些无效。查看流行网站的颜色组合,以了解哪些调色板有效。还要查看针对你的利基市场的网站。尝试了解网站用来向受众展示信息的角度。评估谁是听众,并查看他们如何利用色彩心理学吸引听众。

另一个获取想法的地方是来自杂志。几乎每个主题都有一本杂志。看看他们如何建立品牌色彩,页面,标题,背景等。尽管这是一种非常不同的媒介,但仍然适用于该受众群体使用色彩。

谷歌搜索

网站设计应该怎么配色


查看颜色组合的最佳方法之一是在Google中搜索“颜色组合”,然后包含你感兴趣的颜色。这将为你提供包括Pinterest,ColorCombos.com和Better Homes and Gardens在内的结果。 。你还可以进行图像搜索并查看很多连击示例。你可以使用颜色匹配工具从喜欢的图像中获取颜色,稍后我们将介绍。

调色板搜索

网站设计应该怎么配色


你也可以搜索调色板。通常,调色板会为你提供十六进制或RBG值。如果不是,那么你可以使用颜色滴管工具之一来捕获颜色并重新创建调色板。

尝试颜色

网站设计应该怎么配色


从较少的颜色开始,并根据需要增加颜色。最好先添加两种已知的颜色,然后再添加第三种。使用一种颜色为主,使用另一种突出显示。选择一种颜色,然后选择该颜色的另一种阴影。尝试将一种阴影用作背景,将另一种阴影用作高光。

由于企业的品牌通常具有主导色彩,因此你应该考虑该色彩,但不要害怕尝试并尝试不同的东西。最终,它不应该与品牌颜色冲突。

这是A / B测试很方便的地方。你可以将一种颜色提供给一半的受众,将另一种颜色提供给另一半。然后,你可以按照统计信息查看有效的方法和无效的方法。A / B测试将添加到Divi 2.7。这将是进行实验的绝佳工具。

对比实验

网站设计应该怎么配色



对比度使颜色彼此分开。选择具有有趣对比度的颜色。如果没有足够的对比度,将很难阅读文本,并可能导致读者感到眼睛疲劳。如果对比度太高或对比度错误,读者会因为看起来不好而拒绝。正确使用对比度可以引导注意力。对比度应与按钮,链接,图标等配合使用。这是将用户引导至号召性用语的好工具。
微信

鲜花
本文暂无评论,快来抢沙发!

阅读排行
热门话题
手绘插画社,中国手绘插画者的网上家园,包含 素描、插画、绘画、手绘、素材、动漫资讯、动漫美图、动漫周边,动漫音乐等相关内容,欢迎投稿

扫描二维码

随时访问手机端

免责声明:本站不提供任何版权视听上传服务,所有内容均来自用户分享站点所提供的公开引用资源,作品版权归原作者所有 仅供学习欣赏使用 禁止任何形式商用 违者必究。

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc. 星点互联设计 ( 京ICP备19014251号-1