当前位置:首页设计文章UI我和天气界面的设计杠上了
我和天气界面的设计杠上了
°
  • 素材类型: 原创-素材
  • 上传时间:
  • 版权问题: 禁止转载-禁止商业用途 (文章来源)

前言最近(12.2)在做新的套图,又是做圆的尺寸。已知:圆的比方形的比较难排版,还记得上次我发的那篇天气的文章么:天气界面优化的思考这次我想着能不能再优化一下?还有没有更好的设计方案?于是又开始死磕,磕了一天,算是有满意的了。这次的优化过程中我最大的感悟就是:每天看好的设计真的很重要,而且是要带着思考去看。来看一下我的成果吧。先看一下过程稿:

我和天气界面的设计杠上了
第一稿是上次我排了10个之后做出来的有种“恩就是这个了!”的感觉,后来就用这稿了,现在我准备在这一稿的基础上再“为难”一下自己,再优化一下。首先是换了一下背景色,不要纯黑,搞点高级点的渐变(深蓝):
我和天气界面的设计杠上了
但是我觉得有点太单调了,虽然上次排了10个版本之后,主次分出来了,但是总觉得少了点啥,说不上来,要不再来个渐变背景?把渐变背景跟背景的渐变换个方向试试,没想到还不错:
我和天气界面的设计杠上了
因为天气下一屏的内容是未来七天的天气,所以我把深蓝色的渐变改成纯黑,让其自然过渡的同时又多加一层背景,使界面没那么单调。最后,再把文字可以换成图标的换一下试试?于是得到第二稿。第三稿是去合计群里问大家的意见,有个小伙伴给我排了个左右结构,于是我效仿着排了一下,得到第三稿:
我和天气界面的设计杠上了

总觉得很奇怪,湿度和紫外线强度强行分手,算了算了,再改改,改出了第四稿:
我和天气界面的设计杠上了
更奇怪了阿喂!!

此时我找到这张图:突然一下子顿悟了:

我和天气界面的设计杠上了
把第三稿和第二稿中和一下,再结合这张图给我的灵感(更新文字改成图标,又能减少一张切图,真棒!),于是得到第五稿:
我和天气界面的设计杠上了
此时,那种“就是这个!”的感觉出现了!!这个时候,这个界面的排版布局,终于达到了我想要的效果!
来对比看一下之前排了十版得到的最终稿,和现在排了5版得到的最终稿:
我和天气界面的设计杠上了
虽然看起来变动不太大,但这背后的思考历程弥足珍贵。

后记这次我对于每天看图的重要性有了新的顿悟,正是因为看到了这张图,所以我才有了最终的灵感。以后我要继续把这些我的思考都记录下来,一个人的消失,最可惜的是他的思考他的想法无人知晓。这次算是真的很满意了,应该不会再写第三篇了。

温馨提示:

文章标题:我和天气界面的设计杠上了

文章链接:https://www.uied.cn/6438.html

更新时间:2022年12月12日

本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
UI产品效率工具设计干货

Figma 制裁事件与备份

2022-12-10 17:30:00

UI产品设计干货

梳理「产品设计模型流程」

2022-12-11 19:13:05

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索