1.1 認(rèn)識(shí)移動(dòng)UI設(shè)計(jì)

移動(dòng)UI設(shè)計(jì)就是將移動(dòng)通信和UI設(shè)計(jì)合二為一，結(jié)為一體。一個(gè)好的移動(dòng)UI設(shè)計(jì)不僅能讓軟件變得有個(gè)性、有品位，還能讓軟件的操作變得舒適、簡(jiǎn)單、自由，并能充分體現(xiàn)出軟件的定位和特點(diǎn)。

1.1.1 什么是移動(dòng)UI設(shè)計(jì)

UI（User Interface）是用戶(hù)界面的簡(jiǎn)稱(chēng)。UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面外觀的整體設(shè)計(jì)。主要分類(lèi)有平面設(shè)計(jì)、Web前端設(shè)計(jì)、移動(dòng)端設(shè)計(jì)、交互設(shè)計(jì)等。而移動(dòng)UI設(shè)計(jì)以手機(jī)移動(dòng)端為例，手機(jī)上的界面都屬于用戶(hù)界面。用戶(hù)日常通過(guò)這個(gè)界面向手機(jī)發(fā)出指令，手機(jī)會(huì)根據(jù)指令產(chǎn)生相應(yīng)的反饋。用戶(hù)界面設(shè)計(jì)不僅要考慮如何讓界面美觀，還要考慮如何擺放按鈕、控件、菜單等，將小部件結(jié)合成整個(gè)界面。

1.1.2 移動(dòng)UI設(shè)計(jì)的目的和重要性

移動(dòng)UI設(shè)計(jì)的目的是讓用戶(hù)理解程序的用途，并快速地操作程序。外觀和視覺(jué)感不是界面設(shè)計(jì)的主要目的，界面的主要目的是溝通，通過(guò)溝通讓用戶(hù)理解界面程序。

移動(dòng)UI設(shè)計(jì)包括美化和交互兩個(gè)方面。為了讓讀者直觀地了解UI設(shè)計(jì)的重要性，下面用UI設(shè)計(jì)前和UI設(shè)計(jì)后的界面圖進(jìn)行對(duì)比分析。

設(shè)計(jì)前的界面沒(méi)有明顯的特點(diǎn)。

（1）界面過(guò)于簡(jiǎn)單，界面顏色單調(diào)，沒(méi)有美感。

（2）“登錄”按鈕沒(méi)有立體感，像閱讀文字。

設(shè)計(jì)后的界面有了明顯的特點(diǎn)呈現(xiàn)。

（1）界面內(nèi)容豐富，具有時(shí)尚感和立體感。

（2）“登錄”按鈕使用了漸變效果，并增加其他選項(xiàng)。

（3）增加頭像展示，添加其他的登錄方式，使操作更方便。

設(shè)計(jì)后的界面更加舒適和美觀，因此對(duì)于智能設(shè)備來(lái)說(shuō)，移動(dòng)UI的設(shè)計(jì)是非常重要的。

1.1.3 平面設(shè)計(jì)和移動(dòng)UI的不同

平面設(shè)計(jì)涉及的范圍非常廣，例如，報(bào)刊、展示架、包裝、封面等，而移動(dòng)UI的范圍基本被限定在移動(dòng)終端設(shè)備APP上。移動(dòng)UI特殊的尺寸要求、布局排版、組件類(lèi)型等使很多平面設(shè)計(jì)者不能直接進(jìn)行移動(dòng)UI設(shè)計(jì)。

同一款UI設(shè)計(jì)在不同的設(shè)備上所呈現(xiàn)的效果不同。下面是同一款軟件的UI設(shè)計(jì)在計(jì)算機(jī)和移動(dòng)設(shè)備上分別所呈現(xiàn)的效果，可以直觀地看到，即使是同一個(gè)功能頁(yè)面，其所呈現(xiàn)的內(nèi)容差距也是非常大的。

1.1.4 移動(dòng)UI設(shè)計(jì)的重要元素

移動(dòng)UI設(shè)計(jì)中有以下5個(gè)重要的設(shè)計(jì)元素。

布局和定位

布局和定位指的是界面的版面結(jié)構(gòu)。

形狀和尺寸

通過(guò)形狀，讓人迅速地對(duì)界面內(nèi)容進(jìn)行辨識(shí)。

顏色

界面內(nèi)不同的顏色，代表的含義不同。界面中紅色的按鈕或控件表示危險(xiǎn)、停止、警告等，而綠色的按鈕則代表繼續(xù)或成功，這兩種是最常見(jiàn)和最明顯的界面控件顏色的表達(dá)，當(dāng)然，如果不是提醒式按鈕的話(huà)，一般會(huì)根據(jù)界面顏色來(lái)設(shè)定按鈕顏色。

對(duì)比

界面內(nèi)設(shè)計(jì)的內(nèi)容可以通過(guò)加強(qiáng)對(duì)比來(lái)提高辨識(shí)度，如黑白；而降低對(duì)比可以融合界面效果，界面中通過(guò)加強(qiáng)和降低顏色之間的對(duì)比，可以讓用戶(hù)分清界面內(nèi)容的主次。

材質(zhì)

界面內(nèi)設(shè)計(jì)的不同材質(zhì)的圖標(biāo)，會(huì)展示出不同的效果。