网页设计颜色搭配改怎么选择?

色彩理论的基础知识

让我们先了解一些基本的东西。这里是一个简短的术语和定义列表(是的,就像在中学一样),这样我们在基本知识方面都处于同一页面。

颜色术语

色调 – 什么颜色,如蓝色或红色

色度 – 颜色是多么纯净; 缺少白色,黑色或灰色

饱和度 – 颜色的强弱

价值 – 颜色的亮度或暗度

色调 – 通过将灰色添加到纯色调来创建

阴影 – 通过将黑色添加到纯色调来创建

色调 – 通过在色调中添加白色来创建

四种主要类型的调色板

1.单色 – 单色调的不同色调和深度。这些可以是最简单的颜色方案,因为它们都是从相同的颜色中获取的。这使得创建一个不和谐或丑陋的方案变得更加困难(但并非不可能)。但要小心; 如果做得不好,单色调色板可能会很无聊。

2.类比 – 主色和色轮两侧的颜色。这些调色板通常在设计中表达一致性和一致性。它们也很容易使用,因为色调没有很大差异。相反,对比度主要是通过色调的变化来实现的,从而限制了任何远离内容的注意力。

3.补充色 – 色轮的互补或相反颜色(如红色和绿色,蓝色和橙色等)。互补的调色板非常适合传达平衡感。与类似的调色板一样,添加各种色调和阴影可以扩展这些方案。这特别有助于避免当两种相对的颜色彼此相邻放置时可能产生眼睛疲劳的明显对比度。

网页设计颜色搭配改怎么选择?-1
4.三元色 -从色轮上的等距点三种颜色(如红,黄,蓝)。三元方法创造了更多样化的调色板。这需要更多的计划和实验,因为它涉及相互对立的大量色调。

颜色代表什么意思

红色:能量,力量,激情

橙色:快乐,热情,创造力

黄色:快乐,智力,活力

绿色:野心,成长,新鲜,安全

蓝色:宁静,自信,智慧

紫色:奢华,雄心,创造力

黑色:力量,优雅,神秘

白色:清洁,纯净,完美

关于可访问性的说明

用户体验设计师必须牢记的一个挑战是满足色盲或色觉缺陷(CVD)的网站访问者的需求。这种情况影响了8%以上的男性和约0.5%的北欧血统女性。用户体验设计师应该采用色盲友好的调色板,以适应和配置多种色盲。查看 Pinterest工程团队的这篇文章,了解他们在主要可视化平台上实现CVD可访问性的方式。

帮助您入门的3个提示

从灰度开始。通过首先绘制灰度设计,您可以确保专注于可用性和清晰导航,而不仅仅是使CTA按钮的颜色恰到好处。强迫自己专注于布局元素和优化空白区域。类型和元素的干净层次结构将有很长的路要走 为了产生最佳的用户体验。

使用60-30-10规

使用60%+ 30%+ 10%比例的颜色。这种旧的室内设计规则旨在平衡您的颜色。该公式有效,因为它允许眼睛从一个焦点到另一个焦点舒适地移动。它的使用也非常简单:60%是你的主色调,30%是你的二次色,10%是强调色。即使你的调色板有三种以上的颜色(但请不要超过五种颜色),保持平衡对眼睛来说更清洁,对用户的大脑来说更舒服。

最好的颜色组合来自大自然

它们总是看起来很自然。寻求环境设计解决方案的最佳方法是调色板总是在变化。日出,日落,海滩场景……这些都有独特的调色板,可以根据您的需求进行调整。使用像Adobe Capture这样的应用程序(下一节将详细介绍),从照片中隔离调色板,以便在其他应用程序中使用。

分享3种颜色工具

Color Hunt是“一个自由开放的色彩灵感平台,拥有数以千计的时尚手工挑选的调色板。”这是一种很好的方式来滚动(几乎)无尽的调色板,寻找那些让你感到惊喜的调色板。

Coolors.co – 这个工具是“酷炫设计师的超快速色彩方案生成器。”有一个iOS应用程序以及Photoshop和Illustrator的Adobe附加组件。您可以从社区浏览数千个调色板,从几乎所有地方保存和访问您喜欢的调色板,只需点击几下即可在项目中使用它们。

Paletton – 这与Coolors和Color CC类似,主要区别在于您不仅限于5种音调。当您拥有原色并想要探索其他色调时,这是一个很好的工具。如果你想探索我们上面讨论的所有不同类型的调色板,这是一个了解它们的好工具。

(0)
上一篇 2021年10月5日 20:33:49
下一篇 2021年10月6日 07:50:51

相关推荐

  • 网页设计趋势:用户界面和用户体验

    在当今的互联社会中,消费者要求改进用户体验和用户界面,以便在访问网站时亲自迎合他们。购物者现在希望网站看起来很漂亮,能够快速响应他们的命令和性能驱动。这些需求以及未来趋势意味着网页…

    2022年5月18日
    8
  • 网页设计与制作3个关键要素

    爆炸新闻! 引起了你的注意? 甚至可以让你点击“阅读更多”链接? 公司努力实现的是整个网站的引人注目的图形和易于导航。 这是因为网页设计在用户流量模式和交互中起着重要作用。 创建网…

    2022年3月15日
    44
  • 网页设计和用户体验是提高转化率的关键

    如果你以前经历过这个,请举手: 您将大部分时间用于规划,概述和设计完美体验。您确定此变体将推动更多销售/注册/下载/其他KPI。 它终于上线了。高五来人! 几个星期后,数字开始出现…

    2021年10月22日
    207
  • 中小型企业:将网页设计与营销目标联系起来

    您是否对您组织的网站采取“独立”方法,或者将其视为整体营销策略的集成扩展?对于许多从事传统营销(包括印刷,直邮和贸易展览)的中小型组织而言,网络是一种相对较新的媒介。缺乏关于拥有有…

    2022年4月27日
    43
  • 2021年网页设计既是创造也是传播

    商业的发展让商品的价值核心发生着改变,从功能至上发展到形象至上,现在是品牌至上,在这个发展变迁过程中,设计也随之发生了很大的变化。以前设计师的工作重点集中在产品的功能和可靠性上面,…

    2021年12月18日
    169

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2466060800@qq.com 举报,一经查实,本站将立刻删除。