网站的颜色搭配

完成时间：2019年4月28号
作者：林政鸿
在网页里颜色是不可缺少的一样东西如果一个网页里没有颜色那它这个颜色就不叫网页叫原型图，接下来就说是一下什么样的网页到底要用什么样的颜色来进行搭配。
第一购物网页，购物网页的颜色是要比其他普通的网页要鲜艳的多因为购物网页是一个信息量比较大的一个网站其一它的主要目的还是销售商品还有吸引顾客，就拿天猫首页的颜色来说天猫的主体色是一个饱和的比较浅的一个红色它的logo也利用了一个同色系的一个设计的，如图。

天猫用这种颜色大概是因为红色可以吸引人吧因为红色不仅用吸引人的作用同时它代表热情，奔放，喜悦、庆典的多种含义，还有天猫的红色这个主体色不是那种满页都是的红色，之后就是它图标的颜色的选择，天猫的图标也是用着同色系的一种方式来进行设计来进行了色彩统一。
然后就是零食购物网站百草味，百草味这个平台是一个专门卖零食的一个网站它这个网站和淘宝天猫的颜色大不一样它这个网站是利用了一个比较护眼的一种色调粉色一种饱和度较低的一种饱和度由于官网的颜色不是特别明显所以我找了他APP的下载页面来展示它颜色的特点，如图。

在图标设计的这方面里它采用的是一种圆形来包裹白色的图标来达到某种的视觉效果，然后就是渐变的采用在百草味这个网页里是可以找到渐变的身影的就来拿中间区域的省字来说利用里了三张饱和度不一样的颜色进行叠加来进行设计然后加上一个省字来达到某种吸引人的一种效果。
对于像购物网站在颜色来说它们的颜色要做到吸引人的一种效果第二就是它们的颜色统一可以发现在很多类似于这种网站它们的图标要么是利用底色加白色来展示要么就是利用和网站的临近色或者是主体色来进行设计和搭配得来。
之后就是设计·比较严谨的网站的颜色和图标的主要事项，什么是严谨的网站简单的来说就比如学校官网，政府机构，和一些信息量非常大的一些网站就叫严谨的网站，首先来说一下类似于学校网站颜色的搭配事事项，第一图标的设计在类似于教育的官网来说网页的图标（icon）不可缺少如果是在进行学校官网设计的时候我个人建议不要利用渐变之类的颜色来进行设计为什么要这么说其实答案很简单因为设计的是学校网站学校网站是一个信息量偏多的一种网站正因为这样所以才不能把图标设计的花哨更应该要从官网的主体色来进行下手搭配设计。
在设计类似于网的时候颜色饱和的千万不能太高利用一些饱和度较小颜色来进行搭配就比如蓝色，还有青色，类似于这种的颜色来进行设计可以杨画面更有清新的感觉底部栏的设计也是要进行同类色的搭配来统一颜色，如图

在进行颜色设计的时候是要进行多次的修改和调整才可以达到一种完美的效果在进行设计的时候可以参考一些优秀的设计网站或者是素材网站来进行设计搭配来达到心目中理想的效果。