今天給大分享的,一篇常規(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