過去從來沒有想過，智能手機能發展到今天這個地步，幾乎所有的運用和操作都可以在手機上進行。這就對移動客戶端的設計有了更高的要求。今天就讓小編為大家介紹移動客戶端ui設計指南。

　　移動客戶端ui設計指南教你ui設計原則

　?。ㄒ唬┦謾C本身的物理特性受限引起的操作交互指南

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

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

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

移動客戶端ui設計指南（圖片來自網絡）

　?。ǘ┦謾C的移動特性引起的指南：

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

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

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

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

　?。ㄈ┢渌苿?a href='http://www.clzycsv.com/ui/'>UI設計原則

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

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

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

移動客戶端ui設計指南（圖片來自網絡）

　　移動客戶端ui設計前必須了解的內容

　　UI設計之前必須搞清楚物理像素、邏輯像素、倍率三個詞。

　　屏幕都是由許多像素點組成，每個點發出不同顏色的光，構成我們看到的畫面。像我們的熟悉iphone 6s 屏幕就是由750行、1334列像素點組成的矩陣圖。設計師作圖所用的分辨率就是指物理像素，簡而言之，物理像素=分辨率，單位px。

　　邏輯像素又叫邏輯點，是控制屏幕內容顯示多寡的一個單位，單位符號pt，程序員在開發環節必須將設計師提供的物理像素轉換成邏輯像素，并通過邏輯像素來控制頁面顯示哪些內容。不同設備邏輯像素與物理像素的比例是不同的。每個設備物理像素固定不變，我們調節顯示器的分變率其實調節的是邏輯像素。

　　物理像素在硬件層面構成了液晶屏幕，邏輯像素在軟件層面構成了畫面圖像倍率，1個邏輯像素對應1個物理像素，1pt=1px，倍率1x，1個邏輯像素對應1.5個物理素，1pt=1.5px，倍率1.5x，1個邏輯像素對應2個物理像素，1pt=2px，倍率2x，1個邏輯像素對應3個物理像素，1pt=3px，倍率3x，倍率=物理像素/邏輯像素。

　　由于開發工具不同，邏輯像素在ios,android名稱不同，ios是pt，android是dp。

　　以上就是小編為大家介紹的關于移動客戶端ui設計指南的相關內容。隨著智能手機的運用，移動端逐漸成為APP使用的主流方式，了解移動客戶端ui設計指南的相關設計原則才能更好地開發APP。