来看看优化前的页面:
第1步 加入IP
本次的案例是运动赛的打卡页,所以我们可以加上符合运动主题的IP形象,形成差异化的设计:
首先,主标题的字体当然要选用运营类的字体啦,如果没有复用的需求就去找AI生成一个吧。我们将这个字体放大,这样就可以拉开标题和卡片文字的信息层级;
我们可以把背景底板的颜色改为绿色,这样较之优化前可以增强视觉冲击力,并且加一些背景底纹丰富细节:
第1步 设计标题
我们可以改变标题字体,这里的标题需要复用,所以我们选择现有字体。同样,我们可以放大重点信息,加入曲线色块修饰:
我们可以对打卡卡片异形处理,将右上角挖空,使卡片和IP之间做一些破行穿插,丰富层次:
第1步 排版
首先我们将标题复用打卡卡片的字体和设计样式,形成呼应;大量文案的部分通过字体,自重,灰度,间距拉开文字层级:
由于本次主题是运动类,我们可以用轻拟物的方式加点睛之笔:打卡卡片和打卡活动规则卡片用圆环连接。这个灵感来自于运动会使用的计分牌:

優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務(wù)" 的經(jīng)營理念,誠信務(wù)實的服務(wù)了近萬家客戶,成為眾多世界500強、集團和上市公司的長期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動端應(yīng)用(手機站、APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號:
