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:
特别说明:原稿由公众号“精进学苑”提供,在此特别感谢!
如果有什么想法、想交流,可以私信我。