案例背景
從公司成立就一直跟進的一個項目，共進行過兩次大的改版，還有一些大大小小各式各樣的活動，期間也有一些想法和心得，也有很多不成熟的地方請大家指:出x...本作品只做學(xué)習(xí)交流，有一些飛機稿和概念稿，實際效果以上線效果為準..
改版思路
首先介紹小程序UI的些改版思考，大的改版有兩次，1.0和2.0,兩次改版相隔一年左右，這里我就放了兩次改版的部分頁面(因為有很多飛機稿)，之前的設(shè)計已完全偏離大眾平均審美線，于是我們首先確定幾個大方向先看流行的和一些做的好的長啥樣，也確定一下我們都要改哪些地方...
Ios：化繁為簡
安卓：內(nèi)容大于裝飾
我們選取了一些流行的風格和方向，但是流行的風格不定就適合我們，做到頁面里去才知道最適合我們的是什么樣的。所以這里就不放一些官方的研究、畫像、人群啊之類的了，省略此步驟，直接掏出來些流行的風格，代入頁面中飛機稿走起來;設(shè)計還是要多看多做才知道對不對，好不好看，適不適合。
按說規(guī)范我個人理解應(yīng)該是先用后定的，頁面做個大概后，規(guī)范能適用于絕大多數(shù)頁面，這才能定為規(guī)范，這里考慮到瀏覽問題，就給放前面了，為了提高品牌調(diào)性和差異化，顏色都加了點品牌色做延展，使整體更有活力一點。
G2連續(xù)曲率平滑圓角，比G1相切曲線圓角更加的柔和，平滑，增加感官親和力，給用戶較為輕松的使用體驗，同時也能傳達公司活力正能量的一面。由于是自發(fā)進行的改版項目，基本上是設(shè)計主導(dǎo)，自己動手簡單畫了畫原型用來表達想法
登陸頁圓角設(shè)計加大留白讓頁面呼吸感十足，淡灰色輸入框讓頁面整體更加的輕盈，更有活力搜索頁面采用無框設(shè)計，文字重量級區(qū)分，更簡潔的同時也可以做到更多的展示。強化了底部掃碼充電button,將之前的小button改為了通欄button,更加突出，在信息聚合方面，通過分析數(shù)據(jù)，附近門店的點擊率是最高的，我們將其放在了頂部，并強化突出屏幕底部增加了上滑式可擴展廣告位，默認展示固定優(yōu)惠信息，誘導(dǎo)用戶上滑操作。
