UI界面改版及思路

工作的第二年,也算是进步大一点的一年,记录下来,希望自己朝喜欢的方向变得更好

这次聊聊怎么设计改版一个页面,希望也能给你带来一点帮助

先来看看我之前的一个改版案例,我们就以这个改版案列来说

进行页面改版,需要进行四点:

1. 了解需求

2. 分析需求

3. 找灵感,参考别人怎么设计

4. 设计界面

   
   

了解需求: 就这个页面改版来说,因为这个APP之前是已经设计过一个版本,现在我们只需要给它换个设计,让界面看起来不一样,让人看不出是一个APP,所以这次的改版就只需要做界面上的改变,内容不需要优化,所以我们直接省略第二步

然后这是我没有找任何参考做出来的界面

被否了,我才想到去找参考,找灵感

于是,我又去网上一通找,找到以下设计图作为参考

来说说我是怎么找灵感的,首先我们分析布局,这块布局就是一个卡片布局,加上插画,文案,且每一块文字内容较多,所以,改版还是要做卡片布局,然后版式是竖着4个排下来,那我可以做横着的,上面两个,下面两个,然后还要有图标,有了初步分析,接下来按自己的需求找到相关的素材

然后有了思路

图标放右上角,文案放框里,有了接下来的画面

最后的画面图标很精致,布局合理,版式上也有了变化,完全看不出是一个APP,虽然过程很辛苦,但是,我进步了

我也用同样的方法改了一些其他页面

会发现我都会从一个很丑的界面改得舒适,利用这种方法会让设计稿变得更加精美

最后,希望大家做东西的时候,不要跟我一样,拿到手就做,可以先找找灵感,在自己的打磨下,思考下,最终都会完成一个精美的界面