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