過去從來沒有想過，智能手機(jī)能發(fā)展到今天這個(gè)地步，幾乎所有的運(yùn)用和操作都可以在手機(jī)上進(jìn)行。這就對(duì)移動(dòng)客戶端的設(shè)計(jì)有了更高的要求。今天就讓小編為大家介紹移動(dòng)客戶端ui設(shè)計(jì)指南。

　　移動(dòng)客戶端ui設(shè)計(jì)指南教你ui設(shè)計(jì)原則

　　（一）手機(jī)本身的物理特性受限引起的操作交互指南

　　1、移動(dòng)APP客戶端的文字輸入，必須要降到最低：由于手機(jī)在輸入上的低效性，在設(shè)計(jì)的過程中，應(yīng)盡量減少用戶的輸入，如果有可能可以設(shè)置默認(rèn)值，或者讓用戶選擇目標(biāo)值。

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

　　3、移動(dòng)APP客戶端的操作、功能不要隱藏太深，重要功能都需要在界面中有適當(dāng)?shù)奶崾荆河捎谑謾C(jī)屏幕較小，不能展示所有的信息。因此，對(duì)重要的、使用頻率高的功能或信息放在最重要的位置，并在首頁上展示或指示。

移動(dòng)客戶端ui設(shè)計(jì)指南（圖片來自網(wǎng)絡(luò)）

　?。ǘ┦謾C(jī)的移動(dòng)特性引起的指南：

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

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

　　3、 移動(dòng)APP客戶端的界面層次不要太深，最好不要超過3級(jí)。

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

　　（三）其他移動(dòng)UI設(shè)計(jì)原則

　　1、客戶端UI的適配不必恪守所有的平臺(tái)都保持一致，只要一些品牌的關(guān)鍵元素能體現(xiàn)可。

　　2、客戶端的主要操作方式（框架、導(dǎo)航、按鍵功能及軟鍵對(duì)應(yīng)方式等）應(yīng)與所承載的手機(jī)操作系統(tǒng)保持一致：客戶端都承載在某款具體的手機(jī)平臺(tái)中，而用戶會(huì)對(duì)當(dāng)前的手機(jī)平臺(tái)很熟悉。

　　因此，在設(shè)計(jì)的過程中，需要更好地理解當(dāng)前的手機(jī)平臺(tái)，并使客戶端的設(shè)計(jì)與手機(jī)系統(tǒng)的設(shè)計(jì)邏輯保持一致。

移動(dòng)客戶端ui設(shè)計(jì)指南（圖片來自網(wǎng)絡(luò)）

　　移動(dòng)客戶端ui設(shè)計(jì)前必須了解的內(nèi)容

　　UI設(shè)計(jì)之前必須搞清楚物理像素、邏輯像素、倍率三個(gè)詞。

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

　　邏輯像素又叫邏輯點(diǎn)，是控制屏幕內(nèi)容顯示多寡的一個(gè)單位，單位符號(hào)pt，程序員在開發(fā)環(huán)節(jié)必須將設(shè)計(jì)師提供的物理像素轉(zhuǎn)換成邏輯像素，并通過邏輯像素來控制頁面顯示哪些內(nèi)容。不同設(shè)備邏輯像素與物理像素的比例是不同的。每個(gè)設(shè)備物理像素固定不變，我們調(diào)節(jié)顯示器的分變率其實(shí)調(diào)節(jié)的是邏輯像素。

　　物理像素在硬件層面構(gòu)成了液晶屏幕，邏輯像素在軟件層面構(gòu)成了畫面圖像倍率，1個(gè)邏輯像素對(duì)應(yīng)1個(gè)物理像素，1pt=1px，倍率1x，1個(gè)邏輯像素對(duì)應(yīng)1.5個(gè)物理素，1pt=1.5px，倍率1.5x，1個(gè)邏輯像素對(duì)應(yīng)2個(gè)物理像素，1pt=2px，倍率2x，1個(gè)邏輯像素對(duì)應(yīng)3個(gè)物理像素，1pt=3px，倍率3x，倍率=物理像素/邏輯像素。

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

　　以上就是小編為大家介紹的關(guān)于移動(dòng)客戶端ui設(shè)計(jì)指南的相關(guān)內(nèi)容。隨著智能手機(jī)的運(yùn)用，移動(dòng)端逐漸成為APP使用的主流方式，了解移動(dòng)客戶端ui設(shè)計(jì)指南的相關(guān)設(shè)計(jì)原則才能更好地開發(fā)APP。