如何在网站设计中使用单色调色板?

2020-06-24 08:00:00

顾名思义,单色项由一种颜色组成,这种颜色在某种程度上可能更明显,因为它们不像其他颜色变化较大的项那样常见。所以,在这一点上,你已经赢得了其他项目,并脱颖而出。

关于使用单色,我认为网站设计中最困难的部分是如何选择你想使用的颜色?

你可以考虑你想要设置的主题或情感,然后在你已经关联的关键词周围选择最合适的颜色。

·红色:爱,激情;

·蓝色:和谐,信任;

·绿色:希望,自然;

·黄色:有趣,充满活力;

·粉色:浪漫,温柔;

·紫色:信仰,梦想;

其次,你可以考虑你的品牌颜色。有没有一种颜色可以从你的标志或品牌颜色中提取出来,并且可以是一种合适的颜色选择?

考虑饱和度。单色调色板是使用粗体、明亮、完全饱和的色调,还是使用更柔和、更浅的色调?能不能两者兼而有之?根据颜色的选择,在使用相应的辅助颜色时有很多选择。

对于单色配色方案,需要在色彩上有一些变化,需要掌握一些色彩值的基本知识。通过浅色和深色,可以创建不同版本的颜色(几乎可以将每个版本视为附加颜色)。

·浅色:在底色上加白色,可以使底色变浅;

·颜色值:在底色中加入灰色,使底色更丰富,但缺乏饱和度;

·深色:在底色上加黑色使颜色变深,

就像使用多种颜色的调色板一样,通过调整基色的浅色、色值和深色,为每种颜色选择一个字符,并在整个设计中坚持使用。你可能会发现你有比单一调色板更多的“颜色”。

您需要确保在颜色更改和下一步之间有足够的对比度,以便用户可以清楚地看到颜色更改。

一些最有趣的单色效果在实际工作中是在网页设计,但在平面设计相关的印刷项目。像箔或紫外线技术可以表现更好,更漂亮的卡片或宣传册,如图标和TOC(以上)。额外的层次增加了纹理和专业技能的单色设计。

使用单色设计最困难的部分是,你需要在没有个人感觉的情况下整合不同的元素,以保持酸奶在设计中的注意力。色差越小,就越难控制和实现。

例如,当您选择使用黑色单色调色板时,需要考虑文本和其他元素需要如何表现才能创建流和对比度。使用简单的单色元素可以防止设计变得过于复杂。

·使用颜色覆盖:保持颜色完整,将图像转换为黑白,然后添加覆盖以保持均匀。

·使用粗体文本:考虑使用较粗的笔划帮助“增强”单色背景上的对比度。

·使用阴影和其他视觉提示:一些元素需要额外的定义层,例如使用投影创建元素之间的分离感。

·插图的使用:对于更现代的设计,使用单色插图是选择之一(同时,这也是保持颜色一致的最简单方法)。

·匹配颜色和图像:如果在单色调色板上使用全彩照片或视频,请将图像中的颜色与设计中的颜色匹配,如cubeto(上图)。

一些与材料设计相关的颜色往往有明亮的色调。这是大胆的颜色选择,单色设计也不例外。

它只需要一个有趣的,明亮的东西来建立主题和情感。流行的选择包括粉色、橙色和青柠色。

明亮的单色调色板的优点是它能创造足够的空间。你有很大的空间使用颜色,所以你可以很容易地创建一系列的颜色。

如果你选择的是流行的阶段,一定要注意你的设计。如果颜色趋势开始改变,您可能需要用其他颜色替换您的单色方案。你会选择其他流行的颜色吗?例如,根据季节选择相应的代表性颜色-冬季为蓝色,秋季为橙色。。。这为你提供了一种时尚和及时性的感觉,也给了你一个不时更新设计的理由。

不是所有的单色调色板都有“颜色”。在实际的网站设计项目中,我们使用了更多的深色调色板,使用黑色或灰色(或几乎变黑的蓝色到深蓝)。

这些黑暗计划其实非常有趣,给人一种独特的感觉。但是,它们也很难创建,因为没有太多的空间来建立颜色之间的差异和对比。

深色的调色板确实有一种光滑,现代的感觉。它们最适合于内容不多的设计,例如网站设计的导航页或相册或其他小册子的“封面”页。你几乎总是需要将深色的单色与较浅的颜色匹配,以确保内容易于阅读。

你可以完全打破单色调色板的规则,在设计中添加第二个强烈的调色板,我们称之为“almostonochromatic”。

AlmostSolomic解决了您在单色设计中遇到的许多问题,包括如何创建易于看到的按钮元素以调用操作。

至于如何选择第二种强调色,可以从色轮的另一边进行选择,以达到好的对比度。用于需要用户查看和交互的重要元素。

单色设计可以很有趣,它们不仅在时间上有较好的适应性,而且在流行趋势上也有明显的优势。

最现代的单色项目应该能够引导用户通过颜色来“阅读”设计。这不仅仅是强调或看起来漂亮,颜色需要有实际的功能。