UI的設計在移動設備中是非常重要的。因為移動設備與PC在屏幕和解決方案的不同導致兩者的界面設計存在很多的不同，我們也介紹過“Android的UI設計與后臺線程交互”以及Symbian和Android UI設計的教程。其實移動設備界面設計方面有很多技巧，為此，我們找到了移動設備界面設計方面的8個有用的要點，希望對你在移動設備平臺的界面設計有所幫助。

布局、布局、布局

設計布局歸根結底是為了移動設備用戶的可訪問性、可用性以及整體的可讀性。在布局設計中，重中之重的一點就是確保在所有移動設備上（無論其屏幕的大小以及各異的解決方案）的靈活性。

意思就是，內(nèi)容的規(guī)模會根據(jù)屏幕大小而定，解決方案也根據(jù)移動設備的不同而改變。良好的布局應該適用于觸摸屏和非觸摸屏。讓我們對此進行更詳細的分析。

順序與規(guī)模

一個優(yōu)秀的移動設備用戶界面設計具備2個主要因素。順序就是指設計中每個要素（如按鈕、text boxes和鏈接等等）的分布順序與層次。這點對于許多移動平臺上用戶與界面交互方式起著相當重要的作用。所以設計或布局中的元素次序的排列必須保證可用性，省略那些傳統(tǒng)平臺上的花哨的設計。

內(nèi)容的規(guī)模也是許多移動平臺的重要因素。比如按鈕或鏈接的大小要與觸摸屏用戶的手指大小相吻合，不過每個用戶的手指大小也是有所不同的。一個大小剛剛好的按鈕會讓所有用戶都能很好地操作。要注意的是，移動設備上為用戶手指設計的鏈接和按鈕的大小可與電腦上為鼠標鍵盤設計的鏈接和按鈕的大小要相差很多。

重要性的層次結構

[[16528]]

移動設備的屏幕大小是有限的，所以要合理地利用。也就是說，你需要盡可能的剔除不必要的東西，有一個辦法就是設計好內(nèi)容的層次結構。可利用字體的大小和顏色等將內(nèi)容分開。要讓內(nèi)容自身表述自己而不是描述內(nèi)容，為此在你的布局和設計中要盡量刪掉不必要的元素，從而增加可利用的空間，利用這些空間來安置有質(zhì)量的內(nèi)容。

輕量級設計

需要記住的一點是，用戶通過移動設備訪問你的網(wǎng)站是，他們是為了查看內(nèi)容，而不是為了看你那花哨的布局，而且平添些花哨的設計會使得訪問更加緩慢。要把用戶想象成正趕著去開會的時候上你的網(wǎng)站查看些信息，他們首先關注的內(nèi)容。所以強調(diào)輕量級的設計，提出冗余的設計元素，將內(nèi)容良好的呈現(xiàn)出來。

重要的內(nèi)容

你的網(wǎng)站肯定是具有自己的核心內(nèi)容，不過對于移動設備上的網(wǎng)站來說，需要呈現(xiàn)的就是你自己的核心內(nèi)容或者是用戶訪問你的網(wǎng)站時經(jīng)常查看的內(nèi)容，不要把你的網(wǎng)站上所有的東西都弄到自己的手機網(wǎng)站上。

簡單的導航

由于許多移動設備和平臺提供的瀏覽器往往不具有后退等導航功能，所以在你的手機網(wǎng)站上其實可以加入這些簡單的導航功能，不過同樣一點是導航不要做得太多，因為這會放慢訪問速度，占據(jù)寶貴的屏幕空間。

不要使用表格

許多移動平臺上往往不顯示表格，所以不要將表格作為移動網(wǎng)站設計的主題框架，盡量使用CSS來設計。

平臺監(jiān)測

要想讓你的移動版的網(wǎng)站觸及更多的用戶，***的辦法就是對不同平臺進行測試，然后提供各個版本的網(wǎng)站。對自己的用戶的平臺進行測試，然后根據(jù)平臺的不同提供不同的內(nèi)容和功能?？傮w而言，在移動平臺的界面設計上，首先要知道移動設備的局限性，才能更好的圍繞其進行巧妙地設計。對不同的移動平臺要有一個很好的理解，這樣才能讓你的移動網(wǎng)站能夠適用于不同的移動平臺。同樣你可以利用平臺開發(fā)商提供的模擬器來對你的網(wǎng)站進行檢測。

【編輯推薦】

1. Android的UI設計與后臺線程交互
2. 多圖詳解 “Android UI”設計官方教程
3. 多圖詳解 “Android UI”設計官方教程(二)
4. 在Android中實現(xiàn)service動態(tài)更新UI界面
5. Symbian開發(fā)之UI框架設計教程

 原文：http://designreviver.com/tips/8-useful-interface-design-techniques-for-mobile-devices/

本文鏈接：http://www.socialbeta.cn/articles/8-useful-interface-design-techniques-for-mobile-devices.html

譯者：wisp