註冊登入是移動端UI介面設計中最基礎的板塊之一，介面看似簡單，但是想設計一個讓人眼前一亮的註冊登入介面並非易事。今天，小編將和大家一起來聊聊移動端UI介面設計之-登入註冊那些事。希望能對設計的朋友有所幫助。

本文架構：

常見註冊方式

常見登入方式

精美註冊登入設計介面模板

設計工具推薦

總結

一、常見註冊方式

1. 郵箱註冊

使用郵箱註冊PC端產品是我們日常最常見的註冊方式之一，隨著移動網際網路的飛速發展，人們在利用日常的碎片化時間，越來越依賴於移動端產品。大多數移動端產品仍然給使用者提供此註冊方式。

在國外，郵箱仍是人們之間進行相互溝通的主要方式之一。因此，國外一些主流APP中，都會保留這種註冊方式。比如：YouTube、Facebook、Twitter等。 

ALT：郵箱註冊

2. 使用者名稱註冊

使用者名稱註冊也是之前PC端註冊的常見方式，可直接省去手機、郵箱驗證的複雜流程，簡單便捷。但是不足之處也非常明顯，如果使用者長期未登陸，可能會遺忘賬號。這種造成的後果只有兩種：

①使用者必須重新註冊，嚴重影響使用者體驗。

②使用者放棄使用，致使開發商使用者流失，損失利益。

3.手機號註冊

ALT：手機號註冊

手機註冊相比郵箱和使用者名稱註冊，優勢非常明顯。隨著智慧手機的飛速發展，手機使用者群體數量龐大。使用手機號註冊也逐漸成為了移動端APP註冊的主要方式。其主要優點如下：

• 賬號易記，避免不必要的使用者流失

• 移動驗證更安全、方便

• 手機號需實名認證，真實性更高

• 大大提高使用者粘度

• 通訊錄關係鏈匯入，可為開發商迅速獲取新使用者

當然，使用手機號註冊也存在一定弊端，諸如：

• 手機號與使用者一一對應，個人隱私易洩露；

• 使用者更換賬號驗證較麻煩，尤其是手機丟失的時候；

• 垃圾簡訊增加，嚴重影響使用者體驗；

4.通過第三方賬號註冊

常見的第三方賬號註冊的主要是利用像QQ、微信、支付寶、新浪微博等平臺進行授權登入。

ALT：授權登入

優點：

• 點選“授權”即可登入，快捷，方便

• 省去註冊流程，節約時間，避免因註冊環節複雜而流失部分使用者

• 可直接獲取使用者頭像、暱稱等資訊，無需再次編輯

• 有效提高使用者粘度，留住使用者（使用者進入產品，能快速找到QQ、微信上熟悉的人）

缺點：

• 無法統計真實使用者資料，易造成一人多賬號

• 開發商只能獲取使用者有限資訊，後期不能通過手機簡訊、郵件等有效傳遞方式對使用者進行更精準的營銷。

二、常見登入方式

1. 使用註冊賬號（郵箱、使用者名稱、手機號）+密碼登入

這些都是我們日常使用產品時常見的登入方式，現如今的移動端APP，使用“手機號+密碼”最常用的方式，可大大降低使用者的流失率。此外，在使用者忘記密碼時，可方便使用者快速找回。

ALT：註冊賬號（郵箱、使用者名稱、手機號）+密碼登入

2. 手機接收動態密碼快捷登入

手機接收動態密碼快捷登入應用，相信大家都不陌生。這種方式，使用者無需記住密碼，可給使用者減少很多負擔。生活中需記住的各種密碼已經夠多啦！

ALT：手機接收動態密碼快捷登入

3. 直接使用第三方登入

第三方登入可大大方便使用者快速進入產品介面。這種方式常見的有遊戲型、內容型等應用。

ALT：第三方登入

三、精美註冊登入設計介面模板

說了這麼多，都是理論。下面，給大家分享一些精美的登入註冊UI設計介面，讓你一飽眼福。同是，也希望給大家在設計時帶來一些靈感。

ALT：註冊登入設計介面模板

ALT：註冊登入設計介面模板

ALT：註冊登入設計介面模板

ALT：註冊登入設計介面模板

ALT：註冊登入設計介面模板

四、設計工具推薦

看了這麼多優秀的UI介面設計，是否有一種衝動，想設計出專屬於自己的登入註冊介面呢？那是當然，學習過理論，我們必須付諸實踐。下面，小編將帶領大家一起來實際操作一下。提到設計，設計工具必不可少，在這裡，給大家推薦國產工具-Mockplus。相信它一定能給你帶來不一樣的體驗。

效果圖1（郵箱/手機號註冊登入）：

ALT：郵箱/手機號註冊登入

這是我們常見的郵箱/手機號註冊方式，在Mockplus實現這種介面非常簡單，直接使用輸入框（設定佔位文字）+按鈕元件即可輕鬆解決。

效果圖2（第三方註冊登入）：

ALT：第三方註冊登入

在知乎APP中，包含了上述三種登入方式。可滿足大部分使用者的註冊登入需求。

總結

想設計出精美的登入註冊介面，還需要我們掌握其它的知識。如：UI介面設計規範、設計原則、介面配色等。當然，想設計出獨具一格的UI介面，最重要的還是得多想、多實踐。使用像Mockplus這樣的工具，快速實現自己的構想和概念，並不斷改進和迭代。