進行移動端APP登錄界面設計時應注意的幾大要素

在大多數(shù)情況下，應用程序的登錄界面Ui決定了客戶對應用程序的第一印象，因此在設計APP或者小程序登錄界面Ui時必須特別小心。只有設計一個無瑕疵且有吸引力的登錄界面Ui，客戶才能對使用應用程序產生更強的興趣。

APP登錄界面Ui需要包含幾個要素:

第一，背景的選擇

1.純色背景:整體看起來很干凈。

2.毛玻璃效果：要控制好效果，注意色彩搭配，否則會顯得有點臟

3.漸變色

4.蒙版背景圖片:注意背景圖片的選擇和蒙版的透明度，否則容易降低輸入框和按鈕的識別度。

二、上半部分(即輸入框上方)

目前主流App登錄界面Ui一般不顯示標題欄，界面整體顯示大方，空間感強，上部一般顯示圖片(可能是logo應用程序)，文字(應用程序名稱或體現(xiàn)App短句)或圖片加文字的方式。

第三，輸入框和登錄按鈕

1.純輸入框，包含輸入內容的提示文本。

2.在輸入框中添加一個小圖標來識別需要輸入的內容。

3.在輸入框之前或在輸入框中添加標題。

第四、注冊鍵位

只需兩種表現(xiàn)形式：按鈕和文本。通常位于登錄按鈕下面。由于使用頻率較高，一般更傾向于按鈕。

第五、忘記密碼鍵

大部分都是用文字顯示的。畢竟這個功能使用頻率低。與登錄和注冊相比，它是最不重要的功能。一般會放在登錄按鈕下面，有些App會放在登錄按鈕和文字框之間，放在左邊。

第六、聯(lián)合登錄鍵位

通常會放在登錄界面Ui的底部，有些App會放在登錄按鈕下面，登錄按鈕的頂部(畢竟聯(lián)合登錄也屬于登錄)。

APP登錄界面Ui設計的兩個思路。

首先是APP登錄界面Ui路一：大眾化設計

一般純色背景，元素是登錄框和密碼框，加上登錄按鈕，這種APP登錄界面Ui設計比較流行，中規(guī)中矩。一般的布局是：上-中-下，上面一般放置企業(yè)形象logo或APP名稱，中間是登錄密碼框，下面是注冊信息。這種APP登錄界面Ui的背景是漸變的或多色的。意境非常平坦。

APP登錄界面Ui設計思路二：情感設計

在流行設計的基礎上，會加入一些情感元素，比如人物頭像，代表這個APP的象征性圖標或者背景素材。比如信封，旅游圖片。

還有一些APP登錄界面Ui背景會隨著現(xiàn)在的時間而改變，如果是白天，背景是簡單而陽光的，如果是晚上，則是深夜星空閃耀的背景，比如QQAPP登錄界面Ui設計。

用戶體驗設計注意事項：

1.將郵箱和手機號碼輸入框結合起來，可以減少用戶的操作步驟。

2.用戶名密碼這些必填項入時，登錄按鈕處于不可用狀態(tài)，避免誤操作帶來的麻煩。

3.輸入框中顯示提示信息的方式進一步釋放了圖片空間，使整個圖片看起來更加簡潔。但是注意輸入框和提示文本的顏色灰度，顏色太淺不容易查看。

4.圖片中的核心流程按鈕突出顯示，而其他按鈕最小化顯示，顏色根據重要程度不同。

5.當輸入框獲得焦點時，突出顯示，以便在多個輸入框中識別焦點的位置。

6.錯誤提示直接顯示在圖片中，不以彈出對話框或toast的形式實現(xiàn)。如果短時間內，用戶可能看不清消息提示框。

7.頁面中的輸入框、按鈕等其他重要控件在彈出軟鍵盤時盡可能顯示在手機屏幕的上方便用戶切換和確認。

8.如果注冊/登錄失敗，提示信息應盡可能詳細，如賬戶名稱錯誤、密碼錯誤或手機號碼已注冊。

9.輸入郵箱地址時，可以彈出自動補充功能，自動添加普通郵箱后綴。

10.發(fā)送驗證郵件后，可以給用戶詳細的說明和操作提示，也可以加一個按鈕直接跳到相應的郵箱。

APP登錄界面Ui設計同樣也需要深度研究設計。只有多設計多嘗試和創(chuàng)新，才能設計出讓大家滿意的產品哦。