圖標元素超好用!它可以用來補充解釋文字內容、表示並列關係、豐富頁面...
三頓寫了不少安利圖標的文章,然而常有小夥伴問,我明明找到了高質量的圖標,可放進PPT就是不好看,怎麼辦?
這次,三頓在小米的官網上找到了不少關於圖標視覺呈現的案例:
三頓從這些案例中整理出了6個美化技巧,到底圖標該怎麼用,和我一起來看看吧!
統一配色
統一配色是處理圖標素材最簡單直接的方法,對於同一頁上的圖標,可以使用相同的配色。
至於使用何種顏色,可以根據具體的頁面風格決定:
除了純色之外,還可以嘗試用漸變色:
漸變色可以讓圖標看上去更具質感,從而讓頁面的層次感也豐富不少。
調整顏色的操作非常簡單,而關鍵在於選對配色。那配色的部分,在具體制作時可以點擊這裡查看三頓之前寫過的文章,幫你找到合適配色。
添加形狀或框線襯底
在圖標底部加上相同的形狀,這也是處理圖標的一種常規操作,它可以讓整個頁面都顯得更加整齊。
使用形狀襯底的另一大優點是自由度很高,我們可以隨意改變使用的形狀:
甚至是去掉形狀的填充色,用框線來承載圖標元素:
相比厚重的形狀,框線給人的感覺會更加輕盈,讓你有種“並不起眼卻恰到好處的感覺”。
當然,同樣可以隨意的改變框線部分的配色,嘗試採用不同的配色突出重點內容:
又或者是採用漸變色來豐富整體的視覺呈現效果:
從操作角度來說,只是在圖標外部添加一個形狀,沒有太大的難度,因此也是三頓比較推薦的一種圖標用法。
更改圖標局部顏色
更改圖標局部顏色也是一個絕佳的美化方法!三頓在小米的發佈會上就看到過這樣的案例:
相比簡單的純色或是形狀襯底,是不是要亮眼不少?
我們還可以通過改變圖標中每個部分的透明度,製造出漸變的感覺。
三頓三頓,我從網上下載的都是純色的圖標,那要怎麼改變其中一個部分的顏色呢?
首先,大部分圖標素材網站都會提供SVG格式圖標,在下載時選擇這個格式進行下載。
然後,把下載的SVG文件直接拖入PPT(需要2016及以上版本),選中並在圖形格式中將其轉化為形狀。
最後只需要右鍵圖標,點擊組合-取消組合,即可對圖標中的某一部分做單獨修改。
而我們只需要調整其中某個部分的顏色即可:
其他美化方法
除此之外,其實還有很多很少人用但是特別好看的圖標美化方法。
比如可以從形狀襯底的形狀入手,縮小形狀大小,讓襯底的形狀只是作為裝飾來豐富頁面。
又比如從圖標本身入手,為圖標添加模糊或是陰影等效果,同樣可以增強頁面的視覺效果。
讓三頓印象深刻的還有得到App創始人羅振宇的跨年演講上出現的這個“圖標與文字結合”的效果。
這種把文字的某一部分改為圖標的效果是怎麼做的呢?
其實並不困難,需要用到的是合併形狀的技巧(2016及以上版本)。我們只需要在文字底部添加一個形狀,全選後執行合併形狀-拆分操作即可將文字筆畫分離。
再用圖標元素替換原先的筆畫即可完成:
好了,趕快收好這些顏值超高的圖標美化案例吧!
關於圖標其實還有很多基礎的技巧!比如哪裡找圖標素材,又比如圖標的基本使用原則,點擊這裡可以查看三頓之前寫過的文章,做進一步瞭解。
最後,方便大家動手練習, 三頓把部分的文章案例也做了打包,獲取方式如下:
第一步:點擊文章右下角的“在看”按鈕
第二步:在公眾號回覆“小米”即可獲取
閱讀更多 三頓 的文章