優化頁面，你需要做的絕對不僅是排版

摘要： 本la才入行，所以也是邊做邊學。。。。等本la做完公司一整個APP，回頭發現自己有很多不規範的地方，所以主動進行了優化，今天，本la拿出三張頁面出來與大家分享下優化心得。 個人中心頁 優化頁面，本la先從個人中心頁下手。因為太倉促，第一版版面樣式太老，大概是三年前的...

本la才入行，所以也是邊做邊學。。。。等本la做完公司一整個APP，回頭發現自己有很多不規範的地方，所以主動進行了優化，今天，本la拿出三張頁面出來與大家分享下優化心得。

個人中心頁

優化頁面，本la先從個人中心頁下手。因為太倉促，第一版版面樣式太老，大概是三年前的樣式吧……許多地方做得實在不規範。

當然，整體優化之前，還是需要做好統一的頁面規範的，如頁面網格規範法先做好標準，接著指定icon、字號、樣式等標準，最後確定主色調。

因為APP是一款偏商務、科技感較強的應用，所以採用藍色為主色調。排版上，引誘使用者點選檢視的板塊採用卡片的形式，配合不同的陰影，讓其凸顯出來；在優化後的頁面中，其他板塊icon配合文字，也讓APP清爽不少。不同位置的icon，風格也不同，但大部分用了線面結合的形式。標籤欄所在頁面和其他頁面的形式也做了區分（詳見首頁）。

商城

商城頁也從icon上做了改版，但是最主要的，是金剛區和“千人千面”的變化。

因為公司沒有產品經理、沒有互動、沒有完善的需求，運營給的示例圖中，就如第一頁，沒有分類和推薦，這就直接導致了本頁沒有金剛區，banner下面直接是商品。這就造成了使用者操作上的不便。改版後的頁面，金剛區加入了主要的產品分類，下面是上新推薦和好物推薦，根據不同使用者推薦相應感興趣的產品，增加使用者的消費率。

以上是本la對UI設計的一點小小的理解，希望大家多提意見，幫助本la進步。