Uigradients渐变——如何学习平面设计的色彩搭配？
关于渐变色，似乎还有很多人们不了解的地方，所以今天我打算在PPT中系统的讲一下渐变色。
虽然PPT中渐变的实现特别简单，但是说起来并不好听，很多人做出来的渐变也不好看，甚至难看。
在PPT中，如果要设置渐变颜色，只需要打开属性栏设置形状格式即可。操作也很简单。选择形状并右键单击以设置形状格式。在右边，你可以看到填充选项中有一个渐变填充，用于设置形状格式。
渐变颜色的设置主要通过三个变量来调整，即渐变类型、渐变方向和渐变光圈。
渐变主要有四种，分别是线性渐变、投影渐变、矩形渐变和路径渐变。
线性渐变:颜色从起点到终点由内向外的圆形渐变。
光线渐变:从起点到终点的颜色渐变，即一条直线。
这是PPT中广泛使用的两种渐变。此外，还有矩形渐变和路径渐变。
渐变方向和渐变角度其实是一个意思，操作起来很简单。直接调整角度的值就可以了。
渐变光圈是渐变中最重要的部分，包含了渐变的颜色、位置、透明度和亮度。我们可以增加和减少渐变光圈上的颜色控制点来影响渐变效果。
如果要做出高质量的渐变，在颜色的选择上要非常小心，最好选择相近的颜色或者同色系的颜色。
这样我们调制的配色给人一种很舒服很赏心悦目的感觉。
以下几种情况，一种是蓝色单色系的渐变，一种是紫色单色系的渐变，一种是绿黄相近颜色的渐变。
掩饰
众所周知是半透明色块，所以渐变蒙版很好理解，是半透明的渐变颜色。
这种半透明的渐变在近两年。
网页设计
很受欢迎，经常可以看到。
我们可以看到上面的渐变蒙版总是有两层，最小的面是一张图片，最上面是半透明的渐变块。
这是一个类似蓝色到紫色的颜色渐变，但是我们在渐变光圈下调整了颜色的透明度，让我们隐约看到背景图片。
当我们的画面太亮或者画面尺寸太小无法覆盖屏幕的时候，这个时候就可以用渐变来处理画面了。
比如下面这种情况，我们看到画面亮度过高，大小与整体布局不匹配。如果直接输入文字，图片会对文字产生很大干扰。
这时我们可以给图片添加一个半透明的渐变蒙版，其中光圈左端设置为100%，右端不设置透明度，然后我们在中间再添加一个光圈，不安排透明度。
设置后，我们可以得到如下所示的效果。
如果你对颜色的感知度不高，不知道用什么颜色，这个时候就需要看一些好的配色方案了。
关于渐变的使用，我推荐两个网站，一个是WebGradients，一个是uigradients。两个网站都包含了很多渐变色的案例，没有灵感的时候可以看看。
李哥最近研究的就是这个。我希望你喜欢它。
李师兄
(全文结束)
如何带出漂亮的渐变色，在设计中很重要。随着设计技术的发展和演变，美丽的渐变色越来越受到大家的喜爱。但是快速匹配一个满意的渐变需要很多时间，所以今天给大家分享一些快速生成渐变的网站真的很实用很方便~
彩色空间
/
如果你喜欢渐变风格的创作，那么你一定要试试这个网站。你只需要选择一种颜色，就可以快速生成20多种不同的配色方案。
例如，如果选择如图所示的RGB值，将出现以下25种配色方案。
web渐变
WebGradients拥有超过100种线性渐变配色方案，可用于网站任何部分的内容背景。使用时，只需轻松复制即可。
色调
并且准备了每个梯度方案。
PNG格式
的图片可供下载。
梯度按钮
这个网站有很多种渐变按钮。鼠标移动时，可以看到悬停的动画效果。还可以一键复制css代码，非常方便。
ui渐变
/
Uigradients收集了近百种渐变配色，可以说是一个专注于分享美丽渐变色彩的网站。它有上百种渐变配色，你可以根据自己的需求选择使用。
酷派2.0
Swatch是一个免费的渐变配色插件和采集工具，可以下载使用。
鸡蛋配料
/
你可以称之为“美蛋”神器，因为鸡蛋的形状呈现出各种渐变很有趣。目前平台上有200多种渐变方案，每种颜色都很漂亮，建议收藏。
格拉迪恩塔
/
是一款免费的CSS渐变背景生成工具，渐变方案完全开源免费，个人或商业均可使用。
有超过100个精心制作的渐变背景，可以作为CSS代码，SVG和JPG图像格式。
网格梯度
MeshGradients提供了超过100组精致的渐变颜色，包括普通渐变和彩虹渐变。
每个右上方
焦度
有一个下载按钮，可以直接下载。格式也不一样，有AI，JPS，PNG等格式。
酷派背景
/
除了提供渐变背景图像之外，它还提供了多种纹理背景图像效果。比较适合正式的商务风和成熟风。
双色调
在这个网站上传图片可以产生双色效果。如果不喜欢现在的效果，可以调整。
对比
有亮度。并且生成的图片可以下载和复制颜色值。
以上是关于
渐变网站的收集和整理
希望对大家有帮助。
如何学习平面设计的色彩搭配？什么颜色的？
颜色是通过眼睛、大脑和我们的生活经验对光产生的视觉效果。
色彩是最能引起我们审美愉悦的形式因素。
色彩是最具表现力的元素之一，因为它的性质直接影响人的感受。
没有别的原因分享我最喜欢的一个app界面设计——无印良品，主要是因为简洁明了。看过很多五颜六色的app，真的很喜欢这种最纯粹的设计！
图片来源:无印良品
首先，它的首页除了粗体黑色的“公告”、“新到货”、正常黑色字体的商品名称、蓝色的“查看全部”、灰色的logo图案和下方的红色图标外，没有其他颜色。黑、灰、蓝都给人一种沉稳、沉着的感觉，而红色是无印良品的主题色。
图片来源:无印良品
在商品详情页，除了商品本身的颜色，比较突出的颜色是主题红，醒目清晰。
图片来源:无印良品
除了应付金额和“去支付”外，结账页面主题为红色，延续了之前首页和详情页的颜色，整体风格高度统一。用户看到这样单一的颜色会不会感到厌烦？我不会！只会觉得和自己的品牌风格“自然、简单、朴素”十分契合。
图片来源:无印良品
看它的品牌logo，红底白字，颜色鲜艳，非常好记。很多时候，你会发现，在Muji的店面走一圈，什么都不记得了，但它的品牌logo却牢牢印在了你的脑海里。它的品牌大概是整个店里最出彩的地方了。这就是一个品牌的高明之处——总是突出重点。
还有两个app是大众非常熟悉的，支付宝和网易云。支付宝的主题色是蓝色，蓝色代表安全和稳定。这是一个理财基金APP想向用户推广的概念。网易云的主题色是红色，代表热情、活泼、勇敢。不仅会大大增加用户的点击频率，还会因为听到一首好听的音乐而开心。
所以UI设计师对品牌理念的理解，可以很大程度上影响整个产品的主色调色彩，这就需要设计师有很高的色彩控制度。
在我看来，没有特别好看的配色，因为在不同的人眼里，喜好是不一样的。“所谓的人的喜怒哀乐是不相连的，我只是觉得他们吵。”
所以，掌握色彩的标准原理是最重要的。授人以鱼不如授人以渔~
一、色彩的标准原则
1，三色搭配原则
上面提到的无印良品主页醒目的红色只是作为点缀色。
一般以饱和度高、颜色深、面积大、第一眼就占据视觉中心的颜色为主。
一般以同色、相邻色或补色、对比色作为二次色。
一般根据页面呈现的颜色添加修饰色。但点缀色一定要饱和度高，才能营造出独特的风格，在整个页面上发出不一样的光芒。
2、掌握色彩性格
白色
白色象征纯洁、神圣、善良、信任和开放，化繁为简。
蓝色
蓝色是最不招人讨厌的颜色。明亮的蓝天象征着希望、理想和独立；深蓝色意味着诚实、信任和权威。正兰和宝兰的热情坚定而睿智。
红色
红色象征热情、性感、权威和自信，是充满活力的颜色。但也会给别人一种血腥暴力的印象，容易造成心理压力。
橙色的
橙色给人亲切、坦率、开朗、健康的感觉，有着阳光般的热情。
黄色
黄色是一种非常明亮的颜色，可以刺激大脑的焦虑相关区域，有警示作用。亮黄色象征着自信、聪明和希望；淡黄色显得天真、浪漫、精致。
绿色的
绿色给人无限的安全感，象征着自由、和平、清新、舒适。黄绿色给人清新、活力、愉快的感觉；低明度的草绿、墨绿、橄榄绿给人沉稳知性的印象。
黑色
它象征着权威、优雅、低调、坚持、冷漠和防御。
灰色
灰色象征真诚、沉着和优雅。
3.观察自然
大自然永远是世界上最好的配色师。当你在为配色发愁的时候，不妨拍一张大自然的照片，你会发现很多问题。大自然已经给了你答案和灵感。
一定要明白“色彩并不能给你的设计作品增添愉悦/舒适的质感——它的实际作用是强化这种质感。”
二、配色网站
1，ColorHunt-配色:
设计，网页配色工具网站。
2、ui渐变:
渐变分享网站，里面有很多好看的选项！
3、:
超快速配色方案生成器，创建完美的调色板或从数千种美丽的配色方案中汲取灵感。
4、材料颜色:
帮助设计师快速定位颜色组合。
5、flatuicolorpicker:
UI设计的最佳平面色彩。
三、与色彩相关的书籍
1，配色设计原理
日本Obsco编辑部编写的《配色设计原理》，通过简洁易懂的作品，让你学会实用系统的配色原理。对比修改前后的具体设计案例，进而分析如何运用色彩搭配让作品更有效果和表现力。
2.配色纪事
日本色彩文化先驱，配色参考书，平面设计师配色参考书，也可以终身使用。
3.设计师色彩词典
设计师的颜色字典提供了30种颜色的关键，艺术和平面设计的深入研究。这本书是按照光谱来组织的，在按颜色划分的区域里很容易导航。它用图表记录每种颜色，并显示颜色范围和调色板的变化。