APP的UI設計原則及UI界面適配步驟

移動APP的使用已成為移動互聯網時代的重要部分，同時移動APP的競爭也越來越大，如何在為數眾多的APP中脫穎而出呢？APP視覺UI設計占一大塊。所以，我們必須了解移動APP客戶端的UI設計原則及UI界面適配步驟。

第一點：移動APP客戶端的UI設計原則

1)手機本身的物理特性受限引起的操作交互指南：

a、移動APP客戶端的文字輸入，必須要降到最低：由于手機在輸入上的低效性，在設計的過程中，應盡量減少用戶的輸入，如果有可能可以設置默認值，或者讓用戶選擇目標值。

b、移動APP客戶端的信息結構好，屏與屏之間的邏輯關系清晰：由于手機屏幕都普遍較小，即使有4吋屏，那也只能展示較少的信息量，因此，在手機設計上，更需要有清晰的信息架構，用戶知道當前在哪兒，并能返回到哪兒。

c、移動APP客戶端的操作、功能不要隱藏太深，重要功能都需要在界面中有適當的提示：由于手機屏幕較小，不能展示所有的信息。因此，對重要的、使用頻率高的功能或信息放在最重要的位置，并在首頁上展示或指示。

2)手機的移動特性引起的指南：

a、移動APP客戶端的最主要的功能操作，用單手可以完成：手機的使用情景多樣性，在很多情景下，用戶都只能單手來操作手機，因此，在客戶端的設計過程中，需要考慮最重要的核心功能，能否單手操作完成。常見手勢翻頁交互效果和優點等。

b、移動APP客戶端的界面必須簡潔、操作簡單，操作步驟少：由于用戶操作情景復雜，在使用客戶端的過程可能有額外的認知負荷，因此，在設計客戶端的過程中，邏輯必須簡單，操作步驟也要減少。

c、移動APP客戶端的界面層次不要太深，最好不要超過3級。

d、移動APP客戶端的提示包括界面、聲音、振動多種形式：用戶在操作手機時，往往不會一直盯著手機屏幕看，因此，很多手機狀態頁面的切換，脫離了用戶的視線，這時，必須要提供視覺之外的其他感覺通道的信息(如聽覺、觸覺等)，來對用戶做提示。快速體驗移動觸摸響應操作等。

3)其他移動UI設計原則

a)客戶端UI的適配不必恪守所有的平臺都保持一致，只要一些品牌的關鍵元素能體現可。

b)客戶端的主要操作方式(框架、導航、按鍵功能及軟鍵對應方式等)應與所承載的手機操作系統保持一致：客戶端都承載在某款具體的手機平臺中，而用戶會對當前的手機平臺很熟悉。

因此，在設計的過程中，需要更好地理解當前的手機平臺，并使客戶端的設計與手機系統的設計邏輯保持一致。

第二點：.手機APP客戶端UI界面設計適配的步驟：

移動APP客戶端的適配要以一個平臺為起始，但是要著眼于多個平臺。

1)根據公司的戰略，選擇一個最先切入的平臺;

2)了解該平臺的UI設計規范，可用的UI控件及交互原則;

3)確定切入的屏幕大小，以此來設計第一個客戶端，但是要考慮適配其他屏幕的可能性，是自適應來擴展或者縮小;

4)根據平臺及屏幕大小，來選擇一款最典型的手機，開始客戶端的交互設計。

5)確定客戶端的核心目的。如為娛樂為主的，應在設計方式更娛樂性;功能性完成目的為主的，以更易用性為主;

6)根據客戶端的功能和內容，來設計客戶端的信息架構;

7)根據UCD的原則，來完成客戶端的交互原型;

最后，我們在交互原型的過程中，需要考慮手機適配的三因素(平臺、屏幕、觸摸/非觸摸)，以便將來的界面適配做的很完美!看完之后，希望對app設計師們有所幫助。

河南億恩科技股份有限公司(www.vbseamall.com)始創于2000年，專注服務器托管租用，是國家工信部認定的綜合電信服務運營商。億恩為近五十萬的用戶提供服務器托管、服務器租用、機柜租用、云服務器、網站建設、網站托管等網絡基礎服務，另有網總管、名片俠網絡推廣服務，使得客戶不斷的獲得更大的收益。
服務器/云主機 24小時售后服務電話：0371-60135900
虛擬主機/智能建站 24小時售后服務電話：0371-55621053
網絡版權侵權舉報電話：0371-60135995
服務熱線：0371-60135900