如何用PPT制作出一个高品质的渐变色？
前两天收到一个朋友的留言,问我下图这种渐变色是如何制作的?
看来大家对于渐变色还是有很多不懂的地方,所以今天,我打算系统的说一说PPT中的渐变色。
虽然在PPT中渐变的实现特别简单,但是说句不好听的,很多人做的渐变并不好看,甚至可以说巨丑。
在PPT中,要想设置渐变色,只需要打开设置形状格式的属性栏就可以,操作也很简单,选中形状,然后右键设置形状格式,在右侧可以看到设置形状格式中的填充选项里就有一个渐变填充。
渐变色的设置主要通过三个变量的调整,分别是渐变类型,渐变方向还有渐变光圈。
渐变类型主要有四种,分别是线性渐变、射性渐变、矩形渐变、路径渐变。
线性渐变:从起点到终点颜色从内到外进行圆形渐变。
射线渐变:从起点到终点颜色进行顺序渐变,也就是一条直线。
这是在PPT中使用较广的两种渐变类型,除此之外,还有矩形渐变和路径渐变。
渐变方向和渐变角度其实是一个意思,这个在操作上很简单,直接调整角度的数值就可以了。
渐变光圈是渐变最重要的部分,它包含渐变的颜色、位置、透明度和亮度。我们可以在渐变光圈上增加和减少颜色的控点,以此来影响渐变的效果。
如果我们想要制作出高品质的渐变色,那么在颜色的选择上就要非常谨慎了,最好选取相近的颜色,或者同一色系的颜色。
通过这种方法,我们调制出的配色给人的感觉就非常舒服,赏心悦目。
下面几个案例,一个是蓝色单色系的渐变,一个是紫色单色系的渐变,还有一个是绿色和黄色的相近色渐变。
蒙版
我们都知道,就是半透明的色块,那么渐变蒙版就很好理解了,就是半透明的渐变色。
这种半透明的渐变色近两年在
网页设计
中非常火,你经常可以看到。
我们可以看到,上面这个渐变蒙版总***有两层,最小面是图片,在上面的是一个半透明的渐变色块。
这是一个蓝色到紫色的相近色渐变,只是我们在渐变光圈下调整了颜色的透明度,这样我们就可以若隐若现的看到背景的图片。
当我们的图片过亮或者图片尺寸太小不能过铺满屏幕时,这个时候我们就可以利用渐变来处理图片。
比如下面这个案例,我们看到图片的亮度太高,而且尺寸与整个版面不符,如果直接输入文字的话,图片对于文字的干扰很大。
这个时候,我们可以给图片添加一半透明渐变蒙版,其中光圈的左侧一端设置透明度为100%,右侧一端不设置透明度,然后我们在中间再加入一个光圈,也不布置透明度。
通过设置之后,我们就可以得到下图的效果了。
如果你对色彩的感知度很低,不知道用什么颜色好,这个时候就需要多看一些好的配色方案。
关于渐变色的使用,我推荐两个网站,一个是WebGradients,一个是uigradients。这两个网站都收录了非常多的渐变色案例,在你没有灵感的时候,可以去看看。
以上就是利兄最近研究的内容,希望你喜欢。
BY利兄
(全文完)
怎样调出好看的渐变色色彩在设计中是十分重要的,随着设计技术的发展和演变,美丽的渐变色也愈来愈受大家喜爱。但是要迅速地配出满意的渐变色需要不少时间,所以今天给大家分享一些快速生成渐变色的网站,真的非常实用又方便~
ColorSpace
/
如果你喜欢渐变风格的创作,那么一定要试试这个网站。你只需要选择一个颜色,就可以快速生成20多种不同风格的配色方案。
比如选择了如图所示的RGB值,就会出现下面25种配色方案。
WebGradients
WebGradients有100多种线性渐变配色方案,网站任何部分的内容背景都可以使用这些配色方案。使用时,只需要轻松复制
色值
,而且每个渐变色方案都准备了
PNG格式
的图片可供下载。
GRADIENTBUTTONS
这个网站里面有很多种渐变色按钮,鼠标移动的时候,可以查看悬停的动画效果。还可以一键复制css代码,非常方便。
Uigradients
/
Uigradients收藏了将近上百种渐变配色方案,可以说是一个以分享美丽渐变色彩为主的网站。它有几百种渐变配色方案,可以根据自己的需求来选择使用。
CoolHue2.0
Swatch是一款免费的渐变配色插件和收集工具,可以下载使用。
Eggradients
/
可以叫它「美妆蛋」神器,因为它就是用鸡蛋的形状来展示各种渐变的,很有意思。目前该平台有超过200种渐变方案,每一种的色彩都很美丽,建议收藏。
Gradienta
/
它是一个免费CSS渐变色背景生成工具,且渐变方案完全开源免费,可个人使用也可商用。
超过100多款精心制作的渐变色背景,并且都可作为CSS代码、SVG和JPG图像格式使用。
MeshGradient
MeshGradients提供了超过100套精美渐变色彩,有普通渐变,也有彩虹渐变。
每一个右上
角都
有一个下载按钮,可以直接下载。格式也不同,包括AI、JPS、PNG等格式。
CoolBackground
/
它除了提供渐变色背景图像外,也有多种带纹理的背景图像效果可用。比较适合正式商务风格、成熟风格。
Duotones
在这个网站里面上传图片,可以生成双色调效果。如果不喜欢当前效果,还可以调整
对比度
跟亮度。并且生成的图片可以下载和复制色值。
以上是关于
渐变色网站的收集整理
希望对大家有所帮助
如何学习平面设计的色彩搭配？色彩是什么?
色彩是通过眼、脑和我们的生活经验所产生的一种对光的视觉效应。
色彩是能引起我们***同的审美愉悦的、最为敏感的形式要素。
色彩是最有表现力的要素之一,因为它的性质直接影响人们的感情。
分享一个我最爱的app界面设计—无印良品,没什么别的原因,主要就是因为简洁、明了。看多了五颜六色花花绿绿的APP,对这种最纯粹的设计,真的太喜欢啦!
图片来源:无印良品
首先它的首页除了加粗黑色“公告”“新到商品”、正常黑色字体的产品名称、蓝色“查看全部”、标志图案的灰色以及下图标的红色,就没有其他颜色。黑色、灰色、蓝色都是给人一种平静、沉稳的感觉,而红色是无印良品的主题色。
图片来源:无印良品
商品详情页面,除了商品本身的颜色,另外更加突出的颜色就是主题红色,醒目明了。
图片来源:无印良品
结账页面除了应付金额以及“去付款”是主题红色,其他延续的是之前的主页、详情页颜色,整个风格都高度统一。用户看到这么单一的色彩会觉得乏味吗?不会的!只会觉得和它本身的品牌风格“自然、简洁、质朴”完美契合。
图片来源:无印良品
再看看它的品牌logo,红底白字,色彩鲜明,非常好记。很多时候你会发现逛一圈无印良品的店面,什么也没有记住,但是它的品牌logo却牢牢印在脑海里。(它的品牌可能是整个店面颜色最鲜艳的地方了)。这就是一个品牌的高明之处—永远在突出重点。
还有两个APP也是大众非常熟悉的,支付宝和网易云。支付宝的主题色是蓝色,蓝色代表着安全稳定,这就是一个理财资金类APP想要给用户宣传的理念。网易云的主题色是红色,红色代表着热情、活泼、给人勇气的,不仅会大大增加用户去点击的频率,而且你是否会因为听到一首好听的音乐而变得快乐起来?
所以UI设计师对品牌理念的理解程度,很能影响整个产品主基调色,这就需要设计师具备较高的色彩驾驭度。
在我看来没有什么特别好看的色彩搭配,因为在不同人的眼里,喜好都是不一样的,“正所谓人与人的悲欢并不相通,而我只觉得他们吵闹。”
所以掌握色彩的规范原则才是最重要,授人以鱼不如授人以渔~
一、色彩的规范原则
1、三色搭配原则
上面说到的MUJI的主页图,醒目的红色只是作为了点缀色。
一般饱和度高、颜色较深、大面积的、一眼望过去的占据视觉中心的颜色为主色。
一般同类色、邻近色或者互补色、对比色来作为副色。
一般根据页面所呈现的颜色,来添加点缀色。但是点缀色一定是要饱和度高的,这样对整体页面可以营造出独特的风格,绽放不一样的光芒。
2、掌握颜色的性格
白色
白色象征纯洁、神圣、善良、信任与开放,化繁为简的主调色。
蓝色
蓝色是最不会引起反感的颜色。明亮的天空蓝,象征希望、理想和独立;暗沉的蓝,意味着诚实、信赖和权威。正蓝、宝蓝在热情中带着坚定与智能。
红色
红色象征热情、性感、权威和自信,是一种能量充沛的色彩。但是也会给别人血腥、暴力的印象,容易造成心理压力。
橙色
橙色给人亲切、坦率、开朗和健康的感觉,有阳光一般的热情。
黄色
黄色是明度极高的颜色,能刺激大脑与焦虑有关的区域,具有警告的效果。艳黄色象征信心、聪明和希望;淡黄色显得天真、浪漫和娇嫩。
绿色
绿色给人无限的安全感受,象征自由和平、新鲜和舒适。黄绿色给人清新、有活力、快乐的感受;明度较低的草绿、墨绿和橄榄绿则给人沉稳、知性的印象。
黑色
象征权威、高雅、低调、执着、冷漠和防御。
灰色
灰色象征诚恳、沉稳、和考究。
3、观察自然
大自然永远是世界上最优秀的色彩搭配师,当你在为配色发愁的时候,不妨随手咔一张大自然,你就会发现很多问题,大自然早就给了你答案以及灵感。
一定要明白“色彩并不能为你的设计作品增添令人愉悦/舒适的质感——它的实际作用是强化了这种质感。”
二、色彩搭配网站
1、ColorHunt-配色:
设计、网页配色工具网站。
2、uiGradients:
渐变色分享网站,里面有很多美丽的方案选择哦!
3、:
超快速配色方案生成器,创建完美的调色板或从数千种美丽的配色方案中汲取灵感。
4、MaterialUIColors:
帮助设计师们快速定位颜色组合。
5、flatuicolorpicker:
UI设计的最佳平面颜色。
三、色彩相关书籍
1、《配色设计原理》
《配色设计原理》,作者是日本奥博斯科编辑部,通过简明易懂的作品,让你学习实用又系统的配色原则。将具体的设计案例进行修改前后对比,然后分析如何使用配色,让作品更具有效果和表现力。
2、《配色事典》
日本色彩文化的先驱,配色参考书,平面设计师配色参考书,也可用于生活。
3、《设计师的色彩词典》
《设计师的色彩词典》提供了一个深入的研究30种颜色的关键,艺术和图形设计。这本书是根据光谱组织的,在按颜色划分的区域中便于导航,它用图表记录每个颜色,显示颜色范围和调色板的变化。