如何對APP界面進行改版設計?為了迎合當前行業和同類型產品的設計趨勢，以及用戶使用習慣的改變，設計師都會結合之前對自身產品的分析與理解，與多款競品進行詳細比對後，對APP進行改版。下面，香港網頁開發公司將和大家分析「如何對APP界面進行改版設計」的問題。

如何對APP界面進行改版設計?

◆ 改版設計の關注點：設計趨勢分析

趨勢一：漸變、活潑大膽的用色

APP網頁設計技巧

雖然潮流興「漸變、活潑大膽的用色」，但這也並非適用所有產品使用。金融類、新聞類、教育類等APP設計，如果配色過於豐富或複雜，很容易分散用戶的注意力，無法聚焦內容本身。相反，電商或音樂類的APP設計，則適合使用較為活力的配色，來渲染產品氣氛。

在上面的案例中，左邊的「訂票APP」為了不分散用戶的注意力，以及避免對信息本身造成影響，顏色的選擇上多以藍、白、黑進行搭配;至於右邊關於「派對、俱樂部」信息展示的APP，由於本身信息量不大，選擇較為誇張漸變配色，以及添加適量的元素進行裝飾，整體搭配和諧。

趨勢二：實驗性的界面排版結構

APP網頁設計技巧

豐富大膽的排版結構能在第一時間抓住用戶的眼球，同時大大增強界面的整體設計感。但這種設計的局限性也很大，如果頁面內容信息過多，或排版不當、配圖不當等，都很容易會起到發效果，使頁面變得雜亂無法聚焦。

但這種排版風格也不是完全不可取，應用在H5頁面或詳情頁面還是挺出彩的。其延伸的設計方式還包括：全屏背景圖片、海報樣式頁面、卡片切割式布局、懸浮效果等。

趨勢三：插畫元素的運用

APP網頁設計技巧

越來越多的APP設計都加入插畫元素。合適的插畫能起到抽象理念具象化的作用，能更好更多樣的講述品牌故事，向用戶傳遞品牌價值，拉近產品與用戶之間的距離，增加親和力，同時也讓頁面變得更加有趣。

插畫元素可以用在產品中很多地方，在繪製插畫過程中要統一顏色、造型、裝飾元素等規範，這樣可反覆利用，快速修改，增加效率。

趨勢四：扁平化設計

APP網頁設計技巧

提到APP設計或者更新改版，那就不得不說扁平化設計。以往扁平化設計的核心就是去掉冗餘的裝飾效果，簡單直接且不被過分干擾地將信息展示出來，減少用戶在使用產品時所產生的認知障礙。

隨着設計語言的變化統一，扁平化風格也在合理範圍內更加豐富和進化，使得元素細節變得更加豐富，也使得頁面風格不至於過分單調，出現審美疲勞。

趨勢五：動效的合理使用

動效設計在APP設計中的地位越來越高，優秀的動效效果能使扁平的頁面變得更加活力，增加產品的體驗舒適度;能緩解用戶在等待時出現的負面情緒，讓用戶眼前一亮。

使用動效設計時，需注意動效設計切勿過於複雜或絢麗，這不僅會分散用戶的注意力，干擾產品的重要內容;還會加大開發成本，加大產品體積。

◆ 改版設計の關注點：梳理改版要點

1.競品分析，取長補短

APP網頁設計技巧

分析市場上與自身產品屬性相匹配的競品其優點，並提取梳理;再結合自身產品的內容框架進行比對優化。這樣可以避免「閉門造車」，學習其他平台的優點，需求突破，並提高APP設計改版的效率。

以金融產品為例，產品會涉及到實名認證、資金流入流出、投資理財、利息收益等，但對用戶而言安全性才是最重要。所以設計金融產品時，界面盡量簡潔精緻，想方設法降低用戶的疑慮，增加用戶對產品的信心。

2.設立埋點，搜集數據

數據支撐對改版起着非常重要的作用，我們可以從不同區域的點擊量進行思考，如：分析該區域點擊量少的原因，是因為用處不大還是字段、位置問題，如果是前者，我們可考慮是否直接去掉該部分，後者則更換字段或位置，再看看點擊量的變化;若頁面中的點擊區域點擊量很高，也要分析其原因，並考慮改版時是否需要保留。

另外，我們可以通過第三方平台搜集用戶的反饋，強化數據。

3.視覺信息展示的合理性與一致性

考慮APP界面的版式時，應考慮大多數用戶的使用習慣。複雜的設計和較高的開發成本，雖然會給用戶帶來新鮮感，但同樣存在很大的風險。

設計頁面時，一定要保持APP設計一致性的原則，不要把各個頁面做成不同風格，間距、配色、插畫等都要保持一致，設計規範與主要樣式都要貫穿始終，切不可隨意的大面積變換。

4.換位思考

在設計之前，多站在用戶的角度去看待審視自己的產品;儘可能分析出所有不合理的地方，以便儘早處理。所以，在改版前充分搜集客戶的需求以及使用體驗。

同時，「換位思考」還可以實行在團隊身上，讓團隊中的所有成員都參與其中，聽取他們的建議，從中梳理出更多有益的點子。

5.刻意的改變

APP網頁設計技巧

市場上趨於同質化設計的產品越來越多，所以在APP設計時，可刻意尋求不同。例如：雖然目前APP設計遵循扁平化設計的趨勢，但也可以在扁平化的基礎上不斷地進行新的嘗試與創新。

6.團隊測試

像設計之初集思廣益一樣，頁面設計完成後也可以讓大家共同參與，從中發掘頁面的邏輯和設計中的問題。

如果時間充裕，還可以用Axure、Principle等工具做成可交互的demo讓大家進行測試。這樣做可以更加直觀的發現整套頁面中的問題。

◆ 改版設計の關注點：後期整理

完成全部設計及測試完畢後，就要與開發部門進行對接，這其中涉及一項很重要的工作，「切圖和標註」。

如今技術越來越完善，我們可以藉助其他的插件快速完成標準的工作;同樣，我們也可以利用軟件標出切圖部分，然後上傳讓開發人員自行下載。這樣就能大大提高後期輸出的速度，節省不少時間。

完成全部工作後，文件的整理命名也是非常重要，我們要在工作養成好的習慣，每個文件都要命名好，分好文件夾，方便日後的修改和總結。