发布者:川成智库 发布日期:2020-10-22 打印字号:大中小
厦门网站设计中的色彩搭配技巧 配色是一件很棘手的事情。它涉及文化背景,受多方面的影响,对情感意义的理解因人而异。设计师往往面临的选择太多,而不是太少。有许多方法来匹配颜色和许多辅助,但令人印象深刻的往往是一些有趣的技术。 记住配色方案 在开始选择颜色之前,阐述设计原则的方式非常有趣,简洁有趣,“方向比选择好”,“契合比一致好”,“发展比总结好”。其实,用这个句式来总结一下色彩搭配就更好了:“白色比灰色好”、“和谐比错位好”、“沉默比温暖好”。当我在工作的时候,我总是把这些颜色策略记在心里,它们更多的是一种感觉规范,就像用户角色指导用户体验设计师设计体验一样。 颜色一条线 当我在调色板上选择颜色时,我倾向于沿着直线选择颜色,从左到右,从上到下,或者沿着对角线。结果是一个考虑了不同按钮状态(可用/不可用、活动/不活动)、视觉主体、边框、背景等的调色板。我们也可以在颜色选择器的相同位置取颜色,调整色调,得到一组接近不同色调但高度协调的颜色组合,保持灵敏度,调整小。我从混合这么多颜色中学到的最重要的一课是,即使是颜色的微小变化也会对整体配色方案产生巨大的影响。所以,我认为在配色时,要敏感,做些小的调整和改变。你可以尝试冷灰色或暖灰色,并将它们应用到你的配色方案中,你会发现它们会在不同程度上协调整个方案。有了这个策略,您可以挑选出一堆颜色作为替代,进行迭代,并对微妙的颜色变化更加敏感。 充分利用叠加模式 如果你可以使用混合模式,你可以创建一个迷人的配色方案。通过简单地叠加两个色块并选择混合模式,可以得到第三种颜色匹配。在白色背景上,我们还可以通过调整透明度来快速调整颜色的亮度。但我总是发现在黑色背景上调整颜色更有趣,并且探索混合模式的颜色的可能性,你总是可以创造新的组合。这种与色彩的互动方式被许多有经验的设计师所采用。 安静而集中的色调 选择颜色是一回事,但在视觉设计中有效地使用它们是另一回事。有些配色方案非常漂亮,但当应用到一个特定的设计项目时,整个视觉就会崩溃。色彩中尽量让配色方案不那么沉闷杂,让整个设计更安静。例如,不同类型的蓝色用于文本、图标和边框,以使整个设计看起来协调一致。当你想要突出某些东西时,你可以使用这个方法。 在不同的背景下查看配色方案 有一个可伸缩的颜色系统项目,其中选择了大量的细微和接近的颜色,当仔细检查时,很难区别开来。此时,将颜色复制,再添加黑色背景,此时,颜色与颜色之间的差别变得清晰,可以做出更好的选择。 鲜艳的颜色更有吸引力 在颜色选择器的右上角,您可以找到更安全、更吸引人的颜色来使用您的配色方案。颜色越往左和往下,颜色上叠加的灰色和黑色就越多,颜色本身就越重,太重的色调会下意识地给人带来压力。所以我更喜欢用清晰明亮的颜色来设计。 覆盖层板 想象一下,一张半透明的纸,放在一种颜色上,视觉上就会“减弱”这种颜色。我们可以在PS中模拟这样的“纸”,通过调整透明度和混合模式,或者将它们组合,创造出新的形状,达到不同的效果。我们还可以调整纸张本身为白色或黑色,这可以在叠加混合模式下对颜色的饱和度产生不同的影响。在一些UI设计项目中,这种技术可以用来临时调整整个区域的敏感度,这比改变颜色更容易,保持颜色之间的和谐。 根据前景色选择背景色 在选择背景色时,你更喜欢将其与前景色匹配,吸收前景色,然后使其变亮或变暗,而不是选择纯中性的灰色。这样可以让背景色为或冷或暖的浅灰色,给人一种和谐的感觉。 颜色的明暗,正面和背面 我们应该时刻牢记色彩的明暗所带来的视觉深度的原则。在较暗的背景中,较浅的颜色出现,而在较浅的背景中,较深的颜色出现。 充分利用叠加模式 如果你可以使用混合模式,你可以创建一个迷人的配色方案。通过简单地叠加两个色块并选择混合模式,可以得到第三种颜色匹配。在白色背景上,我们还可以通过调整透明度来快速调整颜色的亮度。但我总是发现在黑色背景上调整颜色更有趣,并且探索混合模式的颜色的可能性,你总是可以创造新的组合。这种与色彩的互动方式被许多有经验的设计师所采用。 安静而集中的色调 选择颜色是一回事,但在视觉设计中有效地使用它们是另一回事。有些配色方案非常漂亮,但当应用到一个特定的设计项目时,整个视觉就会崩溃。色彩中尽量让配色方案不那么沉闷杂,让整个设计更安静。例如,不同类型的蓝色用于文本、图标和边框,以使整个设计看起来协调一致。当你想要突出某些东西时,你可以使用这个方法。 在不同的背景下查看配色方案 有一个可伸缩的颜色系统项目,其中选择了大量的细微和接近的颜色,当仔细检查时,很难区别开来。此时,将颜色复制,再添加黑色背景,此时,颜色与颜色之间的差别变得清晰,可以做出更好的选择。 鲜艳的颜色更有吸引力 在颜色选择器的右上角,您可以找到更安全、更吸引人的颜色来使用您的配色方案。颜色越往左和往下,颜色上叠加的灰色和黑色就越多,颜色本身就越重,太重的色调会下意识地给人带来压力。所以我更喜欢用清晰明亮的颜色来设计。 覆盖层板 想象一下,一张半透明的纸,放在一种颜色上,视觉上就会“减弱”这种颜色。我们可以在PS中模拟这样的“纸”,通过调整透明度和混合模式,或者将它们组合,创造出新的形状,达到不同的效果。我们还可以调整纸张本身为白色或黑色,这可以在叠加混合模式下对颜色的饱和度产生不同的影响。在一些UI设计项目中,这种技术可以用来临时调整整个区域的敏感度,这比改变颜色更容易,保持颜色之间的和谐。 根据前景色选择背景色 在选择背景色时,你更喜欢将其与前景色匹配,吸收前景色,然后使其变亮或变暗,而不是选择纯中性的灰色。这样可以让背景色为或冷或暖的浅灰色,给人一种和谐的感觉。 颜色的明暗,正面和背面 我们应该时刻牢记色彩的明暗所带来的视觉深度的原则。在较暗的背景中,较浅的颜色出现,而在较浅的背景中,较深的颜色出现。