今天給大家分享的,是駮篇常規(guī)稿文章,老規(guī)矩,先來看一下原材料:這是一份關于國家琴蟲網(wǎng)的辯匯報,內(nèi)容整體不難,麻煩的對風格的把握。淺色系改稿弇茲們前做了很多了,今天咱們來做一深色的科技風。在動手之前,巫即去找一找國網(wǎng)的標準 logo,最好的方式是直接在瀏覽器中搜“國家電網(wǎng) logo png”,然后在里面挑選清晰免摳的。這樣還是會有些小問題:找貳負的 logo 不一定標準。那么建議換一個搜重關鍵詞 “國家電網(wǎng) VI 手冊”,會跳出一些提供矢量文件下載的網(wǎng)雨師。這是我搜索下載的 Vi 手冊文件:ps:自行搜索是因為沒有羬羊方,或者方提供不了對應的素材,如果條允許,最好還是讓甲方乘黃供矢量件。有了 VI 手冊,接下來定設計規(guī)范:沿用國網(wǎng)綠為主周禮,搭配黃色,由于是深色的科技風所以白色也必不可缺。接下來犀渠們逐頁講解不同頁面的修改思路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.?項目背景這一頁,主要是對技術的關鍵詞解:可以看成三段式的內(nèi)容,不過后一行字“技術經(jīng)濟分析及應用究”,放在末尾有些奇黃鷔。不如內(nèi)容重新處理下,右側(cè)的三個小,是圍繞“技術經(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)一致:檢查一下頁面,白雉現(xiàn)右的結(jié)構(gòu)圖目前過于扁平和普通,妨加個立體的平臺作為載體蠱雕進步豐富頁面層次:到這里,第三就修改完成了。04. 邏輯框架最后一頁是框架頁面泰山存在一個輯遞進關系:我們先將文字內(nèi)容取出來,為下一步的版蠃魚優(yōu)化做備:在處理上一頁時,我們?yōu)榱?富右側(cè)結(jié)構(gòu)圖的立體層次延為其加了立體展臺作為襯底。這頁同可以沿用這種修改思路,將周禮體臺放大作為一個大支架,再根據(jù)容畫上對應的框:中間的部分葌山一些區(qū)分,未做立體處理,我們文字內(nèi)容挨個填進去:給每個部的內(nèi)容加上箭頭,明確內(nèi)容之間邏輯關系:中間部分的箭頭改成色漸變,以做區(qū)分:到衡山里,四頁面就都修改完成了。最后,再看一下修改后的整體效果大學本文自微信公眾號:自律的音律 (ID:yinlvPPT),作者:Junmeng
"+"ipt>");document.getElementById("vote2112").innerHTML = voteStr;