来看看优化前的页面：
第1步 加入IP
本次的案例是运动赛的打卡页，所以我们可以加上符合运动主题的IP形象，形成差异化的设计：
首先，主标题的字体当然要选用运营类的字体啦，如果没有复用的需求就去找AI生成一个吧。我们将这个字体放大，这样就可以拉开标题和卡片文字的信息层级；
我们可以把背景底板的颜色改为绿色，这样较之优化前可以增强视觉冲击力，并且加一些背景底纹丰富细节：
第1步 设计标题
我们可以改变标题字体，这里的标题需要复用，所以我们选择现有字体。同样，我们可以放大重点信息，加入曲线色块修饰：
我们可以对打卡卡片异形处理，将右上角挖空，使卡片和IP之间做一些破行穿插，丰富层次：
第1步 排版
首先我们将标题复用打卡卡片的字体和设计样式，形成呼应；大量文案的部分通过字体，自重，灰度，间距拉开文字层级：
由于本次主题是运动类，我们可以用轻拟物的方式加点睛之笔：打卡卡片和打卡活动规则卡片用圆环连接。这个灵感来自于运动会使用的计分牌：
需要这个页面源文件的同学，点赞加评论，然后截图给下面这个微信，领取即可：
优网科技，优秀企业首选的互联网供应服务商
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。
公安局备案号：
专属顾问
