推荐Lovart 中文版 - 一站式 AI 设计平台推荐一人企业Vibe Coding社区!热门AI设计工具新品免费AI编程工具 Trae - 智能编码助手Seedance2.5已上线新用户注册即领免费算力
UIED.CN今天偷学哪一招,朋友
6281/8

公众号:记笔记的阿晴

我和天气界面的设计杠上了

2022-12-10732 字 · 约 3 分钟浏览 628
…

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

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

总觉得很奇怪,湿度和紫外线强度强行分手,算了算了,再改改,改出了第四稿:
图片
更奇怪了阿喂!!

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

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

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

评论 0

最新评论

登录后发布评论并参与互动。

暂无评论,欢迎抢沙发。