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