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