超全面！完全沒有設計基礎的新手如何做好PPT配色？（附神器）

@程利健 ：對于不是科班出身的我，雖然沒有接受過專門的色彩學習，但是我擅長從生活中積累，從實戰中學習。大學畢業至今，我幾乎每周都會做兩到三個PPT。所以今天我是站在一個實踐者的角度來談談，非科班出身的人該如何給PPT配好色。下面進入正題......

首先，我們來看一下色輪。

你會看到紅、橙、黃、綠、藍、紫六種主色，以及六種主色之外的相近色，有紅橙、黃橙、黃綠、藍綠、藍紫、紫紅等。關于配色基本都來自色輪。

這兩天我也翻閱了不少關于配色的知識，

其中關于配色的方法，有下面幾種。

1，專業的配色，需要對色彩有點把控度

第一種 互補色

就是色輪上互相對應的顏色互補；如圖就是，紅配綠，藍配橙、紫配黃、藍紫配黃橙。一般情況，為了避免主色太過于艷麗，都會降低顏色的純度。

案例來自知乎，赤兔女的回答：

第二種 相近色

即左右兩個鄰近的色彩進行搭配，如圖就是紅、紅橙、紫紅；黃、黃橙、橙等。

案例-大自然的顏色：

第三種 三色系

這種色彩搭配通常都非常的有鮮亮活潑，但盡量不要用三個大純色的搭配，要用它們降純后的的灰度色，然后也是要有一個主次關系，一個顏色為主，另兩個為輔，如圖就是橙、紫、綠；紅、黃、藍等。

案例：食物

除了常見三種之外，還有矩形色系，方形色系，由于顏色較多，較難把握，不適合沒有色彩知識的人使用，這里就暫不推薦了。

2，借鑒配色網站

互聯網時代帶給我們的好處就是，當我們遇到問題時，相應的技術就會跟新，幫我們解決這一難題，下面幾個網站就能幫我們解決配色的問題。

NIPPON COLORS

很Cool的一個網站，雖然不提供配色方案，但可以提供底色，而且整頁顯示，你很容易就能在上面找到你喜歡的顏色。

Color Scheme Designer 3

選擇主色調后自動配色，配色的方式有六種，分別為單色搭配，互補色搭配，三角形搭配，矩形搭配，類似色搭配，類似色搭配互補色。

配色網

提供色彩的分析以及搭配方案。

千圖網配色

提供三種顏色的配色組合，所以當涉及到三種顏色可以參考該網站給出的配色方案。

Flat UI

提供各種搭配的方案。

3，使用一些現成的色彩主題

第一種是PPT本身自帶了一套色彩主題，其中包括主題顏色、標準色、最近使用的顏色、其他填充顏色、取色器等。基本上直接根據主題顏色就能夠做出不錯的PPT。

第二種是利用一個叫Nordri Tools的插件。

Nordri Tools里面包含一個色彩庫，包含色彩的主題。

4，用取色器制作色卡

PPT2013自帶了一種叫做取色器的功能，能夠迅速從圖片中提取顏色，所以我們在日常生活中遇到比較好的圖片，我們就可以將圖片中的顏色提取出來，制作成色卡。

5，安全的配色方法

一份PPT通常包含三類顏色，主色，底色，和跳色。主色通常用于文字，底色用于背景，跳色用于強調，主要為色塊，線條。

主色主要用于文字，一般為黑色或者深灰色。個別需要強調的可以適當突出。

底色使用白色為佳，切記使用太過于艷麗的顏色，一些發布會通常還會使用深藍色或者灰色作為底色，比如小米發布會。

跳色是一張PPT中除了底色和主色之外，用來修飾和突出的顏色，先舉個例子。

下面這兩張圖，第一張只有底色和主色，沒有跳色，這樣我們就很難找出重點，所以我們需要給PPT添加跳色。

加入紅色跳色后，你會發現整個PPT，不僅美觀了好多，而且重點突出。

最后我們來說說跳色該如何選擇，常見的方法有兩種：

一種是隨主題

黨政、婚慶之類的用紅色 / 生命、健康類的用綠色 / 醫療、科技類的用藍色。

一種是隨Logo

公司的簡介PPT或者提案經常會使用到，這時候選用跳色時要考慮到公司的形象識別系統（CIS），經常會在logo上提取顏色，充當跳色。

案例：阿里巴巴上市路演PPT

歡迎關注作者的微信公眾號：

【優設四月人氣過萬的好文】

使用素材站：
《實用干貨！11個人氣超高的設計素材匯總網站》

自學UI設計的正確姿勢：
《別著急學軟件！先掌握科學有效的UI設計自學姿勢（超全面）》

幽默有趣的前端小課堂：
《零基礎也能看懂！寫給設計師的前端小知識之網頁排版（附實戰）》

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量112萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com