专栏名称: 菜心设计铺
想一起打卡的兄弟们,后台回复“打卡”,查看详情!
今天看啥  ›  专栏  ›  菜心设计铺

别说你作品不行,你看我给你改完之后怎么样!

菜心设计铺  · 公众号  ·  · 2024-07-09 11:51
    

文章预览

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

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览