网页配色很重要,网页颜色搭配的是否合理会直接影响到访问者的情绪。好的色彩搭配会给访问者带来很强的视觉冲击力,不恰当的色彩搭配则会让访问者浮躁不安。以下是六个色彩搭配原则:
1. 由相同或相近色相可增强画面统一性
由相同或相近色相构成的配色可以轻松地营造出和谐、统一的印象。作为配色的基本技巧之一,应首先掌握。同一色相配色体现统一性同一色相配色作为共通色相配色的一种,专指其中色相差为零的配色。宁静中体现统一感,形成简约、成熟、干练、和谐的印象,强调色相本身的同时,能够轻易地传递出配色的主题。但又容易给人呆板、单调的感觉,所以大胆增加色调差异,体现画面色彩的张弛效果,称之为“同色深浅搭配配色(tone on tone)”。如果不彰显色调差异,画面统一于低明度、低纯度的色调中,则会形成朴素平实、波澜不惊的印象。
2. 邻近色相配色演绎自然、和谐的印象
邻近色相与同一色相配色相比,由于色相上存在微妙的差异,稍稍扩展了色相的范围,所以配色效果能够体现出纤细的变化,使得画面更加贴近自然、和谐。
3. 类似色相配色体现统一性与流畅性
色相含有共通成分,类似色调配色也可以体现出和谐、协调的印象,色彩具有适度的变化和动感,同样可以通过色调差体现画面色彩的张弛效果。
在同色系色相的配色中,类似色相配色最能够体现突出印象。相近的色相搭配,整合效果好,同时可以体现视觉动感。
4. 互补或对比色相可突出画面变化性
互补色相配色效果清晰、醒目。
互补色相配色是色相对比效果十分强烈,色彩相互衬托,配色效果清晰、醒目。色彩统一于高纯度色调中,体现力量感和速度感,演绎活力四射的运动氛围和彩色的跳跃性以及张弛感。
5. 对比色相配色表现强烈的印象
对比色配色中的色相差较大,即使统一于同一色调中,也能体现出充满活力变化的印象。特别是高纯度色调下的对比色配色,展现出充满刺激性的艳丽的印象,适合用于要求表现出高度视觉冲击效果的设计中。但同时也很容易形成廉价、劣质的印象,实际应用中应当加以留意。
6. 同一基调的配色,表达设计作品的整体概念
确定整体基调(画面中面积最大的颜色,即主题色)是配色过程中很重要的一步。在临近色相中选择色彩的配色方式称为同一色调配色,即“有主导色彩的配色”。为强调色调特征,充分表现配色主题,在实际设计配色中,往往会先确定能够反映主题的色调和主体基调,随后再进行具体的配色或局部颜色的选择。
在色彩的诸多要素中,最能左右配色印象的就是整体基调。因此,整体基调较为统一的设计作品,可以体现整体性和统一性,形成具有和谐、自然效果的配色。相反,色彩组合比较丰富、对比强烈的设计作品,可以进行特殊的表达或演绎比较夸张富于变化的表情。
- 明度上比较明亮的色彩,通常给人痛快、流畅、清爽的印象。
- 纯度上非常饱和、浓郁的色彩,通常给人充实、有力量感的印象。
- 色相的不同或冷暖的差异,会给人不同的视觉感受。
色相的统一
明度的统一
纯度的统一
最后,给读者一些关于色彩搭配上的建议:
- 在平面设计作品的创作过程中,每种颜色的运用都应该存在着其内在的理由与创作动机,因此不要单纯依靠感觉确定色彩,更不能将自己选色的理由归因于好看。
- 既要提升个人对于色彩的敏感度,同时需要了解受众的普遍感知效果,分析理解人们的视觉习惯与色彩感知习惯,才能在自己的设计作品中有效地将信息传递给受众群体。
- 可以在日常生活中留心观察身边事物,将观察到的好的配色案例利用摄影记录下来,如是杂志中的案例可裁剪下来,并将这种配色带给你的感觉使用某些词汇进行总结,构建一种将色彩、感觉、语言相融合的思维模式。
圖文搭配很豐富的內容,我最近在看網頁設計配色的相關文章,覺得CTMaxs網路行銷公司他們的文章不錯,講了蠻多跟消費者心理相關的,讓人更有方向,提供你參考看看~
https://ctmaxs.com/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E9%85%8D%E8%89%B2/
感谢分享!选择配色只是最基础的问题,还有好多事要做呢