今天給大家分享的，是一篇常改稿文章，老規(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ó)家電 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án)色的，還要調(diào)整為已經(jīng)確定好的綠色調(diào)在 PS 中調(diào)整圖片，將色調(diào)調(diào)整偏綠，最后再尚書整下飽和即可。當(dāng)然，也可以使用 OKPlus 插件的圖片調(diào)色功能，同樣可以將藍(lán)色圖片改成深色：在調(diào)整好的圖片上加一層變蒙版，并放上文字：如果只純白色的文字，肯定是有些單的，文字與背景的對(duì)比過(guò)于明?？梢越o標(biāo)題做一些簡(jiǎn)單的處，加上白綠漸變，并設(shè)置文字深度與三維旋轉(zhuǎn)，增加一些立感：目前文字周圍還是缺少些技感的裝飾，試試加些科技邊素材上去：最后，在標(biāo)題上加光效作為裝飾，為了進(jìn)一步增頁(yè)面的空間層次感，還額外加一些圓弧漸變線條：封面到這就做完了，來(lái)看下一頁(yè)。02.?項(xiàng)目背景這一頁(yè)，主要是對(duì)術(shù)的關(guān)鍵詞解釋：可以看成三式的內(nèi)容，不過(guò)最后一行字“術(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)去，分別加上對(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é)構(gòu)層次清晰展示出來(lái)即可。區(qū)別內(nèi)容的層結(jié)構(gòu)，可以從其字號(hào) / 字重來(lái)入手，如果想要著重強(qiáng)調(diào)，以在內(nèi)容下方加一些色塊與邊：可以看到，“傳統(tǒng)單層指標(biāo)系”、“系統(tǒng) — 元件層”和“元件層指標(biāo)”、“旄山統(tǒng)層指”的邊框略有區(qū)別，由平行四形變化到矩形。接著處理左側(cè)內(nèi)容，可以分成一、二兩個(gè)部，并采用上下排版，中間用虛分隔開。標(biāo)題部分加上異形形作為襯底，并加上圖標(biāo)，使其上面兩個(gè)部分的結(jié)構(gòu)一致：檢一下頁(yè)面，發(fā)現(xiàn)右側(cè)的結(jié)構(gòu)圖前過(guò)于扁平和普通，不妨加個(gè)體的平臺(tái)作為載體，進(jìn)一步豐頁(yè)面層次：到這里，第三頁(yè)就改完成了。04. 邏輯框架最后一頁(yè)是框架頁(yè)面，存在一個(gè)輯遞進(jìn)關(guān)系：我們先將文字內(nèi)提取出來(lái)，為下一步的版式優(yōu)做準(zhǔn)備：在處理上一頁(yè)時(shí)，我為了豐富右側(cè)結(jié)構(gòu)圖的立體層，為其添加了立體展臺(tái)作為襯。這頁(yè)同樣可以沿用這種修改路，將立體展臺(tái)放大作為一個(gè)支架，再根據(jù)內(nèi)容畫上對(duì)應(yīng)的：中間的部分做了一些區(qū)分，做立體處理，我們將文字內(nèi)容個(gè)填進(jìn)去：給每個(gè)部分的內(nèi)容上箭頭，明確內(nèi)容之間的邏輯系：中間部分的箭頭改成黃色變，以做區(qū)分：到這里，四個(gè)面就都修改完成了。最后，再看一下修改后的整體效果：本來(lái)自微信公眾號(hào)：自律的音律 （ID：yinlvPPT），作者：Junmeng
