Hello，你是我的第一个读者！我是勋章Joker，今天是我在简书的第一篇文章，希望你会喜欢。

先来一张好看的头图：

图片来自摄图网

第一部分：

第1页：

分析：

1）整个页面太单调

2）LOGO像素模糊

3）小字部分毛笔字不适合“产品介绍”这种庄重、沉稳的场面

4）小字部分“交通银行”和LOGO内容重复了，可以删减

图片来自摄图网

拆解：

1）商务大楼的图片，丰富页面的内容

2）LOGO原来的颜色是深蓝色，在此页面和背景颜色冲突，对LOGO进行反白处理

3）加上英文显得高大上一些，注意英文长度和标题一致，体现对齐原则

4）为了文字显示清晰，加了一层蒙版，蒙版颜色取自图片，目的是为了和谐感，同时也符合LOGO的主题色

5）“河北省分行”缩小居中即可

第2页：

分析:

1）页面没有达到平衡

2）很平淡的目录页，适当加一些图片或图标

图片来自摄图网

拆解：

1）背景添加图片，页面不会平淡；亮点：中间大楼恰好平分页面

2）网格法做目录页，了解一下

3）表格的内框线尽量细，体现设计感

4）原图亮度过高，和封面页一样，加了一层蒙版

5）做好对齐，这一点很重要！

第3页：

分析：

1）过于简单的过渡页

2）没有做好居中对齐

拆解：

1）合并到下一页

第4页：

1）过渡页的分目录，页面不平衡

2）和过渡页一样，过于平淡

3）文字和过渡页重复，可以删减

拆解：

1）合并到下一页

第5页：

分析:

1）文字过多，可以适当删减，不脱离原本意思即可

2）LOGO和小标题没有做好对齐

拆解：

1）页面中心的货币图标，和标题“e贷通”呼应

2）大标题和小标题做好字号、字重（字体粗细）的区别

3）小标题左边的小矩形，目的是引导视线

4）LOGO底部加圆角矩形，凸显LOGO，不然会被背景“淹没”

5）文案精简成4个词+一句话

第6页：

分析：

1）老问题，页面上下失衡

2）页面过于平淡

3）LOGO没有对齐

拆解：

1）采用上一页的版式，体现统一性

2）银行卡式的图标，原始图标圆角过大，加了小圆角矩形进行布尔运算处理，完美

3）渐变小三角，小三角也是圆角！渐变方向引导观众视线向右

4）大圆角矩形承载内容，提高图版率，做好右对齐，同时矩形与矩形之间的距离保持一致

第7页：

分析：

1）文字铺满了整个页面，缺少呼吸感，能减则减

2）提交的资料，逻辑是并列的，不得调换

拆解：

1）中心的图标是“资料”，细节：图标线框也是圆角；图标重心偏右上角，适当移动即可

2）三个圆线框粗细一致，透明度不一致，体现层次感

3）文字精简成6个词，排好位置即可

4）其他的版式一致

第二部分：

看一看整体怎么样？

Before:

（修改前）

After：

（修改后）

特别说明：原稿由公众号“精进学苑”提供，在此特别感谢！

如果有什么想法、想交流，可以私信我。