見字如面,,年后第一篇文章來啦~ 這篇文章是以改稿的形式呈現(xiàn)出來,主要教大家如何參考其他作品的版式,、樣式,,從而美化與迭代。 看完這篇文章后,,不少小伙伴私信后臺:希望出一篇表格基礎(chǔ)美化的教程,,適用于職場且易上手、偏商務(wù)一些,。 收到建議后想了下,,咱們確實(shí)沒發(fā)過這類教程,作為一個(gè)寵粉的號主,,那今天咱們就安排一期,。 原稿依舊是從知乎上選擇一頁: 01. 美化表格 表格的美化,我們可以從三個(gè)部分入手:線條,、形狀與顏色,。 接下來,我給大家挨個(gè)分享一下美化思路。 ★ 線條 線條是 PPT 制作中最常用的元素之一,,只需點(diǎn)擊下圖形狀處即可選中開始繪制: 在優(yōu)化表格時(shí),,我們可以先去掉所有邊框: 將表頭文字換成字重稍大的字體,并調(diào)大字號: 接下來,,就輪到線條登場了,,給每行及每列畫線: 到此就結(jié)束了嗎? 當(dāng)然沒有,,即使是最簡單的線條,,我們也可以加強(qiáng)對比、區(qū)分主次,。 對表格的標(biāo)題欄和底部的線條,,分別采用加粗換色的處理方法: 如果在表格中有想特意強(qiáng)調(diào)的行或列,還可以用線條圈起來,,同時(shí)弱化標(biāo)題欄: 如果標(biāo)題欄不弱化,,會出現(xiàn)下圖的情況: 由于紫色元素較多,讀者難以快速集中注意力閱讀線條框中的文字,。 看到這里,,肯定有小伙伴有疑惑:直接選中表格并修改邊框樣式不就好了,一樣也能加粗和變色呀,,畫線條豈不是多此一舉,? 這樣做確實(shí)可以,而且也是普遍的做法,,但用線條繪制的方法,,在熟練了分布對齊后制作效率會更高,而且可以做出更多非常規(guī)圖表效果,。 ★ 形狀 接下來,,我們從形狀入手,對表格進(jìn)一步美化,。 首先,,還是先突出首行標(biāo)題: 前面我們是用線條來突出,這次直接換成了圓角矩形,。 如果想強(qiáng)調(diào)的是某一列,,則可以直接在文字底部添加襯底形狀,同時(shí)將文字顏色由深改為淺: 這里有個(gè)小細(xì)節(jié),,表格之間的橫線,,為了讓大家看得更清楚,我加粗其中一條: 線條是灰色的,,在右側(cè)紫色襯底上并不明顯: 所以右側(cè)突出的部分,,應(yīng)該另外繪制一些白色線條置于頂層,,文字間的關(guān)系才會更加清晰: ★ 顏色 如果我們要區(qū)分左側(cè)的細(xì)分受眾,則可以在它們下方添加一層漸變形狀: 為了加強(qiáng)層次感,,還可以給它們加上陰影: 都加上陰影后,,效果如下: 看到這里,有些小伙伴們可能會覺得漸變這么多,,看起來很花哨,。 那么就可以做減法,只對活躍用戶使用漸變色強(qiáng)調(diào): 有時(shí)候?yàn)榱隧撁婧每?,開始時(shí)我們會盡量多加一些樣式效果,,導(dǎo)致頁面花哨,重點(diǎn)也不突出,。 可以大膽地做減法: 如果覺得漸變都換成藍(lán)色過于單調(diào),則可以再做加法,,換成不同的漸變: 這樣既不會花哨影響閱讀,,又可以讓頁面有點(diǎn)小俏皮,看起來更加活躍,。 以上,,就是使用線條、形狀與顏色來美化表格的思路,。 如果還想進(jìn)一步提升設(shè)計(jì)感,,這里再推薦一個(gè)思路:旋轉(zhuǎn) 以下圖為例: 我們將紫色區(qū)域的色塊與文字組合,然后旋轉(zhuǎn) 2~4°,,度數(shù)不要太大,。 旋轉(zhuǎn)后的效果如下: 如果想要凸顯其中一行,也可以改成下圖這樣: 這里有個(gè)設(shè)計(jì)細(xì)節(jié):需要額外加一個(gè)形狀并添加陰影,,置于旋轉(zhuǎn)圖形的下方: 02. 參考樣式 在工作與學(xué)習(xí)中,,如果只使用上述方法美化表格,用多了難免覺得單調(diào),。 這里再分享一種優(yōu)化方法:參考質(zhì)感法 分析上方參考圖:橙色為重點(diǎn),,銀色為次要點(diǎn),都使用微漸變,。 將其運(yùn)用到表格中: 那么,,類似的參考圖可以去哪里找呢? 其實(shí)花瓣網(wǎng)就有很多,,搜索 UI 設(shè)計(jì)即可: 03. 添加背景 上面主要分享了表格樣式的優(yōu)化,,但主要集中在圖表層,背景層還略顯單調(diào),。 這里再分享兩個(gè)技巧,,幫你搞定 PPT 背景,。 ★ 彌散形狀 準(zhǔn)備幾個(gè)形狀,填入不同顏色,,如果不確定選什么顏色,,用取色器點(diǎn)選下面這幾個(gè)即可: 選中所有形狀,調(diào)整柔化邊緣數(shù)值: 再將它們都轉(zhuǎn)為圖片: 把它們放在頁面的四周作為點(diǎn)綴: 把之前改好的表格放進(jìn)來,,試試效果: ★ 漸變填充 除了添加彌散形狀,,也可以把背景設(shè)置為漸變填充。 先畫一個(gè)全屏矩形,,然后在形狀格式中調(diào)整漸變填充,,只需要兩個(gè)光圈即可: 加上表格,試一下具體效果: 到此,,表格的美化內(nèi)容就分享完了,,你學(xué)會了嗎? 本文的 PPT 源文件,,如果想要拆解學(xué)習(xí),,自取吧: |
|