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