今天来做的界面这个页面 ，光是优化一开始就薅了好久的头发 。
这个页面的实战最初版长这样 ：
最后调整为这样 ：
到底为什么要做这些改动呢 ？高手
大概为了以下几点 ：
除了这几大点之外，案例过程中还有一些细节小点，高手接下来分享给大家
不知道大家留意过这类的实战设计风格没有 ，他们在页面中运用了很多明度较高 、案例饱和度较高 、较亮眼的颜色
为了能压住页面 ，也都用了一块面积的黑色 ，不让整个页面显得很轻、很浮 。黑色的文字和图标也是起到这样的作用
当然黑色面积也不一定非得用在按钮上 ，比如插画、图片上 ：
背景里 ：
总之 ，思维不局限在一定要加个黑色按钮，各种地方都可以 ，只为了服务于画面更加平衡和美观～
所以回到我们做的页面，尝试直接把卡片变成黑色的 ，或者在头部加个黑色背景试一下
Icon 里融入黑色面块 ：
背景改成灰色 ：
现在卡片的层次大致分为三层 ：
在此基础上 ，尝试再加一层 ，让金币从画面中凸出来 。
这样使头部卡片更丰富、在页面中更强调 ：
这样看着比较合适 ，我们再把金币的风格跟页面调整统一
现在的金币是扁平的 ，不太像金币，更像贴纸 ，扁平的拍在画面上 。
当加入一些侧面 ，变化就很明显 ：
最后一点调整
1. 将线条处理为断线：
2. 调整卡片纹理
卡片纹理依旧用以前的还是有些琐碎了 ，所以将纹理调整的更整体 ，再用一些较细的线和元素进行点缀即可！
3. 标题点缀绿色高亮 ，丰富页面
纸上得来终觉浅 ，绝知此事要躬行 。
现在眼睛学会了 ，遇到相关案例，就用手去尝试下吧 ！
菜心设计铺
关注微信
