|
第021期 | 最简单粗暴的配色方案 色彩有一篇关于不同色彩的情感的文章，但是这并不能很好的解决色彩搭配的问题，色彩有很大的学问在里面，但是包括我自己在内的许多人很难得到很合适的配色方案，一般都需要借助取色器。 我们可以借助专业人员或团队已经提供给我们的颜色来实现PPT中颜色的选择，这也是这篇文章的主要内容。 一、乖乖使用取色器，我们只是搬运工 第二次页面还原过程中，发给我的图片中，都存在颜色出现严重偏差的问题，我当时制作页面时，也只能是用取色器从魅蓝发布会PPT的JPEG格式图片上取色，先不要太相信自己的审美，一开始的审美往往都不那么靠谱，信不信你以后就知道了，我将上期的页面还原随便改了几个颜色，无对比，无真相： 说一说下面一页颜色不好在哪里： 背景明度与前景明度区分度不够，不利于阅读，这是很重要的一点，在演讲场合，幻灯片的核心内容如果有视觉上的阅读阻碍，这是制作幻灯片的人的责任；灰色（不深不浅RGB三个数值相等）背景搭配有色相颜色时其实是比较难看的，所以很多背景处理要么暗要么亮，或者选择有色相颜色，如果是演讲场合，就不要考虑赤橙黄绿蓝锭紫这样的颜色了，因为看不清，所以，先乖乖的使用取色器，当个搬运工。 二、搬的“砖”在哪里 颜色来源非常广泛，但目前PPT中颜色选取受UI设计影响比较大，之前的扁平化PPT也是参考了flat UI的设计，而最好借鉴的就是颜色的选取，我从flat UI和Material Design的网站上找到了它们的配色方案。 为什么使用这些给出的色卡是很好的选择？ 这些色卡来源于成熟的设计团队，可以说，每一个颜色的选择都经过了严格的校对，颜色与颜色之间的搭配问题也经过了调整，而反观我们自己制作PPT时，有时候一头雾水，人家给出的参考元素为何不用呢？况且这些元素都经过了专业团队的筛选，是成系列的，很多情况下是较为安全的选择。 1、flat UI 参考网站1：http://www./p/flat-ui/ 参考网站2：http:/// 这些颜色可以用作并列颜色，举个例子，小米发布会中的一张幻灯片，将其中的并列色块颜色换成flat中的颜色，相似度比较高： 2、Material Design色卡 Material Design是Google新推出的UI设计语言，有一系列的规范，我个人觉得它的阴影和颜色对PPT制作很有参考意义，下面是从网站上截取的色卡，Material Design给出的色卡非常全面，包括色相和不同明度都给出了参考，所以，Material Design给出的色卡也是我自己最喜欢使用的，第一个色条是主色，后面的细条主要由明度区分，再后面的四个小色条的颜色纯度要比前面的色条高。 参考网站：https://www.google.com/design/spec/material-design/introduction.html
Material Design风格的网页设计：
同样，我们可以将小米发布会中的那个页面中并列色块的颜色更改成Material Design中的颜色，相似度仍然很高，未见得比原来的效果差：
3、其他设计参考 比如在平时浏览网页时，看见好的设计作品，甚至给出配色方案的图片之类的，举几个例子，不过这些颜色的运用比上面的色卡可能要难一点：
相对来说，这些颜色很艺术，很多颜色与高级灰相似，高级灰的颜色很柔和视觉友好，另一方面，这些颜色可能不够“抢眼”，还是小米这张幻灯片：
这种配色纯度更低，不过与上面的那些配色相比，色块与文本信息区别度不够，阅读的视觉阻力要大一些。这个具体选择也与个人喜好相关，同时也要考虑观众的需求，比如是否能看清等等…… 关于颜色纯度传达的不同感受，之前有两张锤子坚果手机不同的配色方案的图，文青版使用的是纯度较低的配色：
三、如何使用色卡 首先肯定是要用取色器取，其中，Material Design的色卡单色系的配色很方便，比如单色系的饼图，以及之前微信风格页面换成Material Design的配色：
1、制作幻灯片之前，要确定一个主色，再选择几个辅色； 2、并列色块的取色要注意选择明度相近的色彩； 3、文字的颜色有时也要稍微带上色相，或者使用半透明字体效果；
四、页面还原 上期的页面还原还是有一点麻烦，完成效果比CHANEL一期要差一点，仍然要说几个存在的问题。 1、CHANEL一期强调了幕布的纵横比，还是要注意这点，另外最大一个问题是颜色，也是这篇文章强调的，先不要相信自己的审美，先乖乖使用取色器； 2、如何尽可能提高还原度？ 如果光靠观察不能提高还原度，可以换个方法，类似复印，将提供的还原页面下载下来，放到PPT上与幕布重合，然后和写字帖一样，照葫芦画瓢。 3、图标上的红色和绿色细条如何保持距离一致？ PPT的命令条中有一个横向分布和纵向分布命令，其实就是等距分布，只要把第一个和最后一个细条确定位置，然后选择横向分布或纵向分布，既可以将细条之间的距离保持一致，将两个命令添加到快捷访问工具栏，图标如下：
本期页面还原就是今天反复出现的小米页面，背景是keynote的一个主题背景，不过还用PS处理了一下，本期回复关键词色卡，获取flat UI和Material Design的色卡和上期的页面还原文件等等：
原文是上期的文章，分享了几个所谓的“神器”，不过我把题目用了“只是……而已”，没什么人看，看来还是要回到标题党。 |
|
|
