颜色的种类尽量控制在三种以内,可以搭配邻近色;确定一个主色,使所有页面的风格保持一致;搭配辅助色:互补色搭配、冷暖色搭配、深浅色搭配
企业网站就好比一个美女,有些美女五官精致、身材高挑,肤色稍微有些许缺陷,就会让人觉得这个美女并不那么耐看。企业网站也一样,即使网页设计得再漂亮,如果色彩搭配有问题,就会影响整个网站的视觉效果。那么,企业网站设计该如何配色?下面,总结一下最简单易用的三个网页配色方法吧!
色不过三
网页设计运用单色设计,会显得单调乏味且没有重点;颜色太多,又会让界面显得十分凌乱,所以网页设计色彩搭配时,尽量控制在三种不同色相内,这不管是做平面、网页还是APP,都应该遵循的最简单道理。
58同城和Vip kid
58同城不管是产品Logo还是金刚区,使用的颜色都比较多,从识别度来看这是不错的选择,但界面颜色太多,会让用户觉得整个界面的视觉效果有点凌乱。
Vip kid则是采用统一的色彩风格作为导向,搭配邻近色为辅助色,从视觉上来看,界面设计非常舒适自然,而且还能增强用户对产品的记忆。
确定主色
知乎和36氪
每种颜色所代表的意义不同,导致整个视觉方向和感觉都会有所不同。所以好的色彩搭配不仅需要符合产品的特征,还要给用户带来想要的氛围。
因此,在确定网页设计的主色前,先做一些竞品分析,如对项目有明确的了解,分析主要针对的人群,明确产品的定位等,所以东西准备好后,就可以在选择合适的颜色做细微的调整。
网页的主色从何而来?最简单的方法就是提取Logo的颜色,这样就能确保网页和品牌在视觉上的一致性。
此外,网页设计、界面设计和Banner设计等在主色调运用的规律也是有所不同的,网页和界面会把主色调运用在结构和装饰上,Banner和海报则在视觉上的要求会比较高,除了将主色调运用在背景,突出重点,还要根据所推的产品和主题确定banner的颜色,选择范围要确保界面整体视觉效果协调统一。
最后提醒一句,无论确定哪种设计的主色调,再选择饱和度比较高的色彩做主色时,要考虑是否会影响用户使用或给用户造成视觉疲劳。
搭配辅助色
解决了主色调的问题,下面我们就来看看辅助色的选择。在色彩搭配中,能够达到平衡色主要有以下类型:
1. 互补色搭配
音遇
界面设计中,互补色的对比在视觉上是极为强烈的,能带给用户强烈的刺激。
音遇这种孟菲斯风格虽然在目前市场较为少见,但它的整体风格却能让用户一打开产品就能记住。
2. 冷暖色搭配
陆金所和爱彼迎
用冷暖色造成的视觉平衡是网页设计师常用到的方法,同时也是最容易出效果的方法。
这种颜色搭配虽然容易出效果,但使用的技巧也比较多,因此对网页设计师的要求也会比较高。
3. 深浅色搭配
设计时,单使用浅色会让界面不够稳定,但单使用深色又会显得界面沉闷,所以两者能互相搭配,就能很好地平衡画面。
如苹果产品图,浅色背景搭配深色产品,较多的空间留白,使页面整体稳定平衡,同时突出产品的主体。
在进行网页设计时,尽量遵循以上的方式来配色,这样网站自然就会变得更加耐看,如果你也有其他网页配色方案,不妨和我们一起分享吧!
本文地址:https://www.pizijiang.com/tougao/110140.html
举报投诉邮箱:253000106@qq.com