Fion Cui's profile

Air matters Redesign

最近待业中,所以只好多做点练习了~

原来计划把booking的那个页面补完,不过越看工程量越大是以先做一个小品类的APP练练手。继续写下分析和思路,记性越来越差了。

为什么是在意空气?

比起相对成熟只能再去做创意的app,我更倾向于去思考一些稍显不足但是可塑性很强的产品。这是一款我经常使用的关于空气质量的app,我会经常看一下当天的空气质量来决定出行。本身的设计其实不差,简洁易懂,只不过我既然要做练习,就要去找一些点来进行思考啦。

这次没有去做1:1的还原,而是做了更倾向于类似功能性的思考设计,所以可能存在某些功能点的添加或减少。

主要完成了首页概况两屏的设计和排行榜的设计,地图因为比较不好控制涉及的范围就没有做。

首页概况
首屏主要由添加净化器和检测器(我自己没有可以对应的净化器所以不知道连接后的样式),附近空气状况的大卡片和收藏地点空气状况的小卡片组成,简单的从上到下排列。添加净化器直接放在了底层的灰色上,存在感不是很高,下面的卡片没什么问题,挺好的用颜色做出了区别,也能很快的让人看到需要看到的信息,如果沿用现在的样式我觉得自己可能不能做到更好,所以我对卡片做了全新的设计,可以说这不是一次纯粹的视觉Redesign,而是做了一个同类app的设计练习。

我做了什么:

1.设计了全新的大卡片,用了不一样的视觉思路去设计这个卡片,用了更大尺寸和图形化的设计,把重要信息的位置放到了更重的位置上,增加首页的可观赏性,调整了信息的密度,增加阅读舒适性和空气感。

2.给整个app做了一个简洁的背景图,丰富一下画面。

3.加强了添加净化器的区块比重,使他更像一个独立的功能区块。

4.整理了小卡片的样式,把颜色的部分放到了左边更显眼的地方。

5.优化了一下icon。

当然做完之后,我才想起来一些不统一的地方(哭……真的忘了),也写出来防止再犯错误:

1.颜色忘记做统一了,因为分开两次做的完全忘记了同意颜色。

2.少数icon的统一性不好。

3.因为是理想化的设计并没有给广告留出位置,如果在实际设计中,需要给广告留出空间。
排行榜。

排行榜
还优化了排行榜的样式。排行榜就比较简单了,基本只做了视觉优化来调整画面,设计风格延续了首页的设计,用了有图案的背景和半透明的卡片增加通透感。

我做了什么:

1.优化了选择TAB的样式和层级,让层级结构更清晰。

2.优化了排行榜样式,优化了数字显示的样式,用了比较流行的渐变色来设计这块,用了更圆润的样式。

总结一下吧

这是我开始做Redesign的第二个产品,主要想想练习的还是眼手协调的能力(对,我就是协调能力很差的人),对产品的理解能力以及设计技巧,大概会抽出半天左右的时间来做设计,再抽出两三个小时组织语言写出思路。毕竟也是科班学过设计的人算是有一点点天分,但是后天严重缺乏努力,工作之后去做练习的时间少之又少。今年想通了一些关于自己未来发展的问题,决定还是试一试多努力一点点能不能达到目标,想做的事情还有很多不想轻易放弃。
Air matters Redesign
Published:

Air matters Redesign

Published: