浅谈网页颜色搭配(附常用配色方案)

百度搜索一下网页配色可以搜到很多答案,大约99%的网站都给了网页颜色的色值参考。但是对于网页颜色搭配的讲解却鲜有提及。

其实波波主要做的是后端开发,主要是刚刚发现博客中设置了一个“设计前沿”的栏目,而一直以来都没有写这方面的内容,感觉有点空哈~~

谈到网页颜色搭配我们首先想到的是什么呢?三色搭配原则。对,所谓三色搭配原则就是指在一个设计作品中,单个界面的颜色应该保持在三种以内。这里的颜色指的是色相,就是HSB色值中的H值。界面中色相不要超过三种,超过三种以后就会觉得界面眼花缭乱。

浅谈网页颜色搭配

由此,一个优秀的设计作品主要由:主色、辅助色和点睛色构成。

主色:是确定作品整体画风的关键因素,它可能是多种颜色。主色一般在应用的LOGO和视觉面积比较大的导航栏上使用,所以选择主色的过程也叫定色调的过程。它的成败将直接影响应用视觉传达的效果和使用者的情绪。

辅助色:辅助色的主要作用就是辅助主色,使整体画面更加完美和丰富。辅助色多用于应用的各种控件、图标和配图上。

点睛色:点睛色顾名思义“点睛之笔”就是在整体设计中占据比重较小,在视觉传达上比较醒目的颜色,点睛色多用于提醒类的控件上,将用户的视线锁定在需要提醒的事件上面。

如何选择颜色?

颜色的选择不仅对于新手UI设计师是一件困难的事情,对于老手也同样如此。据统计在美国的APP STORE中主流的颜色有7种,分别为:白色、蓝色、红色、橙色、黄色、绿色和粉红色。而在这7种颜色中白色和蓝色是最常见的颜色,所以当你不知道如何选择颜色的时候,可以考虑白色和蓝色是用户比较容易接受的颜色。

下面为大家分享一个各行业常用颜色搭配方案:

各行业颜色搭配方案

上面这张图来自于某统计机构的数据,所以做UI设计远远不是掌握了几款设计软件的使用方法就可以了的。虽然波波不做UI设计,但是知道想做出一款优秀的设计确实需要设计者下苦功夫。下面波波也将自己常用的颜色色值分享出来供朋友们进行参考。

常用网页颜色搭配

这个颜色搭配来自国外FLAT UI,所以如果大家觉得复制上面色值不方便的话也可以去FLAT UI官网去复制。希望这篇博客对于大家入门UI设计师有一个初步的了解。如需开发网站、三级分销系统等任何互联网应用均可联系波波本人。

 

波波
你想把广告放到这里吗?

发表评论

您必须 登录 才能发表留言!