PPT設計時常常會使用到圖示, 用來豐富、修飾畫面, 相比文字, 圖示在傳達資訊上更高效快捷, 但是我打賭80%的人都是憑感覺去選用圖示、擺放圖示, 往往這樣做後, 最終PPT的效果總不盡人意。
所以我綁架了一個設計師, 拷問了整整一天終於套出了一些口供, 現在整理出來跟大家分享一下。
1
圖示分類
圖示的設計從大類上可以分兩類:象形圖示和表意圖示。
▌象形圖示
通過與參考物體類似的構型來傳遞意義, 這是目前最流行的圖示類型, 象形圖示包含了目前很多主流的圖示設計風格, 包括:線形圖示、面形圖示、擬物圖示、填充圖示、手繪圖標等。
▌表意圖示
表意圖示有基本的形狀, 但是人們無法一眼知道其指代的含義, 需要先瞭解之後才能明白其中的意義。 通常品牌的logo多為表意圖示。
表意圖示不用多說, 使用的方法下面會具體介紹, 但是象形圖示可以分為五類, 下面我們就來細細講講這五類圖示分別有什麼特別之處。
01.線形圖示
這是現在最流行的圖示表現風格之一。 圖示是由一條等粗細度線條構成的圖形。
特點:相比面形圖示會比較有細節的表現空間, 控制線條的粗細和構型能夠有很多樣的視覺表現;
應用:線形圖示的細節非常豐富, 我們會選用線形圖示來起到更多修飾作用, 通常偏科技風的頁面選用線形圖示的更多。
02.面形圖示
設計師會從現實世界中提取事物的關鍵形狀特點然後通過草稿再電子化的一個過程。
特點:一個象形的剪影小色塊, 視覺上比較有張力, 比線性圖示有更重的視覺感, 不好刻畫較多細節。 面形圖示的識別度相對線形要高, 它的形狀更飽滿;
應用:可以很好的適用於大部分扁平風設計。
03.填充性圖示
這種類型的圖示可以說是面形圖示和線形圖示的完美結合, 採用線條構型然後在內部填充顏色。
特點:比較新穎, 有較多的表現空間;
應用:通常應用在比較有張力需要個性的頁面設計中。
04.手繪圖標
這是一種手工繪製的圖示, 這種風格的圖示可以天馬行空得彰顯設計師的表現力。
特點:在視覺表現豐富細膩,
應用:一般應用於特殊的主題PPT中。
05.擬物圖示
這是約伯斯時代IOS的代表設計風格。
特點:超現實的擬物, 結合使用場景進行構型, 質感表達到位, 與手繪類圖示相似;
應用:一般應用於特殊的主題PPT中。
2
圖示在PPT中的應用
一、大小和位置
▌象形圖示
象形圖示在PPT中通常用於內容修飾、內容指代或裝飾, 發揮內容修飾、內容指代的作用時, 通常會擺放在頁面中心, 或隨著主體有一定偏移。
圖中灰色區域為頁面中心
a.置於頁面中心用於內容修飾, 主體資訊較多時, 通常將圖示大小設置為1.5-3cm。
b.置於頁面中心用於內容指代, 主體資訊較少時, 通常將圖示大小設置為4-5cm。
c.置於邊緣以起到修飾作用時, 通常大小設置為1-1.5cm。
▌表意圖示
表意圖示在PPT中通常是指logo或特定修飾元素, logo在頁面中不宜過大, 我們一般設置為1.5cm左右, 通常會擺放在頁面的四個邊角處, 或上下底邊的中心處。
二、圖示美化
我們以這一頁簡單的PPT為例, 來給大家介紹一下圖示美化的幾個方向。
PS.下載圖示時, 儘量下載SVG格式, 因為它可以取消組合為形狀, 才能修改顏色, 否則以下修改方法是不可用的!
▌改變顏色
修改顏色是最直接的美化方式, 黑白的元素過於簡約, 將圖示修改為VI色是一個不錯的選擇。
▌漸變色
或者可以選擇與VI色相近的漸變色, 漸變色的設置大家應該還沒有忘記吧?如果忘記了可以參考:一“漸”到底, PPT裡的漸變藝術。
▌加框線
還可以給圖示加上線框, 在視覺上統一它的外輪廓。
但是在加框線之前, 我們需要把圖示先縮小一些, 避免加了框線後整體過大。
通常會使用圓形、方形、菱形來進行統一。
▌加色塊
添加色塊來做一些改造也可以起到統一視覺的效果。
純色塊過於平淡, 來一點漸變怎麼樣?
最終我們還是選擇用加框線的方式, 並添加了一些線條形狀來裝飾整個頁面, 線形圖示刻畫出了豐富的細節, 雖然頁面很簡單, 但是卻並不單調。
3
圖示來源
▌網站下載
推薦一:easyicon.net
推薦二:iconfont.cn
▌外掛程式庫
在一些PPT外掛程式——如iSlide裡面, 通常會自帶有一些圖示庫, 大家可以在外掛程式功能表列中找到它。
按一下打開圖示庫之後, 選擇自己需要的圖示進行插入即可, 外掛程式庫中的圖示一般都是可以自由修改的, 所以從這裡尋找需要的圖示也是一個不錯的選擇。
▌PPT2016圖示庫
在PPT2016版本更新之後,新增了圖示庫,可以在插入功能表中找到。
打開圖示庫,左側是分類功能表,右側顯示的是圖示預覽,按一下選中需要的圖示,右下角選擇插入即可插入,可以多選後批量插入。
▌自己畫
俗話說:“自己動手,豐衣足食”,有基礎的同學可以選擇自己動手畫一些簡單的icon,不會Ai沒有關係,用布耳運算就足夠了,參考教程:自從學會了布耳運算,再也不求對面的平面設計師幫忙了。
所以從這裡尋找需要的圖示也是一個不錯的選擇。▌PPT2016圖示庫
在PPT2016版本更新之後,新增了圖示庫,可以在插入功能表中找到。
打開圖示庫,左側是分類功能表,右側顯示的是圖示預覽,按一下選中需要的圖示,右下角選擇插入即可插入,可以多選後批量插入。
▌自己畫
俗話說:“自己動手,豐衣足食”,有基礎的同學可以選擇自己動手畫一些簡單的icon,不會Ai沒有關係,用布耳運算就足夠了,參考教程:自從學會了布耳運算,再也不求對面的平面設計師幫忙了。