来看看优化前：
方向一：头部卡片优化
步骤1 优化标题样式
优化前的标题样式普通，我们可以加一点设计感：
优化前头部的3组数据（总收益、今日收益和算力余额）排版零散，我们可以运用容器思维将它们先全部合并到一个卡片中去：
也就是信息层级重新梳理，尤其是“今日收益”和“算力余额”，我们可以将这两组数据设计成统一排版样式，并排清晰展示：
在视觉上还可以将这个数据卡片异形处理，增添设计感：
在异形空位处加一个用AI生成的装饰图标，，将卡片底板制成毛玻璃效果，进一步增添设计感：
为了烘托氛围，我们可以给这个页面底板头部加光感设计，顶部卡片也加一点渐变和背景底板呼应：
步骤1 优化按钮样式
优化前的按钮视觉体验上不清晰并且设计呆板，我们要对其进行优化：
接下来拉开信息层级，突出信息重点。比如每个数据的名称我们可以弱化设计；再比如对于“今日收益”这样存在正负情况的数据，我们用正向和负向的颜色区分数据：
优网科技，优秀企业首选的互联网供应服务商
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。
公安局备案号：
专属顾问
