文章预览
今天给大家分享的是学员页面优化思路，先来看看优化效果吧： 原版问题： 1、温度展示的模块是页面最核心的内容，但是层次不够丰富，只有颜色一个层级： 2、进度条的缺口在右下方，把整个圆环看做一个圆形的话，只有一个支点在水平面，结构不稳定： 3、外圈刻度点与点之间比较分散，与主体间距也太远，层次也不够丰富： 根据这些问题，我们首先要丰富温度模块的层级： 单一颜色调整为一点小渐变，放大数字，给数字改个设计感强一些的字体（我这里用的是Misans），再增加一行英文做装饰，弱化圆形装饰，给模块增加投影： 调整进度条，把进度条缺口放在下方，让圆环有两个支点更稳定： 调整刻度条，缩小点与点的间距，把上方和左右两边的大刻度加长，同时让刻度的弧形与第2圈圆环一致，最后再缩小刻度与圆环的间距： 恭喜你，
………………………………
