Hello颊郎，你是我的第一個讀者！我是勛章Joker停团，今天是我在簡書的第一篇文章旷坦，希望你會喜歡掏熬。
先來一張好看的頭圖：
第一部分：
第1頁：
分析：
1）整個頁面太單調(diào)
2）LOGO像素模糊
3）小字部分毛筆字不適合“產(chǎn)品介紹”這種莊重、沉穩(wěn)的場面
4）小字部分“交通銀行”和LOGO內(nèi)容重復(fù)了秒梅，可以刪減
拆解：
1）商務(wù)大樓的圖片旗芬，豐富頁面的內(nèi)容
2）LOGO原來的顏色是深藍色，在此頁面和背景顏色沖突捆蜀，對LOGO進行反白處理
3）加上英文顯得高大上一些疮丛，注意英文長度和標(biāo)題一致，體現(xiàn)對齊原則
4）為了文字顯示清晰辆它，加了一層蒙版誊薄，蒙版顏色取自圖片，目的是為了和諧感锰茉，同時也符合LOGO的主題色
5）“河北省分行”縮小居中即可
第2頁：
分析:
1）頁面沒有達到平衡
2）很平淡的目錄頁呢蔫，適當(dāng)加一些圖片或圖標(biāo)
拆解：
1）背景添加圖片，頁面不會平淡飒筑；亮點：中間大樓恰好平分頁面
2）網(wǎng)格法做目錄頁片吊，了解一下
3）表格的內(nèi)框線盡量細(xì)，體現(xiàn)設(shè)計感
4）原圖亮度過高协屡，和封面頁一樣俏脊，加了一層蒙版
5）做好對齊，這一點很重要肤晓！
第3頁：
分析：
1）過于簡單的過渡頁
2）沒有做好居中對齊
拆解：
1）合并到下一頁
第4頁：
1）過渡頁的分目錄爷贫，頁面不平衡
2）和過渡頁一樣，過于平淡
3）文字和過渡頁重復(fù)补憾，可以刪減
拆解：
1）合并到下一頁
第5頁：
分析:
1）文字過多漫萄，可以適當(dāng)刪減，不脫離原本意思即可
2）LOGO和小標(biāo)題沒有做好對齊
拆解：
1）頁面中心的貨幣圖標(biāo)余蟹，和標(biāo)題“e貸通”呼應(yīng)
2）大標(biāo)題和小標(biāo)題做好字號卷胯、字重（字體粗細(xì)）的區(qū)別
3）小標(biāo)題左邊的小矩形，目的是引導(dǎo)視線
4）LOGO底部加圓角矩形威酒，凸顯LOGO，不然會被背景“淹沒”
5）文案精簡成4個詞+一句話
第6頁：
分析：
1）老問題挺峡，頁面上下失衡
2）頁面過于平淡
3）LOGO沒有對齊
拆解：
1）采用上一頁的版式葵孤，體現(xiàn)統(tǒng)一性
2）銀行卡式的圖標(biāo)，原始圖標(biāo)圓角過大橱赠，加了小圓角矩形進行布爾運算處理尤仍，完美
3）漸變小三角，小三角也是圓角狭姨！漸變方向引導(dǎo)觀眾視線向右
4）大圓角矩形承載內(nèi)容宰啦，提高圖版率苏遥，做好右對齊，同時矩形與矩形之間的距離保持一致
第7頁：
分析：
1）文字鋪滿了整個頁面赡模，缺少呼吸感田炭，能減則減
2）提交的資料，邏輯是并列的漓柑，不得調(diào)換
拆解：
1）中心的圖標(biāo)是“資料”教硫，細(xì)節(jié)：圖標(biāo)線框也是圓角；圖標(biāo)重心偏右上角辆布，適當(dāng)移動即可
2）三個圓線框粗細(xì)一致瞬矩，透明度不一致，體現(xiàn)層次感
3）文字精簡成6個詞锋玲，排好位置即可
4）其他的版式一致
第二部分：
看一看整體怎么樣景用？
Before:
After：
特別說明：原稿由公眾號“精進學(xué)苑”提供，在此特別感謝惭蹂！
如果有什么想法丛肢、想交流，可以私信我剿干。
