今天給大家分享的，是一篇常規(guī)改稿文章，老規(guī)矩，先來看一下原稿材料：
這是一份關(guān)于國家電網(wǎng)的答辯匯報(bào)，內(nèi)容整體不難，麻煩的是對風(fēng)格的把握。
淺色系改稿咱們之前做了很多了，今天咱們來做一期深色的科技風(fēng)。
在動手之前，需要去找一找國網(wǎng)的標(biāo)準(zhǔn) logo，最好的方式是直接在瀏覽器中搜索“國家電網(wǎng) logo png”，然后在里面挑選清晰免摳的。
但這樣還是會有些小問題：找到的 logo 不一定標(biāo)準(zhǔn)。
那么建議換一個(gè)搜索關(guān)鍵詞 “國家電網(wǎng) VI 手冊”，會跳出一些提供矢量文件下載的網(wǎng)址。
這是我搜索后下載的 Vi 手冊文件：
ps：自行搜索是因?yàn)闆]有甲方，或者甲方提供不了對應(yīng)的素材，如果條件允許，最好還是讓甲方提供矢量文件。
有了 VI 手冊，接下來定設(shè)計(jì)規(guī)范：
沿用國網(wǎng)綠為主色，并搭配黃色，由于是深色的科技風(fēng)，所以白色也必不可缺。
接下來，咱們逐頁講解不同頁面的修改思路。
01. 封面頁
首先來看封面頁，原稿如下：
找了兩張比較有科技感的圖片，進(jìn)行簡單的合成：
問題來了，圖片的顏色是藍(lán)色的，還需要調(diào)整為已經(jīng)確定好的綠色調(diào)。
在 PS 中調(diào)整圖片，將色調(diào)調(diào)整偏綠，最后再調(diào)整下飽和度即可。
當(dāng)然，也可以使用 OKPlus 插件的圖片調(diào)色功能，同樣可以將藍(lán)色圖片改成深綠色：
在調(diào)整好的圖片上加一層漸變蒙版，并放上文字：
如果只用純白色的文字，肯定是有些單調(diào)的，文字與背景的對比過于明顯。
可以給標(biāo)題做一些簡單的處理，加上白綠漸變，并設(shè)置文字的深度與三維旋轉(zhuǎn)，增加一些立體感：
目前文字周圍還是缺少些科技感的裝飾，試試加些科技邊框素材上去：
最后，在標(biāo)題上加點(diǎn)光效作為裝飾，為了進(jìn)一步增強(qiáng)頁面的空間層次感，還額外加了一些圓弧漸變線條：
封面到這里就做完了，來看下一頁。
02. 項(xiàng)目背景
這一頁，主要是對技術(shù)的關(guān)鍵詞解釋：
可以看成三段式的內(nèi)容，不過最后一行字“技術(shù)經(jīng)濟(jì)分析及應(yīng)用研究”，放在末尾有些奇怪。
不如將內(nèi)容重新處理下，右側(cè)的三個(gè)小點(diǎn)，是圍繞“技術(shù)經(jīng)濟(jì)分析及應(yīng)用研究”展開的：
因此，可以將版式做成下圖的中心環(huán)繞式：
三個(gè)部分都畫了平行四邊形的漸變框，里面加一些小細(xì)節(jié)，如漸變、虛線、折線等。
將文字內(nèi)容填進(jìn)去，再分別加上對應(yīng)的圖標(biāo)：
第二頁就修改完成了，是不是超快？
03. 體系結(jié)構(gòu)
這頁內(nèi)容偏多，有結(jié)構(gòu)圖還有其他文字內(nèi)容：
簡單梳理一下內(nèi)容，去掉花哨的樣式效果：
右側(cè)的指標(biāo)體系結(jié)構(gòu)不宜做得太復(fù)雜，將結(jié)構(gòu)層次清晰地展示出來即可。
區(qū)別內(nèi)容的層次結(jié)構(gòu)，可以從其字號 / 字重來入手，如果想要著重強(qiáng)調(diào)，可以在內(nèi)容下方加一些色塊與邊框：
可以看到，“傳統(tǒng)單層指標(biāo)體系”、“系統(tǒng) — 元件層”和“元件層指標(biāo)”、“系統(tǒng)層指標(biāo)”的邊框略有區(qū)別，由平行四邊形變化到矩形。
接著處理左側(cè)的內(nèi)容，可以分成一、二兩個(gè)部分，并采用上下排版，中間用虛線分隔開。
標(biāo)題部分加上異形形狀作為襯底，并加上圖標(biāo)，使其與上面兩個(gè)部分的結(jié)構(gòu)一致：
檢查一下頁面，發(fā)現(xiàn)右側(cè)的結(jié)構(gòu)圖目前過于扁平和普通，不妨加個(gè)立體的平臺作為載體，進(jìn)一步豐富頁面層次：
到這里，第三頁就修改完成了。
04. 邏輯框架
最后一頁是框架頁面，存在一個(gè)邏輯遞進(jìn)關(guān)系：
我們先將文字內(nèi)容提取出來，為下一步的版式優(yōu)化做準(zhǔn)備：
在處理上一頁時(shí)，我們?yōu)榱素S富右側(cè)結(jié)構(gòu)圖的立體層次，為其添加了立體展臺作為襯底。
這頁同樣可以沿用這種修改思路，將立體展臺放大作為一個(gè)大支架，再根據(jù)內(nèi)容畫上對應(yīng)的框：
中間的部分做了一些區(qū)分，未做立體處理，我們將文字內(nèi)容挨個(gè)填進(jìn)去：
給每個(gè)部分的內(nèi)容加上箭頭，明確內(nèi)容之間的邏輯關(guān)系：
中間部分的箭頭改成黃色漸變，以做區(qū)分：
到這里，四個(gè)頁面就都修改完成了。
最后，再來看一下修改后的整體效果：
本文來自微信公眾號：自律的音律 （ID：yinlvPPT），作者：Junmeng
廣告聲明：文內(nèi)含有的對外跳轉(zhuǎn)鏈接（包括不限于超鏈接、二維碼、口令等形式），用于傳遞更多信息，節(jié)省甄選時(shí)間，結(jié)果僅供參考，IT之家所有文章均包含本聲明。