大家好俭缓,我是小七克伊!
今天給大家?guī)硪黄诸愔黝}的改稿酥郭,先看下原稿
這是美化之后的樣子
一:尋找靈感华坦,確定風(fēng)格
首先確定設(shè)計風(fēng)格,當(dāng)我們沒有設(shè)計思路時不从,可以去相關(guān)的設(shè)計網(wǎng)站找找靈感惜姐,國內(nèi)的網(wǎng)站一般可以去花瓣或者站酷逛一下。經(jīng)過在花瓣網(wǎng)的一番搜尋椿息,我看到了下面一張圖歹袁,突然有了靈感,就是它了寝优!
二:頁面改稿
1条舔、封面頁
瀏覽下封面頁的內(nèi)容
版式可以參考靈感圖,居中排版即可乏矾。
接下來制作背景孟抗,在攝圖網(wǎng)找到了一張不錯的圖片迁杨,處理一下可以直接用來當(dāng)作背景。
圖片的上半部分有大片留白凄硼,色彩不雜亂铅协,干擾元素少,正好可以用來放文字摊沉。經(jīng)過剪裁+蒙版狐史,對圖片進(jìn)行處理之后,得到了如下一張背景说墨。
借鑒靈感圖的配色與字體骏全,給文字加上描邊和陰影,增加質(zhì)感尼斧。
但現(xiàn)在頁面整體看上去還是有一點空吟温,怎么辦呢?可以再加上一些樹葉和云朵素材突颊,豐富頁面視覺效果鲁豪。
封面頁就搞定啦!
2律秃、三段內(nèi)容頁
先看下原稿
內(nèi)容頁可以沿用封面的風(fēng)格爬橡,繼續(xù)用天空作為背景;
用色塊來裝載文字內(nèi)容棒动;
加上圖片糙申,填補(bǔ)色塊下方的空白。這里的圖片經(jīng)過了兩次處理船惨,首先用了Okplus的圖片半透明功能處理了圖片柜裸,讓圖片與色塊及背景進(jìn)行更好的融合。其次把圖片的對比度拉到最低粱锐,進(jìn)行黑白處理疙挺,與垃圾分類存在的負(fù)面現(xiàn)狀相呼應(yīng)。
最后加上元素裝飾頁面怜浅。
這一頁也搞定了铐然!
3、兩段內(nèi)容頁
來看下原稿
這一頁根據(jù)“檢索”這個關(guān)鍵詞恶座,我想到了網(wǎng)頁的搜索欄搀暑,想著是否能夠以搜索欄的形式呈現(xiàn)呢?沒錯跨琳,靈感來源就是下面這張圖自点。
于是便產(chǎn)生了這樣一張頁面
接著可以把右下角的大樹摳出來,遮擋色塊脉让,顯得更有層次感桂敛。
最后再加上億點點裝飾元素冈绊,就完成啦!
4埠啃、多段內(nèi)容頁
看下原稿
這一頁可以改變下排版方式死宣,使用環(huán)繞型排版。大家對于多點內(nèi)容的排版碴开,假如沒有啥靈感毅该,那么環(huán)繞型排版是一個不錯的選擇,先簡單排列一下潦牛。
為五段內(nèi)容總結(jié)下小標(biāo)題眶掌,讓觀眾能快速抓住內(nèi)容重點。
加上圖標(biāo)和相關(guān)元素
這一頁完成巴碗!
這就是此次改稿的內(nèi)容朴爬,希望大家喜歡!
原創(chuàng):小七
編輯:大大